Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2949061b08 | |||
| 076e16ba41 |
194
src/app/page.tsx
194
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import { Award, CheckCircle, Clock, Wrench, Paintbrush, Sparkles, Settings } from "lucide-react";
|
||||
import { Award, CheckCircle, Clock } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,14 +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"
|
||||
/>
|
||||
@@ -50,40 +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>
|
||||
@@ -95,15 +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>
|
||||
@@ -113,18 +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."
|
||||
@@ -137,140 +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}
|
||||
animationType="slide-up"
|
||||
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