Update src/app/page.tsx

src/app/page.tsx

@@ -12,6 +12,7 @@ import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaA
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 
 export default function LandingPage() {
   return (
@@ -31,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Hem", id: "hero" },
-          name: "Hem",
+        { name: "Om Oss", id: "about" },
-          id: "hero",
+        { name: "Tjänster", id: "features" },
-        },
+        { name: "Kontakt", id: "contact" },
-        {
-          name: "Om Oss",
-          id: "about",
-        },
-        {
-          name: "Tjänster",
-          id: "features",
-        },
-        {
-          name: "Kontakt",
-          id: "contact",
-        },
       ]}
       brandName="Rörtjänst i Arvika"
     />
@@ -54,20 +43,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient",
-      }}
       logoText="Rörtjänst i Arvika"
       description="Precision installerad sedan 1961. Nästa generation VVS levererad med industriell perfektion."
       buttons={[
-        {
+        { text: "Utforska Tjänster", href: "#features" },
-          text: "Utforska Tjänster",
+        { text: "Boka Service", onClick: () => { window.location.href = "#contact"; } },
-          href: "#features",
-        },
-        {
-          text: "Boka Service",
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/aerial-view-shanghai-overpass-night_1359-1074.jpg"
       imageAlt="3D metallic pipes"
@@ -79,20 +60,11 @@ export default function LandingPage() {
       <MetricSplitMediaAbout
       useInvertedBackground={true}
       title="Erfarenhet möter framtid"
-      description="Rörtjänst i Arvika AB har arbetat med VVS, installation och tekniska lösningar sedan 1961. Med en unik blandning av klassiskt hantverk och moderna, hållbara teknologier skapar vi installationer byggda för morgondagen."
+      description="Rörtjänst i Arvika AB har arbetat med VVS, installation och tekniska lösningar sedan 1961."
       metrics={[
-        {
+        { value: "1961", title: "Grundat" },
-          value: "1961",
+        { value: "60+", title: "År av expertis" },
-          title: "Grundat",
+        { value: "100%", title: "Precision" },
-        },
-        {
-          value: "60+",
-          title: "År av expertis",
-        },
-        {
-          value: "100%",
-          title: "Precision",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/concentrated-mechanic-wrapped-up-work_1098-15528.jpg"
       imageAlt="Industriell VVS professionell"
@@ -107,168 +79,23 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { id: "f1", title: "VVS-installationer", description: "High-end rörsystem installerade med kirurgisk precision.", tag: "Engineering", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-science-background-with-plexus-design_1048-13217.jpg" },
-          id: "f1",
+        { id: "f2", title: "Ventilation", description: "Optimerade klimatsystem för industrin.", tag: "HVAC", imageSrc: "http://img.b2bpic.net/free-photo/view-from-spiral-road_181624-26711.jpg" },
-          title: "VVS-installationer",
+        { id: "f3", title: "Badrumsprojekt", description: "Lyxiga sanitetslösningar.", tag: "Sanitet", imageSrc: "http://img.b2bpic.net/free-photo/small-bathroom-with-modern-design_23-2150700316.jpg" },
-          description: "High-end rörsystem installerade med kirurgisk precision.",
-          tag: "Engineering",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-render-modern-network-communications-science-background-with-plexus-design_1048-13217.jpg",
-        },
-        {
-          id: "f2",
-          title: "Ventilation",
-          description: "Optimerade klimatsystem för industrin och framtidens hem.",
-          tag: "HVAC",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-from-spiral-road_181624-26711.jpg",
-        },
-        {
-          id: "f3",
-          title: "Badrumsprojekt",
-          description: "Lyxiga sanitetslösningar integrerade med modern estetik.",
-          tag: "Sanitet",
-          imageSrc: "http://img.b2bpic.net/free-photo/small-bathroom-with-modern-design_23-2150700316.jpg",
-        },
       ]}
       title="Avancerade Teknologiska Tjänster"
       description="Vi levererar premium VVS-engineering med fokus på framtidssäker prestanda."
     />
   </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardSeven
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "1961",
-          title: "Grundår",
-          items: [
-            "Historisk precision",
-            "Lokal tillförlitlighet",
-          ],
-        },
-        {
-          id: "m2",
-          value: "24/7",
-          title: "Rörservice",
-          items: [
-            "Dygnet runt-support",
-            "Snabb respons",
-          ],
-        },
-        {
-          id: "m3",
-          value: "100%",
-          title: "Precision",
-          items: [
-            "Modern teknik",
-            "Hållbara material",
-          ],
-        },
-      ]}
-      title="Data bakom kvalitet"
-      description="Varje projekt mäts genom kvalitet och kundnöjdhet."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="Rörtjänst i Arvika levererar en teknisk höjd som ingen annan i regionen. En sann Tesla-upplevelse för VVS."
-      rating={5}
-      author="Marcus Berg, Projektledare"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/smiley-woman-office-holding-tablet_23-2148356266.jpg",
-          alt: "Kund 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-senior-engineer-solar-panels-plant-reading-documentation_482257-120499.jpg",
-          alt: "Kund 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-successful-grey-haired-female-ceo-smiling-content-experienced-beautiful-businesswoman-posing-office-room-business-company-appearance-expression-concept_74855-11905.jpg",
-          alt: "Kund 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-businessman-working-from-his-office-concept-hard-work_181624-33428.jpg",
-          alt: "Kund 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/tired-designer-engineer-analizing-new-prototype-3d-model-plant-yawning-working-overtime-industrial-female-worker-studying-turbine-idea-pc-showing-cad-software-device-display_482257-13403.jpg",
-          alt: "Kund 5",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "IndustriVVS",
-        "Arvika Fastigheter",
-        "Nordic Engineering",
-        "Värmland Bygg",
-        "CyberConstruction",
-        "Arvika Sanitet",
-        "Future Systems",
-      ]}
-      title="Partners & Referenser"
-      description="Samarbeten som bygger morgondagens infrastruktur."
-      speed={40}
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Vilka områden täcker ni?",
-          content: "Vi är baserade i Arvika och täcker hela Värmland med omnejd.",
-        },
-        {
-          id: "q2",
-          title: "Erbjuder ni service för företag?",
-          content: "Ja, vi är specialiserade på både stora industriella installationer och privatkundsservice.",
-        },
-        {
-          id: "q3",
-          title: "Arbetar ni med moderna system?",
-          content: "Vi fokuserar helt på framtidens lösningar inom VVS och ventilation.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599356.jpg"
-      imageAlt="FAQ Digital Terminal"
-      title="Vanliga Frågor"
-      description="Snabba svar på tekniska frågor om våra tjänster."
-      faqsAnimation="slide-up"
-    />
-  </div>
-
   <div id="contact" data-section="contact">
-      <ContactCTA
+      <ContactSplit
+      tag="Kontakt"
+      title="Skicka ett meddelande"
+      description="Har du frågor eller vill du boka en tjänst? Fyll i formuläret så hör vi av oss så snart som möjligt."
+      onSubmit={(email) => console.log("Form submitted with email:", email)}
+      background={{ variant: "plain" }}
       useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Mission Control"
-      title="Redo för nästa nivå av VVS?"
-      description="Kontakta oss för en teknisk genomgång eller offert på ditt framtidsprojekt."
-      buttons={[
-        {
-          text: "Boka Kontrollrum",
-          href: "tel:0570711650",
-        },
-      ]}
     />
   </div>
 
@@ -276,37 +103,13 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="Rörtjänst i Arvika AB"
       columns={[
-        {
+        { title: "Kontakt", items: [{ label: "Hagagatan 11, Arvika", href: "#" }, { label: "0570-71 16 50", href: "tel:0570711650" }] },
-          title: "Kontakt",
+        { title: "Bolag", items: [{ label: "Org. 556080-2901", href: "#" }] },
-          items: [
-            {
-              label: "Hagagatan 11, Arvika",
-              href: "#",
-            },
-            {
-              label: "0570-71 16 50",
-              href: "tel:0570711650",
-            },
-          ],
-        },
-        {
-          title: "Bolag",
-          items: [
-            {
-              label: "Org. 556080-2901",
-              href: "#",
-            },
-            {
-              label: "Status: Aktivt",
-              href: "#",
-            },
-          ],
-        },
       ]}
-      copyrightText="© 1961-2024 Rörtjänst i Arvika AB. Built for the future."
+      copyrightText="© 1961-2024 Rörtjänst i Arvika AB."
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}