Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,15 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import ContactText from '@/components/sections/contact/ContactText';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import { ShieldCheck, Wrench } from "lucide-react";
 
@@ -33,80 +33,57 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
-      brandName="Auto Service Mol"
+      brandName="Auto Mobile Service RH"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
+      title="Auto Mobile Service RH – Besnikëri dhe Ekspertizë"
-      title="Auto Service Mol – Besnikëri dhe Ekspertizë"
       description="Shërbime të plota profesionale për automjetin tuaj. Besoni ekspertëve tanë për siguri maksimale dhe performancë të lartë në rrugë."
       tag="Auto Servis Profesional"
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/expert-shows-client-car-checkup-steps_482257-75509.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/expert-shows-client-car-checkup-steps_482257-75509.jpg",          imageAlt: "auto repair shop dark theme"},
-          imageAlt: "auto repair shop dark theme",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-with-lamp_1170-1289.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-with-lamp_1170-1289.jpg",          imageAlt: "mechanic diagnostics car engine"},
-          imageAlt: "mechanic diagnostics car engine",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/female-auto-repairer-working-shop-car_23-2150169998.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/female-auto-repairer-working-shop-car_23-2150169998.jpg",          imageAlt: "sports car silhouette workshop"},
-          imageAlt: "sports car silhouette workshop",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-underground-parking-garage_1127-3384.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/empty-underground-parking-garage_1127-3384.jpg",          imageAlt: "mechanic garage tool wall"},
-          imageAlt: "mechanic garage tool wall",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367544.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367544.jpg",          imageAlt: "tire service center workshop"},
-          imageAlt: "tire service center workshop",
-        },
       ]}
       mediaAnimation="blur-reveal"
       tagIcon={Wrench}
       tagAnimation="blur-reveal"
       buttons={[
         {
-          text: "Rezervo tani",
+          text: "Rezervo Servisin Tani",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       buttonAnimation="slide-up"
     />
   </div>
 
   <div id="about" data-section="about">
-      <TestimonialAboutCard
+      <InlineImageSplitTextAbout
       useInvertedBackground={true}
-      tag="Kush jemi ne"
+      heading={[
-      title="Më shumë se një servis"
+          { type: 'text', content: 'Më shumë se një ' },
-      description="Auto Service Mol ka lindur nga pasioni për automobilizmin dhe dëshira për të ofruar shërbim cilësor."
+          { type: 'text', content: 'servis' }
-      subdescription="Me një eksperiencë shumëvjeçare, ne garantojmë zgjidhje për çdo problematikë që mund të ketë automjeti juaj."
+      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/man-painting-car-full-shot_23-2149714344.jpg"
+      className="py-20"
-      mediaAnimation="slide-up"
+      ariaLabel="About section"
-      icon={ShieldCheck}
-      imageAlt="service van parked garage"
     />
   </div>
 
@@ -116,35 +93,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Diagnostikim Kompjuterik",
+          title: "Diagnostikim Kompjuterik",          description: "Identifikojmë çdo defekt të fshehur me pajisjet tona të fundit.",          imageSrc: "http://img.b2bpic.net/free-photo/technology-background-with-buttons_23-2148882652.jpg",          imageAlt: "car engine diagnostics"},
-          description: "Identifikojmë çdo defekt të fshehur me pajisjet tona të fundit.",
-          imageSrc: "http://img.b2bpic.net/free-photo/technology-background-with-buttons_23-2148882652.jpg",
-          imageAlt: "car engine diagnostics",
-        },
         {
-          title: "Balancim dhe Ndërrim Gomash",
+          title: "Balancim dhe Ndërrim Gomash",          description: "Siguroni një rrugëtim të qetë dhe të sigurt me shërbimin tonë.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanic-leaning-stack-car-tires-while-working-workshop_637285-7536.jpg",          imageAlt: "tire maintenance professional"},
-          description: "Siguroni një rrugëtim të qetë dhe të sigurt me shërbimin tonë.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanic-leaning-stack-car-tires-while-working-workshop_637285-7536.jpg",
-          imageAlt: "tire maintenance professional",
-        },
         {
-          title: "Kontrolli i Sistemit të Frenimit",
+          title: "Kontrolli i Sistemit të Frenimit",          description: "Siguria juaj është prioriteti ynë. Frenim perfekt në çdo kusht.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-looks-online-vehicle-parts_482257-76163.jpg",          imageAlt: "brake system inspection"},
-          description: "Siguria juaj është prioriteti ynë. Frenim perfekt në çdo kusht.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-looks-online-vehicle-parts_482257-76163.jpg",
-          imageAlt: "brake system inspection",
-        },
         {
-          title: "Mirëmbajtje motorike",
+          title: "Mirëmbajtje motorike",          description: "Servisimi i plotë për të zgjatur jetën e motorit tuaj.",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1261.jpg",          imageAlt: "Mechanic servicing a car engine"},
-          description: "Servisimi i plotë për të zgjatur jetën e motorit tuaj.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1261.jpg",
-          imageAlt: "Mechanic servicing a car engine",
-        },
         {
-          title: "Ndërrim vajrash dhe filtra",
+          title: "Ndërrim vajrash dhe filtra",          description: "Shërbim i shpejtë dhe efikas me produkte origjinale.",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-car-suspension-repair-shop_52683-107769.jpg",          imageAlt: "Mechanic working on car suspension in the repair shop"},
-          description: "Shërbim i shpejtë dhe efikas me produkte origjinale.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-car-suspension-repair-shop_52683-107769.jpg",
-          imageAlt: "Mechanic working on car suspension in the repair shop",
-        },
       ]}
       title="Shërbimet tona kryesore"
       description="Mbulojmë një gamë të gjerë nevojash për automjetin tuaj me teknologji bashkëkohore."
