Merge version_2 into main

2026-04-23 17:09:05 +00:00
parent 895400dabd 6b800c9175
commit a2f4acb7d3
1 changed files with 51 additions and 191 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,7 +10,7 @@ import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGaller
 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,21 +33,13 @@ export default function LandingPage() {
      <NavbarStyleApple
      navItems={[
        {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
        {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
        {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
        {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
      ]}
      brandName="Auto Service Mol"
    />
@@ -56,57 +48,42 @@ export default function LandingPage() {
  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
      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",
-          imageAlt: "auto repair shop dark theme",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/expert-shows-client-car-checkup-steps_482257-75509.jpg",          imageAlt: "auto repair shop dark theme"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-with-lamp_1170-1289.jpg",
-          imageAlt: "mechanic diagnostics car engine",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-with-lamp_1170-1289.jpg",          imageAlt: "mechanic diagnostics car engine"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/female-auto-repairer-working-shop-car_23-2150169998.jpg",
-          imageAlt: "sports car silhouette workshop",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/female-auto-repairer-working-shop-car_23-2150169998.jpg",          imageAlt: "sports car silhouette workshop"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-underground-parking-garage_1127-3384.jpg",
-          imageAlt: "mechanic garage tool wall",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/empty-underground-parking-garage_1127-3384.jpg",          imageAlt: "mechanic garage tool wall"},
        {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367544.jpg",
-          imageAlt: "tire service center workshop",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-using-tablet-device-car-repair-shop_23-2150367544.jpg",          imageAlt: "tire service center workshop"},
      ]}
      mediaAnimation="blur-reveal"
      tagIcon={Wrench}
      tagAnimation="blur-reveal"
      buttons={[
        {
-          text: "Rezervo tani",
-          href: "#contact",
-        },
+          text: "Rezervo tani",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
-      <TestimonialAboutCard
+      <InlineImageSplitTextAbout
      useInvertedBackground={true}
-      tag="Kush jemi ne"
-      title="Më shumë se një servis"
-      description="Auto Service Mol ka lindur nga pasioni për automobilizmin dhe dëshira për të ofruar shërbim cilësor."
-      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"
-      mediaAnimation="slide-up"
-      icon={ShieldCheck}
-      imageAlt="service van parked garage"
+      heading={[
+          { type: 'text', content: 'Më shumë se një ' },
+          { type: 'text', content: 'servis' }
+      ]}
+      className="py-20"
+      ariaLabel="About section"
    />
  </div>

@@ -116,35 +93,15 @@ export default function LandingPage() {
      useInvertedBackground={false}
      features={[
        {
-          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",
-        },
+          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"},
        {
-          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",
-        },
+          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"},
        {
-          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",
-        },
+          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"},
        {
-          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",
-        },
+          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"},
        {
-          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",
-        },
+          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"},
      ]}
      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",
-          value: "1500+",
-          description: "Klientë të kënaqur",
-        },
+          id: "m1",          value: "1500+",          description: "Klientë të kënaqur"},
        {
-          id: "m2",
-          value: "12+",
-          description: "Vite eksperiencë",
-        },
+          id: "m2",          value: "12+",          description: "Vite eksperiencë"},
        {
-          id: "m3",
-          value: "24/7",
-          description: "Asistencë e gatshme",
-        },
+          id: "m3",          value: "24/7",          description: "Asistencë e gatshme"},
        {
-          id: "m4",
-          value: "99%",
-          description: "Shkalla e saktësisë",
-        },
+          id: "m4",          value: "99%",          description: "Shkalla e saktësisë"},
        {
-          id: "m5",
-          value: "3500+",
-          description: "Projekte të përfunduara",
-        },
+          id: "m5",          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",
-          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: "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"},
        {
-          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",
-        },
+          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"},
        {
-          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",
-        },
+          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"},
        {
-          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",
-        },
+          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"},
        {
-          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",
-        },
+          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="Ç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",
-          badge: "Bazik",
-          price: "€50",
-          subtitle: "Kontroll i shpejtë",
-          buttons: [
+          id: "p1",          badge: "Bazik",          price: "€50",          subtitle: "Kontroll i shpejtë",          buttons: [
            {
-              text: "Rezervo",
-              href: "#contact",
-            },
+              text: "Rezervo",              href: "#contact"},
          ],
          features: [
-            "Diagnostikim",
-            "Kontroll vajrash",
-            "Kontroll presioni",
-          ],
+            "Diagnostikim",            "Kontroll vajrash",            "Kontroll presioni"],
        },
        {
-          id: "p2",
-          badge: "Standart",
-          price: "€120",
-          subtitle: "Servis i plotë",
-          buttons: [
+          id: "p2",          badge: "Standart",          price: "€120",          subtitle: "Servis i plotë",          buttons: [
            {
-              text: "Rezervo",
-              href: "#contact",
-            },
+              text: "Rezervo",              href: "#contact"},
          ],
          features: [
-            "Diagnostikim",
-            "Ndërrim vajrash",
-            "Filtra",
-            "Kontroll frena",
-          ],
+            "Diagnostikim",            "Ndërrim vajrash",            "Filtra",            "Kontroll frena"],
        },
        {
-          id: "p3",
-          badge: "Premium",
-          price: "€250",
-          subtitle: "Mirëmbajtje totale",
-          buttons: [
+          id: "p3",          badge: "Premium",          price: "€250",          subtitle: "Mirëmbajtje totale",          buttons: [
            {
-              text: "Rezervo",
-              href: "#contact",
-            },
+              text: "Rezervo",              href: "#contact"},
          ],
          features: [
-            "Servis i plotë",
-            "Balancim",
-            "Pastrim motori",
-            "Kontroll elektrik",
-          ],
+            "Servis i plotë",            "Balancim",            "Pastrim motori",            "Kontroll elektrik"],
        },
      ]}
      title="Paketat tona të servisit"
