From 4ca4d24ddc010448be867834bb6a15bdc3e40266 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 9 Apr 2026 08:29:50 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 426 +++++++++++++----------------------------------
 1 file changed, 119 insertions(+), 307 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a6f9531..a1ea6ae 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,322 +14,134 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="soft"
+      defaultButtonVariant="bounce-effect"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Forside",
-          id: "hero",
-        },
-        {
-          name: "Om os",
-          id: "about",
-        },
-        {
-          name: "Priser",
-          id: "pricing",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
-      ]}
-      brandName="AH Bilpleje"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Forside", id: "hero" },
+              { name: "Om os", id: "about" },
+              { name: "Priser", id: "pricing" },
+              { name: "Kontakt", id: "contact" },
+            ]}
+            brandName="AH Bilpleje"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "plain",
-      }}
-      title="AH Bilpleje - Mobil Bilvask & Detailing"
-      description="Vi kommer til dig i Brønderslev, Nørresundby og op til 20 km rundt. Komplet indvendig & udvendig bilvask, nem booking og konkurrencedygtige priser."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=1",
-          imageAlt: "Clean car",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=2",
-          imageAlt: "Clean car",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=3",
-          imageAlt: "Clean car",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=4",
-          imageAlt: "Clean car",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=5",
-          imageAlt: "Clean car",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=6",
-          imageAlt: "Clean car",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=7",
-          imageAlt: "Clean car",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=8",
-          imageAlt: "Clean car",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=9",
-          imageAlt: "Clean car",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=10",
-          imageAlt: "Clean car",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=11",
-          imageAlt: "Clean car",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=12",
-          imageAlt: "Clean car",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Book din tid nu",
-          href: "#contact",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/business-man-buying-car-showroom_1303-13554.jpg",
-          alt: "Kunde 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
-          alt: "Kunde 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-man-car-with-window-open_23-2148322108.jpg",
-          alt: "Kunde 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/excited-cleaner-man-holding-microfiber-cleaning-glove-thumbing-up_141793-124544.jpg",
-          alt: "Kunde 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/ambitious-businessman-standing-street_1262-3451.jpg",
-          alt: "Kunde 5",
-        },
-      ]}
-      avatarText="Over 500+ tilfredse bil-ejere"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Høj Kvalitet",
-        },
-        {
-          type: "text",
-          text: "Mobil Service",
-        },
-        {
-          type: "text",
-          text: "Miljøvenlig",
-        },
-        {
-          type: "text",
-          text: "Gennemskuelig Pris",
-        },
-        {
-          type: "text",
-          text: "Lokal Ekspertise",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            background={{ variant: "plain" }}
+            title="AH Bilpleje - Mobil Bilvask & Detailing"
+            description="Vi kommer til dig i Brønderslev, Nørresundby og op til 20 km rundt. Komplet indvendig & udvendig bilvask, nem booking og konkurrencedygtige priser."
+            leftCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" }
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "Clean car" }
+            ]}
+            buttons={[{ text: "Book din tid nu", href: "#contact" }]}
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/business-man-buying-car-showroom_1303-13554.jpg", alt: "Kunde 1" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg", alt: "Kunde 2" },
+              { src: "http://img.b2bpic.net/free-photo/young-man-car-with-window-open_23-2148322108.jpg", alt: "Kunde 3" },
+              { src: "http://img.b2bpic.net/free-photo/excited-cleaner-man-holding-microfiber-cleaning-glove-thumbing-up_141793-124544.jpg", alt: "Kunde 4" },
+              { src: "http://img.b2bpic.net/free-photo/ambitious-businessman-standing-street_1262-3451.jpg", alt: "Kunde 5" }
+            ]}
+            avatarText="Over 500+ tilfredse bil-ejere"
+            marqueeItems={[{ type: "text", text: "Høj Kvalitet" }, { type: "text", text: "Mobil Service" }, { type: "text", text: "Miljøvenlig" }, { type: "text", text: "Gennemskuelig Pris" }, { type: "text", text: "Lokal Ekspertise" }]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={true}
-      heading={[
-        {
-          type: "text",
-          content: "AH Bilpleje er din mobile bilvask i Brønderslev og Nørresundby. Vi leverer alt fra hurtig udvendig vask til komplet indvendig rengøring - direkte hjemme hos dig. Kvalitet, bekvemmelighed og fair priser er vores fokus.",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg",
-          alt: "Mobile detailing",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={true}
+            heading={[
+              { type: "text", content: "AH Bilpleje er din mobile bilvask i Brønderslev og Nørresundby. Vi leverer alt fra hurtig udvendig vask til komplet indvendig rengøring - direkte hjemme hos dig. Kvalitet, bekvemmelighed og fair priser er vores fokus." },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg", alt: "Mobile detailing" }
+            ]}
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardNine
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "basic",
-          title: "Udvendig vask",
-          price: "249 kr.",
-          period: "en gangs",
-          features: [
-            "Håndvask",
-            "Skånsom aftørring",
-            "Dækglans",
-          ],
-          button: {
-            text: "Book nu",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg?_wi=13",
-          imageAlt: "clean car detailing foam",
-        },
-        {
-          id: "standard",
-          title: "Indvendig rengøring",
-          price: "299 kr.",
-          period: "en gangs",
-          features: [
-            "Støvsugning",
-            "Instrumentbord",
-            "Vinduespudsning indvendig",
-          ],
-          button: {
-            text: "Book nu",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg",
-          imageAlt: "mobile car detailing equipment",
-        },
-        {
-          id: "pro",
-          title: "Komplet vask",
-          price: "499 kr.",
-          period: "en gangs",
-          features: [
-            "Indvendig & Udvendig",
-            "Dybderens af måtter",
-            "Fælgrens",
-          ],
-          button: {
-            text: "Book nu",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/business-man-buying-car-showroom_1303-13554.jpg",
-          imageAlt: "happy customer car owner",
-        },
-      ]}
-      title="Priser & Services"
-      description="Nem og gennemskuelig prissætning for professionel pleje af din bil."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardNine
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Priser & Services"
+            description="Nem og gennemskuelig prissætning for professionel pleje af din bil."
+            plans={[
+              { id: "basic", title: "Udvendig vask", price: "249 kr.", period: "en gangs", features: ["Håndvask", "Skånsom aftørring", "Dækglans"], button: { text: "Book nu", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg", imageAlt: "clean car detailing foam" },
+              { id: "standard", title: "Indvendig rengøring", price: "299 kr.", period: "en gangs", features: ["Støvsugning", "Instrumentbord", "Vinduespudsning indvendig"], button: { text: "Book nu", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg", imageAlt: "mobile car detailing equipment" },
+              { id: "pro", title: "Komplet vask", price: "499 kr.", period: "en gangs", features: ["Indvendig & Udvendig", "Dybderens af måtter", "Fælgrens"], button: { text: "Book nu", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/business-man-buying-car-showroom_1303-13554.jpg", imageAlt: "happy customer car owner" }
+            ]}
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Udvendige tilvalg (fra 50 kr.)",
-          content: "Fælgrens, dækbehandling, lakforsegling/voks, og insektsrens til fronten.",
-        },
-        {
-          id: "f2",
-          title: "Indvendige tilvalg (fra 75 kr.)",
-          content: "Lugtfjernelse/ozonbehandling, læderpleje, tæpperens og shampoo af måtter.",
-        },
-        {
-          id: "f3",
-          title: "Detailing (fra 100 kr.)",
-          content: "Vinduesforsegling/rain repellent, interiørbeskyttelse (stof eller læder).",
-        },
-      ]}
-      title="Tilvalg & Detaljer"
-      description="Vi tilbyder også specialiseret detailing."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="Tilvalg & Detaljer"
+            description="Vi tilbyder også specialiseret detailing."
+            faqsAnimation="slide-up"
+            faqs={[
+              { id: "f1", title: "Udvendige tilvalg (fra 50 kr.)", content: "Fælgrens, dækbehandling, lakforsegling/voks, og insektsrens til fronten." },
+              { id: "f2", title: "Indvendige tilvalg (fra 75 kr.)", content: "Lugtfjernelse/ozonbehandling, læderpleje, tæpperens og shampoo af måtter." },
+              { id: "f3", title: "Detailing (fra 100 kr.)", content: "Vinduesforsegling/rain repellent, interiørbeskyttelse (stof eller læder)." }
+            ]}
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="split"
-      useInvertedBackground={false}
-      names={[
-        "Brønderslev",
-        "Nørresundby",
-        "Hjallerup",
-        "Aalborg",
-        "Vodskov",
-        "Vester Hassing",
-        "Asaa",
-      ]}
-      title="Lokal dækning"
-      description="Vi kører til dig i Brønderslev, Nørresundby og op til 20 km omkring."
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne
+            textboxLayout="split"
+            useInvertedBackground={false}
+            names={["Brønderslev", "Nørresundby", "Hjallerup", "Aalborg", "Vodskov", "Vester Hassing", "Asaa"]}
+            title="Lokal dækning"
+            description="Vi kører til dig i Brønderslev, Nørresundby og op til 20 km omkring."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Booking"
-      title="Book din tid nu"
-      description="Send os en besked for at booke din vask. Husk at oplyse adresse, ønsket tidspunkt og evt. kommentarer."
-      buttons={[
-        {
-          text: "Send booking via E-mail",
-          href: "mailto:kontakt@ahbilpleje.dk",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={true}
+            background={{ variant: "radial-gradient" }}
+            tag="Booking"
+            title="Book din tid nu"
+            description="Send os en besked for at booke din vask. Husk at oplyse adresse, ønsket tidspunkt og evt. kommentarer."
+            buttons={[{ text: "Send booking via E-mail", href: "mailto:kontakt@ahbilpleje.dk" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Kontakt: +45 29833101",
-              href: "tel:+4529833101",
-            },
-            {
-              label: "E-mail: kontakt@ahbilpleje.dk",
-              href: "mailto:kontakt@ahbilpleje.dk",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Instagram",
-              href: "https://www.instagram.com/ahbilpleje/",
-            },
-            {
-              label: "TikTok",
-              href: "https://www.tiktok.com/ahbilpleje/",
-            },
-          ],
-        },
-      ]}
-      logoText="AH Bilpleje"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="AH Bilpleje"
+            columns={[
+              { items: [{ label: "Kontakt: +45 29833101", href: "tel:+4529833101" }, { label: "E-mail: kontakt@ahbilpleje.dk", href: "mailto:kontakt@ahbilpleje.dk" }] },
+              { items: [{ label: "Instagram", href: "https://www.instagram.com/ahbilpleje/" }, { label: "TikTok", href: "https://www.tiktok.com/ahbilpleje/" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1