3 Commits

View File

@@ -11,6 +11,7 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Camera, Zap, Sparkles, Monitor, Shield, Star, Heart } from "lucide-react";
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import CardStack from '@/components/cardStack/CardStack';
export default function LandingPage() {
return (
@@ -203,6 +204,32 @@ export default function LandingPage() {
/>
</div>
<div id="layout" data-section="layout">
<CardStack mode="buttons" gridVariant="timeline" title="Bestsellers" description="Check out our top-selling iPhone accessories." buttons={[{ text: "Shop Now", href: "#" }]} className="mb-8">
<div className="card">
<img src="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" alt="Wireless Charger" />
<div className="card-content">
<h3>Wireless Charger</h3>
<p>Charge your iPhone wirelessly with ease.</p>
</div>
</div>
<div className="card">
<img src="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" alt="Phone Case" />
<div className="card-content">
<h3>Phone Case</h3>
<p>Protect your iPhone with our stylish case.</p>
</div>
</div>
<div className="card">
<img src="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" alt="Screen Protector" />
<div className="card-content">
<h3>Screen Protector</h3>
<p>Keep your iPhone screen scratch-free.</p>
</div>
</div>
</CardStack>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
columns={[