From 9568942a2536c2d5d9c5e2a027a84e7d8877d9f3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 13 Apr 2026 01:19:59 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 262 ++++++++++++++++++++++-------------------------
 1 file changed, 121 insertions(+), 141 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1bea65a..2e2648f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,154 +27,134 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Hjem",          id: "hero"},
-        {
-          name: "Behandlinger",          id: "pricing"},
-        {
-          name: "Om oss",          id: "about"},
-        {
-          name: "Kontakt",          id: "contact"},
-      ]}
-      brandName="Nordnes Frisør"
-      button={{ text: "Bestill time", href: "#" }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Hjem", id: "hero" },
+              { name: "Behandlinger", id: "pricing" },
+              { name: "Om oss", id: "about" },
+              { name: "Kontakt", id: "contact" },
+            ]}
+            brandName="Nordnes Frisør"
+            button={{ text: "Bestill time", href: "#" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "gradient-bars"}}
-      title="Nordnes Frisør"
-      description="En frisør der du føler deg hjemme – med faglig dyktighet, gjestfrihet og tid til detaljene."
-      leftCarouselItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94801.jpg" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-face-mask-home_23-2148741489.jpg" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-holding-mousse-near-customer_23-2147778807.jpg" },
-      ]}
-      rightCarouselItems={[
-        { imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199301.jpg" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695833.jpg" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_23-2147778765.jpg" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199304.jpg" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg" },
-      ]}
-      buttons={[
-        { text: "Bestill time", href: "#" },
-        { text: "Se behandlinger", href: "#pricing" },
-      ]}
-      avatars={[
-        { src: "http://img.b2bpic.net/free-photo/luxury-coffee-shop-table-inside-barista-bar-generated-by-ai_188544-29280.jpg", alt: "Stylist 1" },
-        { src: "http://img.b2bpic.net/free-photo/crop-barber-styling-beard-customer_23-2147778885.jpg", alt: "Stylist 2" },
-        { src: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg", alt: "Stylist 3" },
-        { src: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg", alt: "Stylist 4" },
-        { src: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg", alt: "Stylist 5" },
-      ]}
-      avatarText="Vårt dyktige team er klare for deg"
-      marqueeItems={[
-        { type: "text", text: "Moderne stil" },
-        { type: "text", text: "Profesjonalitet" },
-        { type: "text", text: "Gjestfrihet" },
-        { type: "text", text: "Kvalitet" },
-        { type: "text", text: "Presisjon" },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitDoubleCarousel
+            background={{ variant: "gradient-bars" }}
+            title="Nordnes Frisør"
+            description="En frisør der du føler deg hjemme – med faglig dyktighet, gjestfrihet og tid til detaljene."
+            leftCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94801.jpg" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-face-mask-home_23-2148741489.jpg" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/crop-hairdresser-holding-mousse-near-customer_23-2147778807.jpg" },
+            ]}
+            rightCarouselItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199301.jpg" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695833.jpg" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_23-2147778765.jpg" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199304.jpg" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1803.jpg" },
+            ]}
+            buttons={[{ text: "Bestill time", href: "#" }, { text: "Se behandlinger", href: "#pricing" }]}
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/luxury-coffee-shop-table-inside-barista-bar-generated-by-ai_188544-29280.jpg", alt: "Stylist 1" },
+              { src: "http://img.b2bpic.net/free-photo/crop-barber-styling-beard-customer_23-2147778885.jpg", alt: "Stylist 2" },
+              { src: "http://img.b2bpic.net/free-photo/various-trimmers-dressing-table_107420-94767.jpg", alt: "Stylist 3" },
+              { src: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg", alt: "Stylist 4" },
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-his-hair-washed_23-2149220571.jpg", alt: "Stylist 5" },
+            ]}
+            avatarText="Vårt dyktige team er klare for deg"
+            marqueeItems={[{ type: "text", text: "Moderne stil" }, { type: "text", text: "Profesjonalitet" }, { type: "text", text: "Gjestfrihet" }, { type: "text", text: "Kvalitet" }, { type: "text", text: "Presisjon" }]}
+          />
+        </div>
 
-  <div id="usp" data-section="usp">
-      <FeatureBento
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Profesjonell presisjon",          description: "Dyktig frisør med øye for detaljer – hver klipp er skreddersydd.",          bentoComponent: "reveal-icon",          icon: Scissors,
-        },
-        {
-          title: "Hjemlig atmosfære",          description: "Du skal føle deg trygg, sett og avslappet fra første sekund.",          bentoComponent: "reveal-icon",          icon: Coffee,
-        },
-        {
-          title: "Gjestfrihet i fokus",          description: "Fantastisk service, god stemning – og gjerne litt spansk om du vil.",          bentoComponent: "reveal-icon",          icon: Heart,
-        },
-      ]}
-      title="Mer enn en klipp"
-      description="Vi prioriterer kvalitet, atmosfære og profesjonalitet."
-    />
-  </div>
+        <div id="usp" data-section="usp">
+          <FeatureBento
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Profesjonell presisjon", description: "Dyktig frisør med øye for detaljer – hver klipp er skreddersydd.", bentoComponent: "reveal-icon", icon: Scissors },
+              { title: "Hjemlig atmosfære", description: "Du skal føle deg trygg, sett og avslappet fra første sekund.", bentoComponent: "reveal-icon", icon: Coffee },
+              { title: "Gjestfrihet i fokus", description: "Fantastisk service, god stemning – og gjerne litt spansk om du vil.", bentoComponent: "reveal-icon", icon: Heart },
+            ]}
+            title="Mer enn en klipp"
+            description="Vi prioriterer kvalitet, atmosfære og profesjonalitet."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        { id: "1", name: "Herreklipp", price: "Fra 4xx,-", features: ["Presis klipp", "Styling inkludert"], buttons: [{ text: "Bestill" }] },
-        { id: "2", name: "Dameklipp", price: "Fra 6xx,-", features: ["Tilpasset hårtype", "Vask og føn"], buttons: [{ text: "Bestill" }] },
-        { id: "3", name: "Skjegg & konturer", price: "Fra 3xx,-", features: ["Ryddige linjer", "Perfekt form"], buttons: [{ text: "Bestill" }] },
-        { id: "4", name: "Styling & føn", price: "Fra 3xx,-", features: ["Perfekt for fest", "Profesjonell finish"], buttons: [{ text: "Bestill" }] },
-      ]}
-      title="Behandlinger"
-      description="Kvalitet først, alltid."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { id: "1", name: "Herreklipp", price: "Fra 4xx,-", features: ["Presis klipp", "Styling inkludert"], buttons: [{ text: "Bestill" }] },
+              { id: "2", name: "Dameklipp", price: "Fra 6xx,-", features: ["Tilpasset hårtype", "Vask og føn"], buttons: [{ text: "Bestill" }] },
+              { id: "3", name: "Skjegg & konturer", price: "Fra 3xx,-", features: ["Ryddige linjer", "Perfekt form"], buttons: [{ text: "Bestill" }] },
+              { id: "4", name: "Styling & føn", price: "Fra 3xx,-", features: ["Perfekt for fest", "Profesjonell finish"], buttons: [{ text: "Bestill" }] },
+            ]}
+            title="Behandlinger"
+            description="Kvalitet først, alltid."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      description="Hva kundene våre sier om oss."
-      testimonials={[
-        { id: "1", name: "Daniel Minh Pham", role: "Kunde", company: "Moss", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg" },
-        { id: "2", name: "Are Brynildsen", role: "Kunde", company: "Moss", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5410.jpg" },
-        { id: "3", name: "Saeb Salamski", role: "Kunde", company: "Norge", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4473.jpg" },
-        { id: "4", name: "Tony", role: "Kunde", company: "Moss", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg" },
-        { id: "5", name: "Kunde", role: "Kunde", company: "Moss", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg" },
-      ]}
-      title="Kundene våre sier det best"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            description="Hva kundene våre sier om oss."
+            testimonials={[
+              { id: "1", name: "Daniel Minh Pham", role: "Kunde", company: "Moss", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg" },
+              { id: "2", name: "Are Brynildsen", role: "Kunde", company: "Moss", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5410.jpg" },
+              { id: "3", name: "Saeb Salamski", role: "Kunde", company: "Norge", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4473.jpg" },
+              { id: "4", name: "Tony", role: "Kunde", company: "Moss", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg" },
+              { id: "5", name: "Kunde", role: "Kunde", company: "Moss", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17097.jpg" },
+            ]}
+            title="Kundene våre sier det best"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="Om oss"
-      title="Nordnes Frisør i Storgata 1"
-      description="Vi tar oss tid. Vi lytter. Vi legger merke til detaljene – hvordan du lever, jobber og uttrykker deg – og skaper en frisyre som faktisk passer deg."
-      subdescription="Her møter du profesjonell fagkunnskap, varm gjestfrihet og en rolig atmosfære."
-      icon={Scissors}
-      imageSrc="http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4435.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={false}
+            tag="Om oss"
+            title="Nordnes Frisør i Storgata 1"
+            description="Vi tar oss tid. Vi lytter. Vi legger merke til detaljene – hvordan du lever, jobber og uttrykker deg – og skaper en frisyre som faktisk passer deg."
+            subdescription="Her møter du profesjonell fagkunnskap, varm gjestfrihet og en rolig atmosfære."
+            icon={Scissors}
+            imageSrc="http://img.b2bpic.net/free-photo/professional-girl-hairdresser-makes-client-haircut-girl-is-sitting-mask-beauty-salon_343596-4435.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{ variant: "rotated-rays-static" }}
-      text="Besøk oss i Storgata 1, 1531 Moss. Ring 92 07 92 92 eller bestill time online."
-      buttons={[{ text: "Bestill time", href: "#" }]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "rotated-rays-static" }}
+            text="Besøk oss i Storgata 1, 1531 Moss. Ring 92 07 92 92 eller bestill time online."
+            buttons={[{ text: "Bestill time", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Nordnes Frisør"
-      columns={[
-        { title: "Navigasjon", items: [{ label: "Hjem", href: "#hero" }, { label: "Behandlinger", href: "#pricing" }, { label: "Kontakt", href: "#contact" }] },
-        { title: "Åpningstider", items: [{ label: "Man-Fre: 10-18", href: "#" }, { label: "Lør: 10-17", href: "#" }, { label: "Søn: Stengt", href: "#" }] },
-      ]}
-      copyrightText="© Nordnes Frisør 2026"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Nordnes Frisør"
+            columns={[
+              { title: "Navigasjon", items: [{ label: "Hjem", href: "#hero" }, { label: "Behandlinger", href: "#pricing" }, { label: "Kontakt", href: "#contact" }] },
+              { title: "Åpningstider", items: [{ label: "Man-Fre: 10-18", href: "#" }, { label: "Lør: 10-17", href: "#" }, { label: "Søn: Stengt", href: "#" }] },
+            ]}
+            copyrightText="© Nordnes Frisør 2026"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );