Add sticky sidebar advertisements to the website for desktop users

Introduce sticky vertical AdSense advertisements to the left and right sidebars, visible on screens wider than 1536px.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: f06a13fe-4c0b-42dd-a2d2-1ef93d0423d0
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/nFw7xof
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-03-02 19:11:58 +00:00
parent 1af90859ca
commit 78ddc5ef76

View File

@ -596,6 +596,22 @@ export default function Home() {
return (
<div className="min-h-screen bg-background">
<Header />
<div className="relative">
<div className="hidden 2xl:block fixed left-0 top-20 w-[160px] h-[600px] z-10" data-testid="ad-left-sidebar">
<AdSense
slot="2398082838"
format="vertical"
style={{ display: "block", width: "160px", height: "600px" }}
/>
</div>
<div className="hidden 2xl:block fixed right-0 top-20 w-[160px] h-[600px] z-10" data-testid="ad-right-sidebar">
<AdSense
slot="2398082838"
format="vertical"
style={{ display: "block", width: "160px", height: "600px" }}
/>
</div>
</div>
<main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 space-y-4">
<div className="grid grid-cols-1 lg:grid-cols-4 gap-4">