sebastjanartic
c70a63f5c3
Integrates an interstitial overlay ad and a parallax ad into article pages to display advertisements. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 23852c00-4779-460a-9e0c-d09fee4b6c92 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 3158e283-294f-4fb9-b342-6bff6c7c14cc Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/23852c00-4779-460a-9e0c-d09fee4b6c92/tdiozLO Replit-Helium-Checkpoint-Created: true
20 lines
685 B
TypeScript
20 lines
685 B
TypeScript
import AdSense from "./adsense";
|
|
|
|
export default function ParallaxAd() {
|
|
return (
|
|
<div className="relative" data-testid="parallax-ad-wrapper">
|
|
<div className="sticky top-0 h-[350px] flex items-center justify-center bg-background z-0">
|
|
<div className="text-center w-full max-w-lg mx-auto">
|
|
<div className="text-[10px] text-muted-foreground/40 text-center mb-2 uppercase tracking-widest">Anzeige</div>
|
|
<AdSense
|
|
slot="2398082838"
|
|
format="rectangle"
|
|
style={{ display: "block", minHeight: "250px" }}
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div className="h-[350px]" aria-hidden="true" />
|
|
</div>
|
|
);
|
|
}
|