Update components/Sidebar.tsx

components/Sidebar.tsx

@@ -1,8 +1,8 @@
-
 import React from 'react';
 import { LAYER_DEFINITIONS } from '../constants';
 import { LayerType } from '../types';
 import { Box, Sparkles, LayoutTemplate, Circle, Search, X, ChevronLeft, ChevronRight } from 'lucide-react';
+import GoogleAd from './GoogleAd';
 
 interface SidebarProps {
   onOpenAIBuilder: () => void;
@@ -191,6 +191,13 @@ const Sidebar: React.FC<SidebarProps> = ({ onOpenAIBuilder, onSelectTemplate, is
                 </div>
               ))
             )}
+            
+            {/* Sidebar Ad Spot */}
+            <div className="pt-4 border-t border-slate-800/50">
+               <div className="text-[10px] text-slate-600 mb-2 uppercase tracking-wider font-semibold text-center">Sponsored</div>
+               <GoogleAd />
+            </div>
+
           </div>
           
           <div className="p-4 border-t border-slate-800 text-[10px] text-slate-500 text-center flex items-center justify-center gap-2 min-w-[16rem]">
@@ -203,4 +210,4 @@ const Sidebar: React.FC<SidebarProps> = ({ onOpenAIBuilder, onSelectTemplate, is
   );
 };
 
-export default Sidebar;
+export default Sidebar;