feat: add SimpleAd component for page-level AdSense integration

Author: html-proof

src/app/page.tsx

@@ -3,6 +3,7 @@
 import Link from "next/link";
 import NotesBrowser from "@/components/public/NotesBrowser";
 import DynamicBackground from "@/components/layout/DynamicBackground";
+import SimpleAd from "@/components/ads/SimpleAd";
 import { ArrowDown, BookOpen, Layers, Users } from "lucide-react";
 
 export default function Home() {
@@ -92,7 +93,10 @@ export default function Home() {
 
             </section>
 
-            {/* AdSense removed - incompatible with Next.js SSR */}
+            {/* Ad Section */}
+            <div className="container" style={{ marginBottom: "2rem" }}>
+                <SimpleAd adSlot="3325660893" />
+            </div>
 
             {/* 3. Main Browser Area */}
             <div id="browse" style={{ padding: "2rem 1rem 4rem", background: "linear-gradient(to bottom, rgba(0,0,0,0.02) 0%, var(--bg-gradient-end) 100%)" }}>

src/components/ads/SimpleAd.tsx

@@ -0,0 +1,58 @@
+"use client";
+
+import { useEffect, useRef } from "react";
+
+interface SimpleAdProps {
+    adSlot: string;
+    adFormat?: string;
+    fullWidthResponsive?: boolean;
+}
+
+/**
+ * Simplified Ad Component for Next.js
+ * Use this on individual pages, NOT in layout.tsx
+ */
+export default function SimpleAd({
+    adSlot,
+    adFormat = "auto",
+    fullWidthResponsive = true
+}: SimpleAdProps) {
+    const adRef = useRef<HTMLModElement>(null);
+    const initialized = useRef(false);
+
+    useEffect(() => {
+        if (initialized.current) return;
+
+        try {
+            // Push ad after a delay to ensure DOM is ready
+            setTimeout(() => {
+                if (window && (window as any).adsbygoogle && adRef.current) {
+                    (window as any).adsbygoogle.push({});
+                    initialized.current = true;
+                }
+            }, 500);
+        } catch (err) {
+            // Silently fail
+        }
+    }, []);
+
+    return (
+        <div style={{
+            minHeight: "100px",
+            margin: "20px 0",
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center"
+        }}>
+            <ins
+                ref={adRef}
+                className="adsbygoogle"
+                style={{ display: "block" }}
+                data-ad-client="ca-pub-6253589071371136"
+                data-ad-slot={adSlot}
+                data-ad-format={adFormat}
+                data-full-width-responsive={fullWidthResponsive.toString()}
+            />
+        </div>
+    );
+}