Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| db545b4d73 | |||
| e9d56265bf | |||
| ed138221c9 | |||
| 3aacc5a17e | |||
| eb98f4b612 | |||
| 93ffbbff84 | |||
| 8bce1bf3de |
108
src/app/page.tsx
108
src/app/page.tsx
@@ -35,112 +35,72 @@ export default function LandingPage() {
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Over ons", id: "about" },
|
||||
{ name: "Diensten", id: "features" },
|
||||
{ name: "Prijzen", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="STER MODE"
|
||||
brandName="Boostcycles"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="STER MODE: Specialist in Kledingreparatie & Stomerij"
|
||||
description="Uw kleding in vertrouwde handen. Wij bieden vakkundige reparaties en professionele stomerij voor al uw textiel."
|
||||
title="Boostcycles Groningen"
|
||||
description="Uw specialist voor nieuwe fietsen, vakkundige reparaties en de beste sloten aan het Damsterdiep."
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/creative-atelier-shop-workspace_482257-95822.jpg" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-female-tailor-working-studio_23-2148834119.jpg" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/elements-fashion-designing-studio_23-2150407894.jpg" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/close-up-seamstress-drawing-with-soap-pink-textile-modern-sewing-workshop_574295-3700.jpg" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/client-examining-tie-shirt-store_482257-78702.jpg" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/racks-filled-with-basic-shirt_482257-78330.jpg" }
|
||||
{ id: "1", imageSrc: "https://img.b2bpic.net/free-photo/bicycle-store-interior_23-2148834119.jpg" },
|
||||
{ id: "2", imageSrc: "https://img.b2bpic.net/free-photo/bike-repair-mechanic_23-2148834120.jpg" },
|
||||
{ id: "3", imageSrc: "https://img.b2bpic.net/free-photo/mountain-bike-parked_23-2148834121.jpg" },
|
||||
{ id: "4", imageSrc: "https://img.b2bpic.net/free-photo/bicycle-chain-tools_23-2148834122.jpg" },
|
||||
{ id: "5", imageSrc: "https://img.b2bpic.net/free-photo/bicycle-locks-selection_23-2148834123.jpg" },
|
||||
{ id: "6", imageSrc: "https://img.b2bpic.net/free-photo/city-cycling-lifestyle_23-2148834124.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Bekijk diensten", href: "#features" }, { text: "Contact", href: "#contact" }]}
|
||||
buttons={[{ text: "Bekijk diensten", href: "#features" }, { text: "Contact", href: "#contact" }]
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="Vakmanschap sinds jaar en dag"
|
||||
description="Bij STER MODE combineren we jarenlange ervaring met een passie voor textielonderhoud."
|
||||
tag="Over Boostcycles"
|
||||
title="Uw lokale fietsspecialist in Groningen"
|
||||
description="Gevestigd aan het Damsterdiep, biedt Boostcycles een breed assortiment fietsen, onderdelen en professioneel onderhoud."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
bulletPoints={[
|
||||
{ title: "Kwaliteit", description: "Hoogste standaard in reparaties." },
|
||||
{ title: "Duurzaamheid", description: "Verleng de levensduur van uw kleding." }
|
||||
{ title: "Expertise", description: "Jarenlange ervaring met alle merken." },
|
||||
{ title: "Locatie", description: "Centraal gelegen aan het Damsterdiep." }
|
||||
]}
|
||||
imageSrc="https://img.b2bpic.net/free-photo/mechanic-repairing-bike_23-2148834125.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
title="Onze Specialisaties"
|
||||
description="Vakkundige zorg voor uw kleding."
|
||||
title="Onze Diensten"
|
||||
description="Wij houden u mobiel met onze uitgebreide service."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Kledingreparatie", description: "Knopen, naden en meer.", buttonIcon: Award },
|
||||
{ title: "Professionele Stomerij", description: "Zorgvuldige reiniging.", buttonIcon: Award },
|
||||
{ title: "Leder & Accessoires", description: "Leren jassen en tassen.", buttonIcon: Award },
|
||||
{ title: "Spoedservice", description: "Snelle service beschikbaar.", buttonIcon: Award }
|
||||
{ title: "Fietsverkoop", description: "Nieuwe stads- en sportfietsen.", buttonIcon: Award, imageSrc: "https://img.b2bpic.net/free-photo/new-bicycles-store_23-2148834126.jpg" },
|
||||
{ title: "Reparaties", description: "Vakkundig onderhoud aan uw fiets.", buttonIcon: Award, imageSrc: "https://img.b2bpic.net/free-photo/repair-shop-tools_23-2148834127.jpg" },
|
||||
{ title: "Slotenspecialist", description: "De beste beveiliging voor uw fiets.", buttonIcon: Award, imageSrc: "https://img.b2bpic.net/free-photo/heavy-duty-bike-lock_23-2148834128.jpg" },
|
||||
{ title: "Advies op maat", description: "Wij helpen u bij de keuze.", buttonIcon: Award, imageSrc: "https://img.b2bpic.net/free-photo/sales-advice-bike_23-2148834129.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardThree
|
||||
title="Transparante Prijzen"
|
||||
description="Eerlijke prijzen voor professioneel vakwerk."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{ id: "basic", name: "Basis", price: "€10", buttons: [{ text: "Contact" }], features: ["Snel uitgevoerd", "Professioneel"] },
|
||||
{ id: "standard", name: "Standaard", price: "€25", buttons: [{ text: "Contact" }], features: ["Perfecte pasvorm", "Korte levertijd"] },
|
||||
{ id: "premium", name: "Premium", price: "€45", buttons: [{ text: "Contact" }], features: ["Stoomreiniging", "Kwaliteitsgarantie"] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<div id="gallery" data-section="gallery">
|
||||
<MetricCardTwo
|
||||
title="Onze Cijfers"
|
||||
description="Vertrouwd door velen in de regio."
|
||||
title="Foto impressie"
|
||||
description="Een blik in onze werkplaats en showroom."
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "1", value: "15+", description: "Jaar ervaring" },
|
||||
{ id: "2", value: "5000+", description: "Tevreden klanten" },
|
||||
{ id: "3", value: "98%", description: "Klanttevredenheid" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
cardTitle="Klantervaringen"
|
||||
cardTag="Recensies"
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Jan de Vries", imageSrc: "http://img.b2bpic.net/free-photo/frustrated-handsome-business-man-wearing-suit-looking-camera-going-wild-by-taking-off-his-suit-standing-white-background_141793-53852.jpg" },
|
||||
{ id: "2", name: "Sophie Janssen", imageSrc: "http://img.b2bpic.net/free-photo/man-helping-his-wife-iron-shirt_23-2149117079.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
title="Veelgestelde vragen"
|
||||
description="Antwoorden op veelgestelde vragen."
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "1", title: "Wat zijn de levertijden?", content: "Gemiddeld 2-3 werkdagen." },
|
||||
{ id: "2", title: "Moet ik een afspraak maken?", content: "Nee, loop gerust binnen." }
|
||||
{ id: "1", value: "Service", description: "Snelle reparatieservice" },
|
||||
{ id: "2", value: "Kwaliteit", description: "Topmerken sloten" },
|
||||
{ id: "3", value: "Groningen", description: "Damsterdiep locatie" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -148,9 +108,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Contact"
|
||||
title="Direct contact"
|
||||
description="Wij helpen u graag verder."
|
||||
buttons={[{ text: "Bel nu", href: "tel:+3100000000" }]}
|
||||
title="Kom langs bij Boostcycles"
|
||||
description="Bezoek ons aan het Damsterdiep voor advies of reparatie."
|
||||
buttons={[{ text: "Plan uw bezoek", href: "#contact" }]}
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
@@ -158,8 +118,8 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="STER MODE"
|
||||
leftLink={{ text: "Privacy", href: "/privacy" }}
|
||||
logoText="Boostcycles"
|
||||
leftLink={{ text: "Over ons", href: "#about" }}
|
||||
rightLink={{ text: "Contact", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user