Implement Google Consent Mode v2:

- Set default 'denied' state in layout
- Update CookieConsent component to send 'granted' signals on accept
- Resolve 'Consent signals inactive' warnings in GA4

Author: abusufyan-netizen

app/layout.tsx

@@ -79,6 +79,18 @@ export default function RootLayout({ children }: RootLayoutProps) {
           crossOrigin="anonymous"
           strategy="afterInteractive"
         />
+        <Script id="google-consent-default" strategy="beforeInteractive">
+          {`
+            window.dataLayer = window.dataLayer || [];
+            function gtag(){dataLayer.push(arguments);}
+            gtag('consent', 'default', {
+              'ad_storage': 'denied',
+              'ad_user_data': 'denied',
+              'ad_personalization': 'denied',
+              'analytics_storage': 'denied'
+            });
+          `}
+        </Script>
         {/* Google Analytics 4 */}
         <Script
           src="https://www.googletagmanager.com/gtag/js?id=G-1QB54ZRCS5"

components/ui/CookieConsent.tsx

@@ -6,23 +6,39 @@ import Link from 'next/link'
 export default function CookieConsent() {
   const [visible, setVisible] = useState(false)
 
+  const updateConsent = (isAccepted: boolean) => {
+    if (typeof window !== 'undefined' && (window as any).gtag) {
+      (window as any).gtag('consent', 'update', {
+        'ad_storage': isAccepted ? 'granted' : 'denied',
+        'ad_user_data': isAccepted ? 'granted' : 'denied',
+        'ad_personalization': isAccepted ? 'granted' : 'denied',
+        'analytics_storage': isAccepted ? 'granted' : 'denied'
+      })
+    }
+  }
+
   useEffect(() => {
     // Check if consent was already given
     const consent = localStorage.getItem('cookie-consent')
     if (!consent) {
       // Small delay to ensure smooth hydration and visibility
       const timer = setTimeout(() => setVisible(true), 500)
       return () => clearTimeout(timer)
+    } else {
+      // Re-apply consent if already given
+      updateConsent(consent === 'accepted')
     }
   }, [])
 
   const accept = () => {
     localStorage.setItem('cookie-consent', 'accepted')
+    updateConsent(true)
     setVisible(false)
   }
 
   const decline = () => {
     localStorage.setItem('cookie-consent', 'declined')
+    updateConsent(false)
     setVisible(false)
   }