Switch to version 4: modified src/app/page.tsx

Merge version_5 into main
2026-05-04 16:20:52 +00:00 · 2026-05-04 16:19:19 +00:00
1 changed files with 76 additions and 34 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -35,72 +35,114 @@ 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="Boostcycles"
+      brandName="STER MODE"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{ variant: "gradient-bars" }}
-      title="Boostcycles Groningen"
-      description="Uw specialist voor nieuwe fietsen, vakkundige reparaties en de beste sloten aan het Damsterdiep."
+      title="STER MODE: Specialist in Kledingreparatie & Stomerij"
+      description="Uw kleding in vertrouwde handen. Wij bieden vakkundige reparaties en professionele stomerij voor al uw textiel."
      carouselItems={[
-        { 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" }
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/abstract-texture-fabric-background_23-2148834119.jpg" },
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/close-up-detail-textile-texture_23-2148834120.jpg" },
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/folded-blue-shirts-stacked-neatly_23-2148834121.jpg" },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/sewing-machine-accessories-flatlay_23-2148834122.jpg" },
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/various-sewing-thread-bobbins_23-2148834123.jpg" },
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/textile-samples-in-workshop_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
-      tag="Over Boostcycles"
-      title="Uw lokale fietsspecialist in Groningen"
-      description="Gevestigd aan het Damsterdiep, biedt Boostcycles een breed assortiment fietsen, onderdelen en professioneel onderhoud."
+      tag="Vertrouwd in de regio"
+      title="Vakmanschap sinds jaar en dag"
+      description="Bij STER MODE combineren we jarenlange ervaring met een passie voor textielonderhoud."
      textboxLayout="split"
      useInvertedBackground={false}
      bulletPoints={[
-        { title: "Expertise", description: "Jarenlange ervaring met alle merken." },
-        { title: "Locatie", description: "Centraal gelegen aan het Damsterdiep." }
+        { title: "Kwaliteit", description: "Hoogste standaard in reparaties." },
+        { title: "Duurzaamheid", description: "Verleng de levensduur van uw kleding." }
      ]}
-      imageSrc="https://img.b2bpic.net/free-photo/mechanic-repairing-bike_23-2148834125.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/sewing-supplies-workspace_23-2148834125.jpg"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
-      title="Onze Diensten"
-      description="Wij houden u mobiel met onze uitgebreide service."
+      title="Onze Specialisaties"
+      description="Vakkundige zorg voor uw kleding."
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
-        { 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" }
+        { title: "Kledingreparatie", description: "Knopen, naden en meer.", buttonIcon: Award, imageSrc: "http://img.b2bpic.net/free-photo/sewing-tools-composition_23-2148834126.jpg" },
+        { title: "Professionele Stomerij", description: "Zorgvuldige reiniging.", buttonIcon: Award, imageSrc: "http://img.b2bpic.net/free-photo/clean-laundry-folded_23-2148834127.jpg" },
+        { title: "Leder & Accessoires", description: "Leren jassen en tassen.", buttonIcon: Award, imageSrc: "http://img.b2bpic.net/free-photo/leather-fabrics-texture_23-2148834128.jpg" },
+        { title: "Spoedservice", description: "Snelle service beschikbaar.", buttonIcon: Award, imageSrc: "http://img.b2bpic.net/free-photo/clock-time-management_23-2148834129.jpg" }
      ]}
    />
  </div>

-  <div id="gallery" data-section="gallery">
+  <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">
      <MetricCardTwo
-      title="Foto impressie"
-      description="Een blik in onze werkplaats en showroom."
+      title="Onze Cijfers"
+      description="Vertrouwd door velen in de regio."
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      animationType="slide-up"
      useInvertedBackground={true}
      metrics={[
-        { id: "1", value: "Service", description: "Snelle reparatieservice" },
-        { id: "2", value: "Kwaliteit", description: "Topmerken sloten" },
-        { id: "3", value: "Groningen", description: "Damsterdiep locatie" }
+        { 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/star-rating-icon_23-2148834130.jpg" },
+        { id: "2", name: "Sophie Janssen", imageSrc: "http://img.b2bpic.net/free-photo/star-rating-icon_23-2148834131.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." }
      ]}
    />
  </div>
@@ -108,9 +150,9 @@ export default function LandingPage() {
  <div id="contact" data-section="contact">
      <ContactCTA
      tag="Contact"
-      title="Kom langs bij Boostcycles"
-      description="Bezoek ons aan het Damsterdiep voor advies of reparatie."
-      buttons={[{ text: "Plan uw bezoek", href: "#contact" }]}
+      title="Direct contact"
+      description="Wij helpen u graag verder."
+      buttons={[{ text: "Bel nu", href: "tel:+3100000000" }]}
      useInvertedBackground={false}
      background={{ variant: "plain" }}
    />
@@ -118,8 +160,8 @@ export default function LandingPage() {

  <div id="footer" data-section="footer">
      <FooterLogoReveal
-      logoText="Boostcycles"
-      leftLink={{ text: "Over ons", href: "#about" }}
+      logoText="STER MODE"
+      leftLink={{ text: "Privacy", href: "/privacy" }}
      rightLink={{ text: "Contact", href: "#contact" }}
    />
  </div>
Author	SHA1	Message	Date
bender	3794cc1377	Switch to version 4: modified src/app/page.tsx	2026-05-04 16:20:52 +00:00
bender	2be5100dc2	Merge version_5 into main Merge version_5 into main	2026-05-04 16:19:19 +00:00