Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,17 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
+import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
+import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
-import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TextAbout from '@/components/sections/about/TextAbout';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
-import { Globe, Shield, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,153 +28,112 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarStyleApple
+      brandName="Abels förvård"
       navItems={[
-        { name: "Overview", id: "hero" },
+        { name: "Hem", id: "hero" },
-        { name: "Technology", id: "features" },
+        { name: "Om Oss", id: "about" },
-        { name: "Metrics", id: "metrics" },
+        { name: "Tjänster", id: "features" },
-        { name: "Contact", id: "contact" },
+        { name: "Kontakt", id: "contact" },
       ]}
-      brandName="SKF"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroSplitDualMedia
+      <HeroSplitDoubleCarousel
       background={{ variant: "sparkles-gradient" }}
-      title="Precision Engineering for a Greener Future"
+      title="Trygg och professionell förvård"
-      description="SKF is driving the evolution of industrial performance, delivering advanced bearing technology and lubrication solutions that enhance efficiency and reliability across the globe."
+      description="Vi erbjuder skräddarsydd förvård med fokus på individens behov, integritet och livskvalitet. Din trygghet är vår högsta prioritet."
-      tag="Industrial Technology Leader"
+      leftCarouselItems={[
-      mediaItems={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/healthcare-worker-taking-care-senior-woman_23-2148737525.jpg", imageAlt: "Caregiver assisting senior" }
-        { imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139356.jpg", imageAlt: "industrial bearing precision metallic" },
-        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-machine_23-2148366640.jpg", imageAlt: "mechanical engineering parts rotating" }
       ]}
-      mediaAnimation="slide-up"
+      rightCarouselItems={[
-      rating={5}
+        { imageSrc: "http://img.b2bpic.net/free-photo/smiling-caregiver-senior-woman-home_23-2148737581.jpg", imageAlt: "Happy moments in care" }
-      ratingText="Trusted by 50,000+ industry leaders"
+      ]}
+      tag="Abels förvård"
+      buttons={[{ text: "Boka ett samtal", href: "#contact" }]}
     />
   </div>
 
   <div id="about" data-section="about">
-      <TextSplitAbout
+      <TextAbout
+      title="Vår vision är din trygghet"
       useInvertedBackground={false}
-      title="Our Engineering Heritage"
+      buttons={[{ text: "Läs mer om oss", href: "#about" }]}
-      description={[
-        "With over a century of experience, SKF continues to push the boundaries of friction management.",        "Our solutions empower industries to move faster, work smarter, and minimize impact on the environment through intelligent engineering."]}
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardOne
+      <FeatureCardTwentyNine
-      animationType="slide-up"
+      title="Våra tjänster"
+      description="Vi erbjuder professionell förvård i din hemmiljö."
       textboxLayout="split"
-      gridVariant="bento-grid"
+      gridVariant="one-large-left-three-stacked-right"
-      useInvertedBackground={true}
+      animationType="slide-up"
+      useInvertedBackground={false}
       features={[
-        {
+        { title: "Hemtjänst", description: "Daglig support i din hemmiljö.", imageSrc: "http://img.b2bpic.net/free-photo/caregiver-helping-elderly-woman_23-2148737532.jpg", titleImageSrc: "", buttonText: "Läs mer" },
-          title: "Smart Sensing",          description: "Integrate real-time condition monitoring with IoT-enabled components.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-retouching-software-touch-screen-computer-studio-hands-photographer-editing-pictures-with-professional-technology-photography-project-retouch-media-editor_482257-34139.jpg",          imageAlt: "industrial sensor bearing technology"},
+        { title: "Ledsagning", description: "Vi följer med på ärenden och aktiviteter.", imageSrc: "http://img.b2bpic.net/free-photo/caregiver-walking-with-senior-man_23-2148737548.jpg", titleImageSrc: "", buttonText: "Läs mer" },
-        {
+        { title: "Trygghet", description: "Dygnet-runt support för din säkerhet.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-woman-talking-to-caregiver_23-2148737572.jpg", titleImageSrc: "", buttonText: "Läs mer" }
-          title: "Advanced Lubrication",          description: "Reduce wear and energy consumption with precision lubrication systems.",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599432.jpg",          imageAlt: "industrial lubrication engineering flow"},
-        {
-          title: "High-Speed Machining",          description: "Engineered for excellence in extreme performance industrial environments.",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-crafting-objects-arrangement_23-2148742304.jpg",          imageAlt: "precision grinding mechanical part"},
       ]}
-      title="Industrial Solutions"
-      description="We specialize in developing cutting-edge technologies that improve machine reliability and performance."
     />
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardOne
+      <MetricCardFourteen
-      textboxLayout="split"
+      title="Kvalitet i siffror"
-      gridVariant="uniform-all-items-equal"
+      tag="Vi levererar kvalitet"
+      metricsAnimation="slide-up"
       useInvertedBackground={false}
-      animationType="slide-up"
       metrics={[
-        {
+        { id: "1", value: "100%", description: "Nöjda kunder" },
-          id: "m1",          value: "15%",          title: "Efficiency Gain",          description: "Average energy reduction across key industrial processes.",          icon: Zap,
+        { id: "2", value: "10+ år", description: "Erfarenhet av förvård" },
-        },
+        { id: "3", value: "24/7", description: "Tillgänglighet" }
-        {
-          id: "m2",          value: "99.9%",          title: "Reliability Rate",          description: "Uptime performance for critical bearing applications.",          icon: Shield,
-        },
-        {
-          id: "m3",          value: "100+",          title: "Countries Served",          description: "Global distribution network supporting local operations.",          icon: Globe,
-        },
       ]}
-      title="Measurable Impact"
-      description="We deliver results that matter for industrial reliability and efficiency."
-    />
-  </div>
-
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="split"
-      useInvertedBackground={true}
-      names={[
-        "Automotive Corp",        "Tech Solutions Inc",        "Manufacturing World",        "Global Logistics Group",        "Precision Tools Ltd",        "Energy Systems Intl",        "Heavy Industry Global"]}
-      title="Our Global Partners"
-      description="Driving innovation in collaboration with the world's most demanding industries."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
+      <TestimonialCardTen
-      animationType="slide-up"
+      title="Vad våra kunder säger"
+      description="Vi är stolta över att få förtroendet att hjälpa våra kunder."
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", title: "Fantastisk service", quote: "Jag känner mig alltid trygg med Abels förvård.", name: "Anders", role: "Klient" }
-          id: "t1",          name: "John Smith",          role: "Plant Manager",          testimonial: "SKF's solutions have completely transformed our facility's reliability.",          imageSrc: "http://img.b2bpic.net/free-photo/technician-making-sure-high-tech-facility-data-center-is-appropriately-equipped_482257-94430.jpg"},
-        {
-          id: "t2",          name: "Elena Rodriguez",          role: "Senior Engineer",          testimonial: "Exceptional support and precision components that last.",          imageSrc: "http://img.b2bpic.net/free-photo/engineer-oversees-assembly-tools-tablet-industry-plant-surrounded-by-metal-steel-machinery_482257-135546.jpg"},
-        {
-          id: "t3",          name: "Michael Chen",          role: "Logistics Lead",          testimonial: "The lubrication systems increased our uptime by 20%.",          imageSrc: "http://img.b2bpic.net/free-photo/man-overalls-looking-camera-with-folded-hands_259150-56910.jpg"},
-        {
-          id: "t4",          name: "Sarah Davis",          role: "R&D Manager",          testimonial: "Incredible insights and technical expertise every step.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cosmonaut-spacecraft-powered-by-advanced-engineering_482257-126224.jpg"},
-        {
-          id: "t5",          name: "Kevin Wilson",          role: "Maintenance Lead",          testimonial: "SKF stands by its word on every project we do together.",          imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367537.jpg"},
       ]}
-      title="Industry Testimonials"
-      description="How our partners achieve results with SKF precision engineering."
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
+      <FaqBase
-      textboxLayout="split"
+      title="Vanliga frågor"
-      useInvertedBackground={true}
+      description="Här har vi samlat svar på de vanligaste frågorna."
-      faqs={[
-        {
-          id: "f1",          title: "What makes SKF different?",          content: "Our deep-rooted focus on friction management and rotating machinery performance sets us apart."},
-        {
-          id: "f2",          title: "Do you offer remote support?",          content: "Yes, through our IoT sensor ecosystem, we provide real-time remote diagnostics."},
-        {
-          id: "f3",          title: "How can I order spare parts?",          content: "Visit our global distributor network or use the online portal for custom orders."},
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/photovoltaics-factory-manager-chatting-with-engineer-about-energy-production_482257-120833.jpg"
-      title="Common Technical Questions"
-      description="Find answers to your questions about our technologies and services."
       faqsAnimation="slide-up"
+      textboxLayout="split"
+      useInvertedBackground={false}
+      faqs={[
+        { id: "1", title: "Hur bokar jag hjälp?", content: "Kontakta oss via telefon eller formuläret nedan." }
+      ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
+      <ContactCenter
-      tag="Contact"
+      tag="Kontakt"
+      title="Kontakta oss för ett första samtal"
+      description="Vi finns här för att svara på dina frågor."
+      background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={false}
-      background={{ variant: "plain" }}
-      title="Speak to an Engineering Expert"
-      description="Let's discuss how we can enhance your facility's reliability and performance today."
-      imageSrc="http://img.b2bpic.net/free-photo/famous-parasol-structure-sevilla_268835-15561.jpg"
-      inputPlaceholder="Enter your professional email"
-      buttonText="Get a Consultation"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterLogoEmphasis
-      logoText="SKF"
+      logoText="Abels förvård"
-      leftLink={{ text: "Terms and Conditions", href: "#" }}
+      columns={[
-      rightLink={{ text: "Privacy Policy", href: "#" }}
+        { items: [{ label: "Hem", href: "#" }, { label: "Om oss", href: "#" }] }
+      ]}
     />
   </div>
       </ReactLenis>