From f60e1f3a2d71ecd5620408446e2acd04f7013bd3 Mon Sep 17 00:00:00 2001 From: bender Date: Tue, 21 Apr 2026 20:25:47 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 277 ++++++++++++----------------------------------- 1 file changed, 67 insertions(+), 210 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index de126ca..b0059ea 100644 --- a/src/app/page.tsx +++ b/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 } from "lucide-react"; +import { Award, CheckCircle, Clock, Wrench, Paintbrush, Sparkles, Settings } from "lucide-react"; export default function LandingPage() { return ( @@ -33,21 +33,13 @@ export default function LandingPage() { @@ -59,70 +51,38 @@ export default function LandingPage() { 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: "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"}, { - 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: "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: "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: "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", - }, + 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", - }, + text: "Na kontakto sot", href: "#contact"}, ]} - imageSrc="http://img.b2bpic.net/free-photo/girl-port_72229-526.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/girl-port_72229-526.jpg" 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/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/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/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/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", - }, + 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" /> @@ -136,19 +96,13 @@ export default function LandingPage() { 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: "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: "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: "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" + imageSrc="http://img.b2bpic.net/free-photo/friends-skateboard-riders-relaxing-bench-after-riding-sunset_613910-16224.jpg" mediaAnimation="slide-up" imageAlt="boat repair technician working" /> @@ -160,33 +114,17 @@ export default function LandingPage() { 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: "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: "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", 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: "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", 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 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", imageAlt: "Mechanic fixing car at car service station"}, ]} title="Shërbimet tona kryesore" description="Ofrojmë zgjidhje të plota për mirëmbajtjen dhe restaurimin e mjeteve tuaja detare." @@ -200,23 +138,14 @@ export default function LandingPage() { useInvertedBackground={false} metrics={[ { - id: "m1", - icon: CheckCircle, - title: "Punë e saktë", - value: "100%", - }, + id: "m1", icon: CheckCircle, + title: "Punë e saktë", value: "100%"}, { - id: "m2", - icon: Award, - title: "Cilësi materiale", - value: "Premium", - }, + id: "m2", icon: Award, + title: "Cilësi materiale", value: "Premium"}, { - id: "m3", - icon: Clock, - title: "Shërbim i shpejtë", - value: "24/48h", - }, + 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." @@ -228,30 +157,15 @@ export default function LandingPage() { 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: "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: "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: "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: "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", - }, + 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ë" @@ -264,43 +178,20 @@ export default function LandingPage() { 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: "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: "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: "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: "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: "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", - }, + 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." @@ -313,20 +204,11 @@ export default function LandingPage() { 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: "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: "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.", - }, + 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." @@ -341,28 +223,17 @@ export default function LandingPage() { 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: "name", type: "text", placeholder: "Emri Mbiemri", required: true, }, { - name: "email", - type: "email", - placeholder: "Email-i juaj", - required: true, + name: "email", type: "email", placeholder: "Email-i juaj", 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 mjetin dhe problemin...", - rows: 4, + 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" @@ -375,37 +246,23 @@ export default function LandingPage() {