@@ -159,30 +116,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "1500+",          description: "Klientë të kënaqur"},
-          value: "1500+",
-          description: "Klientë të kënaqur",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "12+",          description: "Vite eksperiencë"},
-          value: "12+",
-          description: "Vite eksperiencë",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "24/7",          description: "Asistencë e gatshme"},
-          value: "24/7",
-          description: "Asistencë e gatshme",
-        },
         {
-          id: "m4",
+          id: "m4",          value: "99%",          description: "Shkalla e saktësisë"},
-          value: "99%",
-          description: "Shkalla e saktësisë",
-        },
         {
-          id: "m5",
+          id: "m5",          value: "3500+",          description: "Projekte të përfunduara"},
-          value: "3500+",
-          description: "Projekte të përfunduara",
-        },
       ]}
       title="Rezultatet tona"
       description="Statistikat që dëshmojnë besimin e klientëve tanë."
@@ -195,45 +137,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
+          id: "1",          title: "Servis korrekt!",          quote: "Shërbim i shpejtë dhe shumë profesional. E rekomandoj për çdo problematikë.",          name: "Arben K.",          role: "Klient",          imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11813.jpg"},
-          title: "Servis korrekt!",
-          quote: "Shërbim i shpejtë dhe shumë profesional. E rekomandoj për çdo problematikë.",
-          name: "Arben K.",
-          role: "Klient",
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanics-repairing-car-workshop_329181-11813.jpg",
-        },
         {
-          id: "2",
+          id: "2",          title: "Cilësi e lartë",          quote: "I bëra diagnostikimin dhe zgjidhjen brenda ditës. Shumë të aftë.",          name: "Elsa M.",          role: "Klient",          imageSrc: "http://img.b2bpic.net/free-photo/happy-black-auto-mechanic-using-gloves-while-working-repair-shop_637285-11591.jpg"},
-          title: "Cilësi e lartë",
-          quote: "I bëra diagnostikimin dhe zgjidhjen brenda ditës. Shumë të aftë.",
-          name: "Elsa M.",
-          role: "Klient",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-black-auto-mechanic-using-gloves-while-working-repair-shop_637285-11591.jpg",
-        },
         {
-          id: "3",
+          id: "3",          title: "Besueshmëri!",          quote: "S'kam gjetur servis më korrekt dhe transparent në rajon.",          name: "Genci H.",          role: "Klient",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-repair-garage_1170-1536.jpg"},
-          title: "Besueshmëri!",
-          quote: "S'kam gjetur servis më korrekt dhe transparent në rajon.",
-          name: "Genci H.",
-          role: "Klient",
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-standing-repair-garage_1170-1536.jpg",
-        },
         {
-          id: "4",
+          id: "4",          title: "Shërbim ekspert",          quote: "Makina ime funksionon si ditën e parë pas servisit tek Mol.",          name: "Dritan P.",          role: "Klient",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-carpenter-woodworking-shop-proud-his-work_482257-84422.jpg"},
-          title: "Shërbim ekspert",
-          quote: "Makina ime funksionon si ditën e parë pas servisit tek Mol.",
-          name: "Dritan P.",
-          role: "Klient",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-carpenter-woodworking-shop-proud-his-work_482257-84422.jpg",
-        },
         {
-          id: "5",
+          id: "5",          title: "Super ekip",          quote: "Përkushtim dhe profesionalizëm maksimal nga stafi.",          name: "Ilir R.",          role: "Klient",          imageSrc: "http://img.b2bpic.net/free-photo/communication-repairing-male-executive-abstract_1134-953.jpg"},
-          title: "Super ekip",
-          quote: "Përkushtim dhe profesionalizëm maksimal nga stafi.",
-          name: "Ilir R.",
-          role: "Klient",
-          imageSrc: "http://img.b2bpic.net/free-photo/communication-repairing-male-executive-abstract_1134-953.jpg",
-        },
       ]}
       title="Çfarë thonë klientët"
       description="Feedback i vërtetë nga ata që na kanë besuar automjetin e tyre."