@@ -311,30 +194,15 @@ export default function LandingPage() {
      useInvertedBackground={false}
      faqs={[
        {
-          id: "f1",
-          title: "A ofroni garanci për shërbimet?",
-          content: "Po, të gjitha pjesët dhe shërbimet tona kanë garanci të plotë.",
-        },
+          id: "f1",          title: "A ofroni garanci për shërbimet?",          content: "Po, të gjitha pjesët dhe shërbimet tona kanë garanci të plotë."},
        {
-          id: "f2",
-          title: "Sa kohë zgjat një servis?",
-          content: "Varet nga kompleksiteti, por shumica e serviseve kryhen brenda 24 orëve.",
-        },
+          id: "f2",          title: "Sa kohë zgjat një servis?",          content: "Varet nga kompleksiteti, por shumica e serviseve kryhen brenda 24 orëve."},
        {
-          id: "f3",
-          title: "A mund të rezervoj online?",
-          content: "Sigurisht, kontaktoni përmes formës më poshtë.",
-        },
+          id: "f3",          title: "A mund të rezervoj online?",          content: "Sigurisht, kontaktoni përmes formës më poshtë."},
        {
-          id: "f4",
-          title: "Çfarë metodash pagese pranoni?",
-          content: "Pranojmë pagesa cash dhe transferta bankare.",
-        },
+          id: "f4",          title: "Çfarë metodash pagese pranoni?",          content: "Pranojmë pagesa cash dhe transferta bankare."},
        {
-          id: "f5",
-          title: "A ofroni asistencë në rrugë?",
-          content: "Po, jemi të disponueshëm 24/7 për urgjenca.",
-        },
+          id: "f5",          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."
@@ -349,22 +217,14 @@ export default function LandingPage() {
      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: "name",          type: "text",          placeholder: "Emri Mbiemri",          required: true,
        },
        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Numri i telefonit",
-          required: true,
+          name: "phone",          type: "tel",          placeholder: "Numri i telefonit",          required: true,
        },
      ]}
      textarea={{
-        name: "message",
-        placeholder: "Përshkruani problemin...",
-        required: true,
+        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"