From daad124140120f290f83408b3921114ddc2691f5 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 28 Feb 2026 22:41:35 +0000
Subject: [PATCH] Update advertisements to match card styling and dimensions

Replaces generic AdSense components with `ArticleCardAd` to ensure ads maintain consistent styling (rounded borders, card background) and aspect ratio with other content cards on the homepage, specifically in the bottom widget section and the main grid.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: a18418f2-ec95-41e4-8543-d1e537da4416
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/ls5p9ni
Replit-Helium-Checkpoint-Created: true
---
 client/src/pages/home.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 21975de..10f8948 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -7,7 +7,7 @@ import { Eye, Play, Images } from "lucide-react";
 import { Skeleton } from "@/components/ui/skeleton";
 import Header from "@/components/header";
 import Footer from "@/components/footer";
-import AdSense from "@/components/adsense";
+import AdSense, { ArticleCardAd } from "@/components/adsense";
 import { PhotoGalleryWidget } from "@/components/photo-gallery";
 import { HoroscopeWidget } from "@/components/horoscope-widget";
 import { RecipeWidget } from "@/components/recipe-widget";
@@ -524,8 +524,8 @@ export default function Home() {
       { type: "widget", el: <div key="bottom-horoscope" className="flex flex-col gap-4"><HoroscopeWidget /><WeatherWidget /></div> },
       { type: "widget", el: <BreakingNewsWidget key="bottom-breaking" /> },
       { type: "widget", el: <RecipeWidget key="bottom-recipe" /> },
-      { type: "ad", el: <div key="ad-bottom-1" className="bg-card rounded-lg border border-card-border overflow-hidden flex items-center justify-center min-h-[250px]"><AdSense slot="bottom-1" className="w-full h-full" /></div> },
-      { type: "ad", el: <div key="ad-bottom-2" className="bg-card rounded-lg border border-card-border overflow-hidden flex items-center justify-center min-h-[250px]"><AdSense slot="bottom-2" className="w-full h-full" /></div> },
+      { type: "ad", el: <div key="ad-bottom-1"><ArticleCardAd /></div> },
+      { type: "ad", el: <div key="ad-bottom-2"><ArticleCardAd /></div> },
     ];
     for (let i = items.length - 1; i > 0; i--) {
       const j = Math.floor(Math.random() * (i + 1));
@@ -573,8 +573,8 @@ export default function Home() {
                 <div className="sm:col-span-2">
                   <WideCard article={widePickedArticles[0]} focalPoints={focalPoints} />
                 </div>
-                <div className="sm:col-span-2 flex items-center justify-center">
-                  <AdSense slot="bottom-grid" className="w-full h-full min-h-[250px]" />
+                <div className="sm:col-span-2">
+                  <ArticleCardAd />
                 </div>
               </>
             )}