Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6b800c9175 |
242
src/app/page.tsx
242
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"
|
||||
|
||||
Reference in New Issue
Block a user