From 04a0cf3c01869fd610db119bac0dea708c7633e5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 18 May 2026 07:04:10 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 519 +++++++++++++----------------------------------
 1 file changed, 143 insertions(+), 376 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index eb3fb31..08c7ffc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,390 +28,157 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Hem",
-          id: "hero",
-        },
-        {
-          name: "Tjänster",
-          id: "features",
-        },
-        {
-          name: "Om oss",
-          id: "about",
-        },
-        {
-          name: "Galleri",
-          id: "gallery",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
-      ]}
-      brandName="Starka Händer AB"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Hem", id: "hero" },
+              { name: "Tjänster", id: "features" },
+              { name: "Om oss", id: "about" },
+              { name: "Galleri", id: "gallery" },
+              { name: "Kontakt", id: "contact" },
+            ]}
+            brandName="Starka Händer AB"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitTestimonial
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="Starka Händer för din trädgård och fastighet"
-      description="Vi erbjuder professionell trädgårdshjälp, markarbete och fastighetsservice i Falkenberg, Varberg och Halmstad. Pålitlig service med fokus på kvalitet och personlig kontakt."
-      testimonials={[
-        {
-          name: "Erik Johansson",
-          handle: "@falkenberg",
-          testimonial: "Fantastisk service med gräsklippning och röjning. Verkligen starka händer!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-watering-taking-care-plants_176420-3840.jpg",
-        },
-        {
-          name: "Anna Berg",
-          handle: "@varberg",
-          testimonial: "Mycket nöjd med det nya markarbetet på tomten. Proffsigt och noggrant.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-male-florist-standing-rows-with-potted-plants-greenhouse-cutting-bush-holding-sprouts_74855-12949.jpg",
-        },
-        {
-          name: "Lars Svensson",
-          handle: "@halmstad",
-          testimonial: "Punktliga, trevliga och prisvärda. Rekommenderas varmt.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-florist-cutting-stem-flowers-shop_23-2147882043.jpg",
-        },
-        {
-          name: "Karin Nilsson",
-          handle: "@varberg",
-          testimonial: "Otroligt smidigt och snabbt arbete. Tack för hjälpen!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-gardening-home_23-2148509871.jpg",
-        },
-        {
-          name: "Per Holm",
-          handle: "@falkenberg",
-          testimonial: "Bra kommunikation och ett fantastiskt slutresultat.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-woman-adjusting-bag_23-2147714894.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Boka offert",
-          href: "#contact",
-        },
-        {
-          text: "Läs mer",
-          href: "#about",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/side-view-man-carrying-box_23-2149722682.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-male-gardener-harvesting-flower-garden_23-2148165347.jpg",
-          alt: "Kund 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530834.jpg",
-          alt: "Kund 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-zombie-gardening_23-2150838676.jpg",
-          alt: "Kund 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/female-florist-cutting-stem-flowers-shop_23-2147882043.jpg",
-          alt: "Kund 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-male-florist-standing-rows-with-potted-plants-greenhouse-cutting-bush-holding-sprouts_74855-12949.jpg",
-          alt: "Kund 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Falkenberg",
-        },
-        {
-          type: "text",
-          text: "Varberg",
-        },
-        {
-          type: "text",
-          text: "Halmstad",
-        },
-        {
-          type: "text",
-          text: "Fastighetsservice",
-        },
-        {
-          type: "text",
-          text: "Trädgårdsskötsel",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitTestimonial
+            background={{ variant: "gradient-bars" }}
+            title="Starka Händer för din trädgård och fastighet"
+            description="Vi erbjuder professionell trädgårdshjälp, markarbete och fastighetsservice i Falkenberg, Varberg och Halmstad. Pålitlig service med fokus på kvalitet och personlig kontakt."
+            testimonials={[
+              { name: "Erik Johansson", handle: "@falkenberg", testimonial: "Fantastisk service med gräsklippning och röjning. Verkligen starka händer!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-cheerful-gardener-smiling-watering-taking-care-plants_176420-3840.jpg" },
+              { name: "Anna Berg", handle: "@varberg", testimonial: "Mycket nöjd med det nya markarbetet på tomten. Proffsigt och noggrant.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-male-florist-standing-rows-with-potted-plants-greenhouse-cutting-bush-holding-sprouts_74855-12949.jpg" },
+              { name: "Lars Svensson", handle: "@halmstad", testimonial: "Punktliga, trevliga och prisvärda. Rekommenderas varmt.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-florist-cutting-stem-flowers-shop_23-2147882043.jpg" },
+              { name: "Karin Nilsson", handle: "@varberg", testimonial: "Otroligt smidigt och snabbt arbete. Tack för hjälpen!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-gardening-home_23-2148509871.jpg" },
+              { name: "Per Holm", handle: "@falkenberg", testimonial: "Bra kommunikation och ett fantastiskt slutresultat.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-woman-adjusting-bag_23-2147714894.jpg" },
+            ]}
+            buttons={[
+              { text: "Boka offert", href: "#contact" },
+              { text: "Läs mer", href: "#about" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/side-view-man-carrying-box_23-2149722682.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/young-male-gardener-harvesting-flower-garden_23-2148165347.jpg", alt: "Kund 1" },
+              { src: "http://img.b2bpic.net/free-photo/man-servant-caring-garden_23-2149530834.jpg", alt: "Kund 2" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-zombie-gardening_23-2150838676.jpg", alt: "Kund 3" },
+              { src: "http://img.b2bpic.net/free-photo/female-florist-cutting-stem-flowers-shop_23-2147882043.jpg", alt: "Kund 4" },
+              { src: "http://img.b2bpic.net/free-photo/positive-male-florist-standing-rows-with-potted-plants-greenhouse-cutting-bush-holding-sprouts_74855-12949.jpg", alt: "Kund 5" },
+            ]}
+            marqueeItems={[
+              { type: "text", text: "Falkenberg" },
+              { type: "text", text: "Varberg" },
+              { type: "text", text: "Halmstad" },
+              { type: "text", text: "Fastighetsservice" },
+              { type: "text", text: "Trädgårdsskötsel" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={true}
-      tag="Vår filosofi"
-      title="Starka Händer AB - Lokal pålitlighet"
-      description="Vi är ett lokalt förankrat företag som brinner för att förenkla vardagen för våra kunder. Hos oss får du alltid noggrant arbete, ansvarsfull service och ett personligt bemötande."
-      subdescription="Vi hjälper både privatpersoner och företag med allt från trädgårdsskötsel till enklare hantverkstjänster."
-      icon={ShieldCheck}
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg"
-      mediaAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={true}
+            tag="Vår filosofi"
+            title="Starka Händer AB - Lokal pålitlighet"
+            description="Vi är ett lokalt förankrat företag som brinner för att förenkla vardagen för våra kunder. Hos oss får du alltid noggrant arbete, ansvarsfull service och ett personligt bemötande."
+            subdescription="Vi hjälper både privatpersoner och företag med allt från trädgårdsskötsel till enklare hantverkstjänster."
+            icon={ShieldCheck}
+            imageSrc="http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg"
+            mediaAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          icon: Leaf,
-          title: "Trädgårdsarbete",
-          description: "Allt från ogräsrensning till enklare beskärning och plantering.",
-        },
-        {
-          icon: Settings,
-          title: "Gräsklippning",
-          description: "Regelbunden klippning för en välskött gräsmatta hela säsongen.",
-        },
-        {
-          icon: Star,
-          title: "Markarbete",
-          description: "Enklare anläggningsarbete, grusning och jordförbättring.",
-        },
-        {
-          icon: Trash2,
-          title: "Röjning",
-          description: "Effektiv röjning och bortforsling av trädgårdsavfall och bråte.",
-        },
-        {
-          icon: Building,
-          title: "Fastighetsservice",
-          description: "Regelbundet underhåll och enklare skötsel av din fastighet.",
-        },
-        {
-          icon: Wrench,
-          title: "Hantverkstjänster",
-          description: "Enklare snickeri och fastighetsförbättringar efter dina behov.",
-        },
-      ]}
-      title="Våra tjänster"
-      description="Vi erbjuder ett brett spektrum av tjänster för din trädgård och fastighet."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureBorderGlow
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { icon: Leaf, title: "Trädgårdsarbete", description: "Allt från ogräsrensning till enklare beskärning och plantering." },
+              { icon: Settings, title: "Gräsklippning", description: "Regelbunden klippning för en välskött gräsmatta hela säsongen." },
+              { icon: Star, title: "Markarbete", description: "Enklare anläggningsarbete, grusning och jordförbättring." },
+              { icon: Trash2, title: "Röjning", description: "Effektiv röjning och bortforsling av trädgårdsavfall och bråte." },
+              { icon: Building, title: "Fastighetsservice", description: "Regelbundet underhåll och enklare skötsel av din fastighet." },
+              { icon: Wrench, title: "Hantverkstjänster", description: "Enklare snickeri och fastighetsförbättringar efter dina behov." },
+            ]}
+            title="Våra tjänster"
+            description="Vi erbjuder ett brett spektrum av tjänster för din trädgård och fastighet."
+          />
+        </div>
 
-  <div id="gallery" data-section="gallery">
-      <ProductCardOne
-      textboxLayout="split-description"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "1",
-          name: "Trädgårdsskötsel",
-          price: "Falkenberg",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-man-wearing-jumpsuit-hat-working-gloves-holding-mini-rake-shouting-megaphone-with-aggressive-expression_141793-54813.jpg",
-        },
-        {
-          id: "2",
-          name: "Markarbete",
-          price: "Varberg",
-          imageSrc: "http://img.b2bpic.net/free-photo/farmer-pruning-fruit-tree-branches-orchard_342744-857.jpg",
-        },
-        {
-          id: "3",
-          name: "Röjning",
-          price: "Halmstad",
-          imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-still-life_23-2148127862.jpg",
-        },
-        {
-          id: "4",
-          name: "Fastighetsservice",
-          price: "Falkenberg",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-backpacker-hiking-holding-tablet-looking-map-caucasian-attractive-traveler-walking-road-woods-backpacking-tourism-adventure-summer-vacation-concept_74855-12062.jpg",
-        },
-        {
-          id: "5",
-          name: "Gräsklippning",
-          price: "Varberg",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22795.jpg",
-        },
-        {
-          id: "6",
-          name: "Enklare hantverk",
-          price: "Halmstad",
-          imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg",
-        },
-      ]}
-      title="Före & Efter / Galleri"
-      description="Se exempel på projekt vi genomfört i regionen."
-    />
-  </div>
+        <div id="gallery" data-section="gallery">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="split-description"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={true}
+            products={[
+              { id: "1", name: "Trädgårdsskötsel", price: "Falkenberg", imageSrc: "http://img.b2bpic.net/free-photo/young-gardener-man-wearing-jumpsuit-hat-working-gloves-holding-mini-rake-shouting-megaphone-with-aggressive-expression_141793-54813.jpg" },
+              { id: "2", name: "Markarbete", price: "Varberg", imageSrc: "http://img.b2bpic.net/free-photo/farmer-pruning-fruit-tree-branches-orchard_342744-857.jpg" },
+              { id: "3", name: "Röjning", price: "Halmstad", imageSrc: "http://img.b2bpic.net/free-photo/greenhouse-still-life_23-2148127862.jpg" },
+              { id: "4", name: "Fastighetsservice", price: "Falkenberg", imageSrc: "http://img.b2bpic.net/free-photo/young-backpacker-hiking-holding-tablet-looking-map-caucasian-attractive-traveler-walking-road-woods-backpacking-tourism-adventure-summer-vacation-concept_74855-12062.jpg" },
+              { id: "5", name: "Gräsklippning", price: "Varberg", imageSrc: "http://img.b2bpic.net/free-photo/man-cutting-grass-with-lawn-mover-back-yard_1303-22795.jpg" },
+              { id: "6", name: "Enklare hantverk", price: "Halmstad", imageSrc: "http://img.b2bpic.net/free-photo/construction-worker-using-hammer-job-site_23-2150530695.jpg" },
+            ]}
+            title="Före & Efter / Galleri"
+            description="Se exempel på projekt vi genomfört i regionen."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardTwo
-      animationType="slide-up"
-      textboxLayout="split-actions"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "small",
-          badge: "Bas",
-          price: "Timpris",
-          subtitle: "För mindre punktinsatser",
-          features: [
-            "Trädgårdsarbete",
-            "Gräsklippning",
-            "Röjning",
-          ],
-          buttons: [
-            {
-              text: "Boka",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "regular",
-          badge: "Populär",
-          price: "Fast offert",
-          subtitle: "För större projekt och återkommande service",
-          features: [
-            "Markarbete",
-            "Fastighetsservice",
-            "Enklare hantverk",
-            "Bortforsling",
-          ],
-          buttons: [
-            {
-              text: "Begär offert",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      title="Enkla paketlösningar"
-      description="Tydliga upplägg för att du ska veta vad du betalar för."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardTwo
+            animationType="slide-up"
+            textboxLayout="split-actions"
+            useInvertedBackground={false}
+            plans={[
+              { id: "small", badge: "Bas", price: "Timpris", subtitle: "För mindre punktinsatser", features: ["Trädgårdsarbete", "Gräsklippning", "Röjning"], buttons: [{ text: "Boka", href: "#contact" }] },
+              { id: "regular", badge: "Populär", price: "Fast offert", subtitle: "För större projekt och återkommande service", features: ["Markarbete", "Fastighetsservice", "Enklare hantverk", "Bortforsling"], buttons: [{ text: "Begär offert", href: "#contact" }] },
+            ]}
+            title="Enkla paketlösningar"
+            description="Tydliga upplägg för att du ska veta vad du betalar för."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "Vilka områden täcker ni?",
-          content: "Vi är aktiva i Falkenberg, Varberg och Halmstad med omnejd.",
-        },
-        {
-          id: "q2",
-          title: "Kan jag nyttja RUT-avdrag?",
-          content: "Ja, vi drar av RUT-avdraget direkt på din faktura för våra trädgårdstjänster.",
-        },
-        {
-          id: "q3",
-          title: "Är ni försäkrade?",
-          content: "Självklart, vi har ansvarsförsäkring för din och vår trygghet.",
-        },
-      ]}
-      sideTitle="Frågor & Svar"
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={true}
+            faqs={[
+              { id: "q1", title: "Vilka områden täcker ni?", content: "Vi är aktiva i Falkenberg, Varberg och Halmstad med omnejd." },
+              { id: "q2", title: "Kan jag nyttja RUT-avdrag?", content: "Ja, vi drar av RUT-avdraget direkt på din faktura för våra trädgårdstjänster." },
+              { id: "q3", title: "Är ni försäkrade?", content: "Självklart, vi har ansvarsförsäkring för din och vår trygghet." },
+            ]}
+            sideTitle="Frågor & Svar"
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Kontakt"
-      title="Redo att boka?"
-      description="Vi hjälper dig med dina projekt. Ring oss på 0704684197 eller skicka ett mail till starkahander6@gmail.com. Vi svarar inom 24 timmar."
-      buttons={[
-        {
-          text: "Ring nu",
-          href: "tel:0704684197",
-        },
-        {
-          text: "Skicka e-post",
-          href: "mailto:starkahander6@gmail.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Kontakt"
+            title="Redo att boka?"
+            description="Vi hjälper dig med dina projekt. Ring oss på 0704684197 eller skicka ett mail till starkahander6@gmail.com. Vi svarar inom 24 timmar."
+            buttons={[
+              { text: "Ring nu", href: "tel:0704684197" },
+              { text: "Skicka e-post", href: "mailto:starkahander6@gmail.com" },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/focused-male-florist-standing-rows-with-potted-plants-cutting-bush-greenhouse-man-working-garden-growing-plants-pots-gardening-job-concept_74855-12788.jpg"
-      logoText="Starka Händer AB"
-      columns={[
-        {
-          title: "Tjänster",
-          items: [
-            {
-              label: "Trädgård & Gräs",
-              href: "#features",
-            },
-            {
-              label: "Mark & Anläggning",
-              href: "#features",
-            },
-            {
-              label: "Service & Hantverk",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          title: "Kontakt",
-          items: [
-            {
-              label: "0704684197",
-              href: "tel:0704684197",
-            },
-            {
-              label: "starkahander6@gmail.com",
-              href: "mailto:starkahander6@gmail.com",
-            },
-          ],
-        },
-        {
-          title: "Områden",
-          items: [
-            {
-              label: "Falkenberg",
-              href: "#",
-            },
-            {
-              label: "Varberg",
-              href: "#",
-            },
-            {
-              label: "Halmstad",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 Starka Händer AB"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/focused-male-florist-standing-rows-with-potted-plants-cutting-bush-greenhouse-man-working-garden-growing-plants-pots-gardening-job-concept_74855-12788.jpg"
+            logoText="Starka Händer AB"
+            columns={[
+              { title: "Tjänster", items: [{ label: "Trädgård & Gräs", href: "#features" }, { label: "Mark & Anläggning", href: "#features" }, { label: "Service & Hantverk", href: "#features" }] },
+              { title: "Kontakt", items: [{ label: "0704684197", href: "tel:0704684197" }, { label: "starkahander6@gmail.com", href: "mailto:starkahander6@gmail.com" }] },
+              { title: "Områden", items: [{ label: "Falkenberg", href: "#" }, { label: "Varberg", href: "#" }, { label: "Halmstad", href: "#" }] },
+            ]}
+            copyrightText="© 2025 Starka Händer AB"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1