From f67af040c04e628f43ceb881f4fd08333a2382ee Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sun, 28 Sep 2025 13:52:58 +0000
Subject: [PATCH] Update ad sizes and placement for improved user experience

Update the `HeaderAd.tsx` component to use a 970x90px desktop ad slot and adjust the `home.tsx` page to display the same ad size before the footer.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 45a1dcfc-f8a2-475a-a6b9-96fbb841dc27
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/45a1dcfc-f8a2-475a-a6b9-96fbb841dc27/RzcERJv
---
 .replit                            | 4 ++--
 client/src/components/HeaderAd.tsx | 8 ++++----
 client/src/pages/home.tsx          | 6 +++---
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/.replit b/.replit
index 0a1ce02..b8b3759 100644
--- a/.replit
+++ b/.replit
@@ -24,8 +24,8 @@ localPort = 35637
 externalPort = 3000
 
 [[ports]]
-localPort = 40943
-externalPort = 3002
+localPort = 41313
+externalPort = 3003
 
 [env]
 PORT = "5000"
diff --git a/client/src/components/HeaderAd.tsx b/client/src/components/HeaderAd.tsx
index 25fc7a9..4284e15 100644
--- a/client/src/components/HeaderAd.tsx
+++ b/client/src/components/HeaderAd.tsx
@@ -22,7 +22,7 @@ export default function HeaderAd() {
 
   return (
     <div className="w-full flex justify-center py-1 bg-bunny-dark" ref={adRef}>
-      {/* Desktop: Hidden on mobile, Mobile: 320x50px */}
+      {/* Mobile: 320x50px */}
       <ins 
         className="adsbygoogle md:hidden"
         style={{ 
@@ -34,16 +34,16 @@ export default function HeaderAd() {
         data-ad-slot="7241323742"
       />
       
-      {/* Desktop: 728x90px, Hidden on mobile */}
+      {/* Desktop: 970x90px Wide Header Ad */}
       <ins 
         className="adsbygoogle hidden md:inline-block"
         style={{ 
           display: 'inline-block', 
-          width: '728px',
+          width: '970px',
           height: '90px'
         }}
         data-ad-client="ca-pub-4465464714854276"
-        data-ad-slot="7241323742"
+        data-ad-slot="6554928035"
       />
     </div>
   );
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 69c59e3..7d6623d 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -221,12 +221,12 @@ export default function Home() {
         </div>
       </main>
 
-      {/* Desktop Bottom Banner Ad */}
+      {/* Desktop Bottom Banner Ad - 970x90 before footer */}
       <div className="container py-4 border-t border-white/10 hidden md:block">
         <div className="w-full flex justify-center">
           <AdSenseAd 
-            adSlot="5972813417"
-            width={728}
+            adSlot="6554928035"
+            width={970}
             height={90}
             className="max-w-full"
             lazy={true}