refactor: Dynamically load SocialBar script and move it to global layout, removing NativeBanner from homepage.

Author: parthsali

app/layout.tsx

@@ -7,7 +7,7 @@ import { SITE_URL } from "@/lib/constants";
 import { FestiveModal } from "@/components/FestiveModal";
 import { FeatureModal } from "@/components/FeatureModal";
 import Script from "next/script";
-import { Popunder } from "@/components/ads";
+import { Popunder, SocialBar } from "@/components/ads";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -73,6 +73,7 @@ export default function RootLayout({
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
         <Popunder />
+        <SocialBar />
         {/* ✅ Google Analytics script */}
         <Script
           src="https://www.googletagmanager.com/gtag/js?id=G-MRZ0D7MXZD"

app/page.tsx

@@ -131,7 +131,7 @@ export default async function Home() {
 
 
 
-      <NativeBanner className="fixed bottom-0 left-1/2 -translate-x-1/2" />
+      {/* <NativeBanner className="fixed bottom-0 left-1/2 -translate-x-1/2" /> */}
     </main>
   );
 }

components/ads/SocialBar.tsx

@@ -1,22 +1,40 @@
 'use client';
 
-import Script from 'next/script';
+import { useEffect, useRef } from 'react';
 import { adConfig } from './config';
 
 interface AdProps {
     className?: string;
 }
 
 export default function SocialBar({ className }: AdProps) {
+    const adRef = useRef<HTMLDivElement>(null);
+
+    useEffect(() => {
+        if (adConfig.disableAds || !adRef.current) return;
+
+        const container = adRef.current;
+
+        // Clear previous content
+        container.innerHTML = '';
+
+        const script = document.createElement('script');
+        script.type = 'text/javascript';
+        // Social bar script source
+        script.src = '//pl27751387.effectivegatecpm.com/a3/4a/86/a34a865697fcbff52b5eca6ada6baccc.js';
+
+        container.appendChild(script);
+
+        return () => {
+            if (container) {
+                container.innerHTML = '';
+            }
+        };
+    }, []);
+
     if (adConfig.disableAds) return null;
 
     return (
-        <div className={className}>
-            <Script
-                type="text/javascript"
-                src="//pl27751387.effectivegatecpm.com/a3/4a/86/a34a865697fcbff52b5eca6ada6baccc.js"
-                strategy="afterInteractive"
-            />
-        </div>
+        <div ref={adRef} className={className} />
     );
 }