add ad

src/app/page.tsx

@@ -5,6 +5,7 @@ import ComparisonForm from '@/components/ComparisonForm';
 import ComparisonResults from '@/components/ComparisonResults';
 import ComparisonHistory, { HistoryItem } from '@/components/ComparisonHistory';
 import ComparisonTips from '@/components/ComparisonTips';
+import AdBanner from '@/components/AdBanner';
 import { saveToHistory } from '@/utils/historyStorage';
 
 export default function Home() {
@@ -80,6 +81,10 @@ export default function Home() {
           <ComparisonForm onSubmit={handleComparison} isLoading={isLoading} />
         </div>
 
+        <div className="mb-8">
+          <AdBanner />
+        </div>
+
         <div className="mb-8">
           <ComparisonHistory onSelectHistory={handleSelectHistory} />
         </div>

src/components/AdBanner.tsx

@@ -0,0 +1,33 @@
+'use client';
+
+import { useEffect } from 'react';
+
+declare global {
+  interface Window {
+    adsbygoogle: unknown[];
+  }
+}
+
+export default function AdBanner() {
+  useEffect(() => {
+    try {
+      (window.adsbygoogle = window.adsbygoogle || []).push({});
+    } catch (err) {
+      console.error('AdSense error:', err);
+    }
+  }, []);
+
+  return (
+    <div className="w-full">
+      {/* ava-horizon */}
+      <ins 
+        className="adsbygoogle"
+        style={{ display: 'block' }}
+        data-ad-client="ca-pub-7296634171837358"
+        data-ad-slot="1608102231"
+        data-ad-format="auto"
+        data-full-width-responsive="true"
+      />
+    </div>
+  );
+}