From 52bcf48496547b4de2ae7d1526dc8ef9cad41370 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sun, 1 Mar 2026 09:46:44 +0000
Subject: [PATCH] Add multiplex ads to the homepage and update ad component

Add a new `MultiplexAd` component and integrate it into the homepage, also update the `AdSense` component's `AdFormat` type to include "autorelaxed".

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 9ce7cd4f-67b5-4818-8402-89bb8a6d543d
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/components/adsense.tsx | 15 ++++++++++++++-
 client/src/pages/home.tsx         |  4 +++-
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/client/src/components/adsense.tsx b/client/src/components/adsense.tsx
index e79cb7b..4eb9fd9 100644
--- a/client/src/components/adsense.tsx
+++ b/client/src/components/adsense.tsx
@@ -1,6 +1,6 @@
 import { useEffect, useRef } from "react";
 
-type AdFormat = "auto" | "fluid" | "rectangle" | "horizontal" | "vertical";
+type AdFormat = "auto" | "fluid" | "rectangle" | "horizontal" | "vertical" | "autorelaxed";
 
 interface AdSenseProps {
   slot: string;
@@ -77,6 +77,19 @@ export function InArticleAd() {
   );
 }
 
+export function MultiplexAd() {
+  return (
+    <div className="bg-card rounded-md border border-card-border overflow-hidden">
+      <AdSense
+        slot="4593001335"
+        format="autorelaxed"
+        style={{ display: "block" }}
+        className="w-full min-h-[250px]"
+      />
+    </div>
+  );
+}
+
 export function SidebarAd() {
   return (
     <div className="bg-card rounded-md border border-card-border p-4 mt-6">
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 063ad7b..8d98041 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, { ArticleCardAd } from "@/components/adsense";
+import AdSense, { ArticleCardAd, MultiplexAd } from "@/components/adsense";
 import { PhotoGalleryWidget } from "@/components/photo-gallery";
 import { HoroscopeWidget } from "@/components/horoscope-widget";
 import { RecipeWidget } from "@/components/recipe-widget";
@@ -606,6 +606,8 @@ export default function Home() {
           ))}
         </div>
 
+        <MultiplexAd />
+
       </main>
       <Footer />
     </div>