Update src/app/page.tsx
This commit is contained in:
158
src/app/page.tsx
158
src/app/page.tsx
@@ -33,54 +33,32 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Over Ons",
|
||||
id: "about",
|
||||
},
|
||||
name: "Over Ons", id: "about"},
|
||||
{
|
||||
name: "Aanbod",
|
||||
id: "product",
|
||||
},
|
||||
name: "Aanbod", id: "product"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="ST"
|
||||
button={{ text: "Bestel Nu", href: "#product" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
title="De beste deals bij ST."
|
||||
description="Ontdek een zorgvuldig geselecteerd assortiment tegen onverslaanbare prijzen. Kwaliteit en service staan bij ons centraal."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-shopping-bags-red-dots-top-view_23-2148663134.jpg",
|
||||
imageAlt: "ST deal 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-shopping-bags-red-dots-top-view_23-2148663134.jpg", imageAlt: "ST deal 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-real-estate-agent-showing-house_23-2150225242.jpg",
|
||||
imageAlt: "ST deal 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-real-estate-agent-showing-house_23-2150225242.jpg", imageAlt: "ST deal 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-gift-with-discount-tag-cart_23-2148283760.jpg",
|
||||
imageAlt: "ST deal 3",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cyber-monday-shopping-sales_23-2148688557.jpg",
|
||||
imageAlt: "Cyber monday shopping sales",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-display-makeup-products-assortment_23-2150063090.jpg",
|
||||
imageAlt: "Creative display makeup products assortment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-gift-with-discount-tag-cart_23-2148283760.jpg", imageAlt: "ST deal 3"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -104,23 +82,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Scherpe Prijzen",
|
||||
description: "Altijd de laagste prijs voor de beste producten.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-hand-holding-gold-stars-business-concept_107791-15942.jpg",
|
||||
imageAlt: "Prijzen",
|
||||
},
|
||||
title: "Scherpe Prijzen", description: "Altijd de laagste prijs voor de beste producten.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-hand-holding-gold-stars-business-concept_107791-15942.jpg", imageAlt: "Prijzen"},
|
||||
{
|
||||
title: "Snelle Levering",
|
||||
description: "Vandaag besteld, snel in huis via onze partners.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delivery-icon-left-side_187299-39628.jpg",
|
||||
imageAlt: "Levering",
|
||||
},
|
||||
title: "Snelle Levering", description: "Vandaag besteld, snel in huis via onze partners.", imageSrc: "http://img.b2bpic.net/free-photo/delivery-icon-left-side_187299-39628.jpg", imageAlt: "Levering"},
|
||||
{
|
||||
title: "Kwaliteitsgarantie",
|
||||
description: "Elk product is grondig gecontroleerd op kwaliteit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/colorful-set-delivery-elements_23-2147672486.jpg",
|
||||
imageAlt: "Garantie",
|
||||
},
|
||||
title: "Kwaliteitsgarantie", description: "Elk product is grondig gecontroleerd op kwaliteit.", imageSrc: "http://img.b2bpic.net/free-vector/colorful-set-delivery-elements_23-2147672486.jpg", imageAlt: "Garantie"},
|
||||
]}
|
||||
title="Waarom kiezen voor ST?"
|
||||
description="Onze belofte aan jou is simpel: kwaliteit, snelheid en absolute tevredenheid."
|
||||
@@ -135,47 +101,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Premium Gadget",
|
||||
price: "€49,99",
|
||||
variant: "Best Seller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-stage-background-pedestal-podium-product-display-show-product-white-background-3d-rendering_56104-1496.jpg",
|
||||
},
|
||||
id: "p1", name: "Premium Gadget", price: "€49,99", variant: "Best Seller", imageSrc: "http://img.b2bpic.net/free-photo/gray-stage-background-pedestal-podium-product-display-show-product-white-background-3d-rendering_56104-1496.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Design Keukengerei",
|
||||
price: "€29,99",
|
||||
variant: "Limited",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/kitchen-still-life_23-2152009917.jpg",
|
||||
},
|
||||
id: "p2", name: "Design Keukengerei", price: "€29,99", variant: "Limited", imageSrc: "http://img.b2bpic.net/free-photo/kitchen-still-life_23-2152009917.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Ergo Stoel",
|
||||
price: "€149,00",
|
||||
variant: "New",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-very-busy-man_329181-14548.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Skincare Set",
|
||||
price: "€39,50",
|
||||
variant: "Popular",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cream-container-mock-up-flat-lay_23-2148328686.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Modern Decor",
|
||||
price: "€19,95",
|
||||
variant: "New",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/halloween-gold-pumpkin-mount_23-2147925635.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Fitness Tracker",
|
||||
price: "€89,00",
|
||||
variant: "Pro",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114229.jpg",
|
||||
},
|
||||
id: "p3", name: "Ergo Stoel", price: "€149,00", variant: "New", imageSrc: "http://img.b2bpic.net/free-photo/rear-view-very-busy-man_329181-14548.jpg"},
|
||||
]}
|
||||
title="Onze Topaanbiedingen"
|
||||
description="Bekijk ons huidige assortiment aan kwalitatieve producten."
|
||||
@@ -187,30 +117,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jan de Vries",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021809.jpg",
|
||||
},
|
||||
id: "1", name: "Jan de Vries", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021809.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Annelies Bakker",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
|
||||
},
|
||||
id: "2", name: "Annelies Bakker", imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mark Jansen",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sophie Willems",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up-like_74855-10007.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Pieter Veenstra",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-posing-studio_23-2149411430.jpg",
|
||||
},
|
||||
id: "3", name: "Mark Jansen", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg"},
|
||||
]}
|
||||
cardTitle="Wat klanten zeggen"
|
||||
cardTag="Reviews"
|
||||
@@ -225,22 +136,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Tevreden Klanten",
|
||||
value: "5.000+",
|
||||
icon: Users,
|
||||
id: "m1", title: "Tevreden Klanten", value: "5.000+", icon: Users,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Producten",
|
||||
value: "500+",
|
||||
icon: ShoppingBag,
|
||||
id: "m2", title: "Producten", value: "500+", icon: ShoppingBag,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Landelijk Verzonden",
|
||||
value: "100%",
|
||||
icon: Truck,
|
||||
id: "m3", title: "Landelijk Verzonden", value: "100%", icon: Truck,
|
||||
},
|
||||
]}
|
||||
title="ST in Cijfers"
|
||||
@@ -254,20 +156,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Hoe wordt mijn bestelling verzonden?",
|
||||
content: "Wij werken samen met betrouwbare logistieke partners voor snelle levering.",
|
||||
},
|
||||
id: "f1", title: "Hoe wordt mijn bestelling verzonden?", content: "Wij werken samen met betrouwbare logistieke partners voor snelle levering."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Wat is jullie retourbeleid?",
|
||||
content: "Je kunt binnen 14 dagen zorgeloos retourneren.",
|
||||
},
|
||||
id: "f2", title: "Wat is jullie retourbeleid?", content: "Je kunt binnen 14 dagen zorgeloos retourneren."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Zijn jullie producten nieuw?",
|
||||
content: "Wij verkopen uitsluitend nieuwe kwalitatieve producten.",
|
||||
},
|
||||
id: "f3", title: "Zijn jullie producten nieuw?", content: "Wij verkopen uitsluitend nieuwe kwalitatieve producten."},
|
||||
]}
|
||||
title="Veelgestelde Vragen"
|
||||
description="Heb je een vraag over onze werkwijze?"
|
||||
@@ -279,8 +172,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Heb je vragen?"
|
||||
description="Neem contact op met het team van ST. Wij staan klaar om je te helpen."
|
||||
|
||||
Reference in New Issue
Block a user