@@ -247,57 +159,28 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "p1",
+          id: "p1",          badge: "Bazik",          price: "€50",          subtitle: "Kontroll i shpejtë",          buttons: [
-          badge: "Bazik",
-          price: "€50",
-          subtitle: "Kontroll i shpejtë",
-          buttons: [
             {
-              text: "Rezervo",
+              text: "Rezervo",              href: "#contact"},
-              href: "#contact",
-            },
           ],
           features: [
-            "Diagnostikim",
+            "Diagnostikim",            "Kontroll vajrash",            "Kontroll presioni"],
-            "Kontroll vajrash",
-            "Kontroll presioni",
-          ],
         },
         {
-          id: "p2",
+          id: "p2",          badge: "Standart",          price: "€120",          subtitle: "Servis i plotë",          buttons: [
-          badge: "Standart",
-          price: "€120",
-          subtitle: "Servis i plotë",
-          buttons: [
             {
-              text: "Rezervo",
+              text: "Rezervo",              href: "#contact"},
-              href: "#contact",
-            },
           ],
           features: [
-            "Diagnostikim",
+            "Diagnostikim",            "Ndërrim vajrash",            "Filtra",            "Kontroll frena"],
-            "Ndërrim vajrash",
-            "Filtra",
-            "Kontroll frena",
-          ],
         },
         {
-          id: "p3",
+          id: "p3",          badge: "Premium",          price: "€250",          subtitle: "Mirëmbajtje totale",          buttons: [
-          badge: "Premium",
-          price: "€250",
-          subtitle: "Mirëmbajtje totale",
-          buttons: [
             {
-              text: "Rezervo",
+              text: "Rezervo",              href: "#contact"},
-              href: "#contact",
-            },
           ],
           features: [
-            "Servis i plotë",
+            "Servis i plotë",            "Balancim",            "Pastrim motori",            "Kontroll elektrik"],
-            "Balancim",
-            "Pastrim motori",
-            "Kontroll elektrik",
-          ],
         },
       ]}
       title="Paketat tona të servisit"
@@ -311,30 +194,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
+          id: "f1",          title: "A ofroni garanci për shërbimet?",          content: "Po, të gjitha pjesët dhe shërbimet tona kanë garanci të plotë."},
-          title: "A ofroni garanci për shërbimet?",
-          content: "Po, të gjitha pjesët dhe shërbimet tona kanë garanci të plotë.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Sa kohë zgjat një servis?",          content: "Varet nga kompleksiteti, por shumica e serviseve kryhen brenda 24 orëve."},
-          title: "Sa kohë zgjat një servis?",
-          content: "Varet nga kompleksiteti, por shumica e serviseve kryhen brenda 24 orëve.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "A mund të rezervoj online?",          content: "Sigurisht, kontaktoni përmes formës më poshtë."},
-          title: "A mund të rezervoj online?",
-          content: "Sigurisht, kontaktoni përmes formës më poshtë.",
-        },
         {
-          id: "f4",
+          id: "f4",          title: "Çfarë metodash pagese pranoni?",          content: "Pranojmë pagesa cash dhe transferta bankare."},
-          title: "Çfarë metodash pagese pranoni?",
-          content: "Pranojmë pagesa cash dhe transferta bankare.",
-        },
         {
-          id: "f5",
+          id: "f5",          title: "A ofroni asistencë në rrugë?",          content: "Po, jemi të disponueshëm 24/7 për urgjenca."},
-          title: "A ofroni asistencë në rrugë?",
-          content: "Po, jemi të disponueshëm 24/7 për urgjenca.",
-        },
       ]}
       title="Pyetje të shpeshta"
       description="Përgjigjet që ju nevojiten për sigurinë e makinës suaj."
@@ -343,42 +211,34 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
+      <ContactText
+      text="Për çdo urgjencë ose rezervim, na kontaktoni në: +383 44 123 456 ose email: info@automobilservice.com. Jemi të gatshëm t'ju shërbejmë!"
+      background={{
+        variant: "animated-grid"}}
       useInvertedBackground={true}
-      title="Kontaktoni për rezervim"
-      description="Lini një takim dhe sigurohuni që automjeti juaj është në duar të sigurta."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Emri Mbiemri",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Numri i telefonit",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Përshkruani problemin...",
-        required: true,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/i-ll-be-late-car-repair-will-take-time_637285-9777.jpg"
-      imageAlt="garage reception area dark"
-      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterLogoEmphasis
-      logoText="Auto Service Mol"
+      logoText="Auto Mobile Service RH"
-      copyrightText="© 2025 Auto Service Mol. Të gjitha të drejtat të rezervuara."
+      columns={[
+        {
+          items: [
+            { label: "Shërbimet tona", href: "#services" },
+            { label: "Paketat", href: "#pricing" }
+          ]
+        },
+        {
+          items: [
+            { label: "Kontakti", href: "#contact" },
+            { label: "FAQ", href: "#faq" }
+          ]
+        }
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}