Merge version_2 into main #3
335
src/app/page.tsx
335
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Kreu",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Shërbimet",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Pse ne",
|
||||
id: "why-us",
|
||||
},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Kreu", id: "hero" },
|
||||
{ name: "Shërbimet", id: "services" },
|
||||
{ name: "Pse ne", id: "why-us" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Riparime Detare"
|
||||
/>
|
||||
@@ -58,72 +46,13 @@ export default function LandingPage() {
|
||||
title="Riparime dhe lyerje profesionale për gomone dhe skafe"
|
||||
description="Zgjidhje të sigurta dhe cilësore për çdo dëmtim. Nga riparimet me rezinë deri tek lyerja dhe mirëmbajtja e plotë."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Altin H.",
|
||||
handle: "@altin.h",
|
||||
testimonial: "Punë shumë e shpejtë dhe profesionale. Gomonia ime duket si e re.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-happy-enthusiastic-creative-redhead-female-redhead-with-cute-freckles-glasses-yellow-striped-blouse-raising-thumbs-up-approval-agree-gesture-smiling-delighted_176420-23801.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Eri K.",
|
||||
handle: "@eri.k",
|
||||
testimonial: "Rekomandoj me besim. Riparuan çarjen e skafit në mënyrë të përsosur.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2149049105.jpg",
|
||||
},
|
||||
{
|
||||
name: "Besar M.",
|
||||
handle: "@besar.m",
|
||||
testimonial: "Shërbim korrekt dhe materiale shumë cilësore. Faleminderit!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-port-preparing-yacht-trip_72229-517.jpg",
|
||||
},
|
||||
{
|
||||
name: "Fjolla B.",
|
||||
handle: "@fjolla.b",
|
||||
testimonial: "Pastrim dhe lyerje fantastike. Më kursyen shumë kohë.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-university-campus-using-tablet_1157-32730.jpg",
|
||||
},
|
||||
{
|
||||
name: "Genci R.",
|
||||
handle: "@genci.r",
|
||||
testimonial: "Saktësi dhe pastërti në punë. Çmimet shumë të arsyeshme.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-talking-phone_23-2149235740.jpg",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Na kontakto sot",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "Altin H.", handle: "@altin.h", testimonial: "Punë shumë e shpejtë dhe profesionale. Gomonia ime duket si e re.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pleased-happy-enthusiastic-creative-redhead-female-redhead-with-cute-freckles-glasses-yellow-striped-blouse-raising-thumbs-up-approval-agree-gesture-smiling-delighted_176420-23801.jpg?_wi=1" },
|
||||
{ name: "Eri K.", handle: "@eri.k", testimonial: "Rekomandoj me besim. Riparuan çarjen e skafit në mënyrë të përsosur.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2149049105.jpg" },
|
||||
{ name: "Besar M.", handle: "@besar.m", testimonial: "Shërbim korrekt dhe materiale shumë cilësore. Faleminderit!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-port-preparing-yacht-trip_72229-517.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Na kontakto sot", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/girl-port_72229-526.jpg?_wi=1"
|
||||
imageAlt="Boat repair service"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346508.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-expression_1194-1747.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-executives-showing-thumbs-up_1098-1828.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-glasses-looking-tablet-with-another-man-background_1153-1144.jpg",
|
||||
alt: "Happy client",
|
||||
},
|
||||
]}
|
||||
avatarText="Mbi 500+ klientë të kënaqur"
|
||||
/>
|
||||
</div>
|
||||
@@ -135,21 +64,11 @@ export default function LandingPage() {
|
||||
title="Rreth Nesh"
|
||||
description="Jemi të specializuar në shërbime për mjete detare, me fokus tek cilësia dhe besimi i klientit. Çdo punë realizohet me kujdes maksimal për të garantuar rezultate të qëndrueshme dhe profesionale."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Përvojë Detare",
|
||||
description: "Vite të tëra eksperiencë në mirëmbajtjen e mjeteve lundruese.",
|
||||
},
|
||||
{
|
||||
title: "Cilësi e Garantuar",
|
||||
description: "Materialet tona janë rezistente ndaj kushteve më të vështira detare.",
|
||||
},
|
||||
{
|
||||
title: "Shërbim i Shpejtë",
|
||||
description: "Kuptojmë rëndësinë e kohës suaj në sezonin detar.",
|
||||
},
|
||||
{ title: "Përvojë Detare", description: "Vite të tëra eksperiencë në mirëmbajtjen e mjeteve lundruese." },
|
||||
{ title: "Cilësi e Garantuar", description: "Materialet tona janë rezistente ndaj kushteve më të vështira detare." },
|
||||
{ title: "Shërbim i Shpejtë", description: "Kuptojmë rëndësinë e kohës suaj në sezonin detar." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friends-skateboard-riders-relaxing-bench-after-riding-sunset_613910-16224.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="boat repair technician working"
|
||||
/>
|
||||
</div>
|
||||
@@ -159,34 +78,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Riparime me rezinë",
|
||||
description: "Riparim profesional i dëmtimeve në trupin e skafit apo gomones. Rikthim i forcës dhe sigurisë së strukturës.",
|
||||
buttonIcon: "Wrench",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-car-service-station_1303-28160.jpg",
|
||||
imageAlt: "Mechanic fixing car at car service station",
|
||||
},
|
||||
{
|
||||
title: "Lyerje gomone & skafe",
|
||||
description: "Lyerje me materiale cilësore që rezistojnë ndaj ujit dhe diellit, duke i dhënë mjetit pamje të re dhe mbrojtje afatgjatë.",
|
||||
buttonIcon: "Paintbrush",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-port_72229-526.jpg?_wi=2",
|
||||
imageAlt: "Mechanic fixing car at car service station",
|
||||
},
|
||||
{
|
||||
title: "Pastrim profesional",
|
||||
description: "Pastrim i thellë për heqjen e kripës, papastërtive dhe mbetjeve, duke ruajtur materialin dhe shkëlqimin.",
|
||||
buttonIcon: "Sparkles",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-skateboard-riders-relaxing-bench-after-riding-sunset_613910-16224.jpg?_wi=2",
|
||||
imageAlt: "Mechanic fixing car at car service station",
|
||||
},
|
||||
{
|
||||
title: "Riparime të dëmtimeve",
|
||||
description: "Rregullim i çarjeve, fryrjeve dhe çdo problemi tjetër që ndikon në funksionimin e gomones apo skafit.",
|
||||
buttonIcon: "Settings",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-happy-enthusiastic-creative-redhead-female-redhead-with-cute-freckles-glasses-yellow-striped-blouse-raising-thumbs-up-approval-agree-gesture-smiling-delighted_176420-23801.jpg?_wi=2",
|
||||
imageAlt: "Mechanic fixing car at car service station",
|
||||
},
|
||||
{ title: "Riparime me rezinë", description: "Riparim profesional i dëmtimeve në trupin e skafit apo gomones. Rikthim i forcës dhe sigurisë së strukturës.", buttonIcon: CheckCircle },
|
||||
{ title: "Lyerje gomone & skafe", description: "Lyerje me materiale cilësore që rezistojnë ndaj ujit dhe diellit, duke i dhënë mjetit pamje të re dhe mbrojtje afatgjatë.", buttonIcon: CheckCircle },
|
||||
{ title: "Pastrim profesional", description: "Pastrim i thellë për heqjen e kripës, papastërtive dhe mbetjeve, duke ruajtur materialin dhe shkëlqimin.", buttonIcon: CheckCircle },
|
||||
{ title: "Riparime të dëmtimeve", description: "Rregullim i çarjeve, fryrjeve dhe çdo problemi tjetër që ndikon në funksionimin e gomones apo skafit.", buttonIcon: CheckCircle },
|
||||
]}
|
||||
title="Shërbimet tona kryesore"
|
||||
description="Ofrojmë zgjidhje të plota për mirëmbajtjen dhe restaurimin e mjeteve tuaja detare."
|
||||
@@ -199,221 +94,41 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: CheckCircle,
|
||||
title: "Punë e saktë",
|
||||
value: "100%",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Award,
|
||||
title: "Cilësi materiale",
|
||||
value: "Premium",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Clock,
|
||||
title: "Shërbim i shpejtë",
|
||||
value: "24/48h",
|
||||
},
|
||||
{ id: "m1", icon: CheckCircle, title: "Punë e saktë", value: "100%" },
|
||||
{ id: "m2", icon: Award, title: "Cilësi materiale", value: "Premium" },
|
||||
{ id: "m3", icon: Clock, title: "Shërbim i shpejtë", value: "24/48h" },
|
||||
]}
|
||||
title="Pse të na zgjidhni"
|
||||
description="Arsyet kryesore pse klientët na besojnë mirëmbajtjen e mjeteve të tyre detare."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-sportswear-with-copy-space_23-2148503191.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mike C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-posing-lighthouse_23-2150602917.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1321-1163.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-couple-outdoors_23-2149049107.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jane D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-caucasian-girl-with-pixie-haircut-showing-thumbs-up-isolated-white-background-with-copy-space_141793-31737.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Çfarë thonë klientët tanë"
|
||||
cardTag="Dëshmitë"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardThree
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Riparim Skaf - Përpara/Pas",
|
||||
price: "Restaurim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-spraying-powder-paint-car-door_23-2149714306.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Lyerje Gomone",
|
||||
price: "Pamje e Re",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/paddle-boat-dark-lake_53876-32205.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Restaurim Strukture",
|
||||
price: "Forcë",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-worker-spraying-timber-with-spray-gun-woodworking-factory_637285-12067.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Pastrim I Thellë",
|
||||
price: "Shkëlqim",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-hands-engaged-it-yourself-project_23-2151509512.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Riparim Çarje",
|
||||
price: "Siguri",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-using-brush-old-chair_23-2149394477.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Lyerje Antifouling",
|
||||
price: "Mbrojtje",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580570.jpg",
|
||||
},
|
||||
]}
|
||||
title="Galeria e Punëve"
|
||||
description="Disa nga punët tona para dhe pas ndërhyrjes."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Sa zgjat riparimi?",
|
||||
content: "Koha varet nga dëmtimi, por zakonisht përfundojmë brenda 2-5 ditëve.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "A ofroni garanci?",
|
||||
content: "Po, ofrojmë garanci për të gjitha punimet tona të rezinës dhe lyerjes.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Çfarë materialesh përdorni?",
|
||||
content: "Përdorim vetëm materiale profesionale detare, rezistente ndaj ujit të kripur dhe rrezeve UV.",
|
||||
},
|
||||
]}
|
||||
title="Pyetje të shpeshta"
|
||||
description="Gjeni përgjigje për paqartësitë më të shpeshta mbi shërbimet tona."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Na kontaktoni për çdo informacion"
|
||||
description="Jemi këtu për t'ju ofruar ofertën më të mirë për mirëmbajtjen e mjetit tuaj."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Emri Mbiemri",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email-i juaj",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Numri i telefonit",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Emri Mbiemri", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email-i juaj", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Numri i telefonit", required: true },
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Përshkruani mjetin dhe problemin...",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
textarea={{ name: "message", placeholder: "Përshkruani mjetin dhe problemin...", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/handsome-male-traveler-montenegro_23-2149040730.jpg"
|
||||
buttonText="Dërgo kërkesën"
|
||||
imageAlt="marina boat workshop"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shërbime",
|
||||
items: [
|
||||
{
|
||||
label: "Riparim me rezinë",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Lyerje",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Pastrim",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Informacion",
|
||||
items: [
|
||||
{
|
||||
label: "Rreth Nesh",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Shërbime", items: [{ label: "Riparim", href: "#services" }, { label: "Lyerje", href: "#services" }] },
|
||||
{ title: "Kontakt", items: [{ label: "Kontakt", href: "#contact" }] }
|
||||
]}
|
||||
logoText="Riparime Detare"
|
||||
copyrightText="© 2025 | Riparime Detare - Të gjitha të drejtat e rezervuara."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user