2 Commits

View File

@@ -205,21 +205,27 @@ export default function LandingPage() {
</div>
<div id="layout" data-section="layout">
<CardStack mode="buttons" gridVariant="uniform-all-items-equal" title="Bestsellers" description="Explore our top-selling iPhone accessories and gadgets." buttons={[{ text: "Shop Now", href: "#" }]} className="mb-8">
<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="iPhone Case" />
<h3>iPhone X Case</h3>
<p>Protect your iPhone with our premium case.</p>
<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="iPhone Charger" />
<h3>Fast Charger</h3>
<p>Charge your iPhone up to 50% in just 30 minutes.</p>
<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="iPhone Screen Protector" />
<h3>Screen Protector</h3>
<p>Keep your iPhone screen scratch-free with our ultra-clear protector.</p>
<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>