224 lines
12 KiB
TypeScript
224 lines
12 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||
import { AlertCircle, Clock, MapPin, CheckCircle, Award, Phone, Wrench, AlertTriangle, Mail } from 'lucide-react';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="bounce-effect"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="mediumLarge"
|
||
sizing="mediumSizeLargeTitles"
|
||
background="circleGradient"
|
||
cardStyle="solid"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="light"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
brandName="Pervan Instalacije"
|
||
navItems={[
|
||
{ name: "Usluge", id: "services" },
|
||
{ name: "O nama", id: "about" },
|
||
{ name: "Područje rada", id: "service-area" },
|
||
{ name: "Recenzije", id: "testimonials" },
|
||
{ name: "Kontakt", id: "contact" }
|
||
]}
|
||
bottomLeftText="Zagreb, Hrvatska"
|
||
bottomRightText="091 6225 387"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboardGallery
|
||
title="Hitni vodoinstalater Zagreb – Dolazimo odmah"
|
||
description="Popravci cijevi, WC-a, odvoda i hitne intervencije. Dostupni 24 sata dnevno na području Zagreba. Brza intervencija, pouzdano rješenje."
|
||
tag="0-24 dostupno"
|
||
tagIcon={AlertCircle}
|
||
tagAnimation="slide-up"
|
||
background={{ variant: "circleGradient" }}
|
||
mediaItems={[
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-working-as-plumber_23-2150746307.jpg", imageAlt: "Vodoinstalater na terenu - popravak cijevi" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-smartphone_23-2149478460.jpg", imageAlt: "Brza hitna intervencija vodoinstalaterske usluge" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721532.jpg", imageAlt: "Profesionalni alati i oprema za vodoinstalaterske radove" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12845.jpg", imageAlt: "Profesionalan stav prema klijentima" },
|
||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990728.jpg", imageAlt: "Kvalitetni popravak vodovodnih instalacija" }
|
||
]}
|
||
buttons={[
|
||
{ text: "📞 Nazovite odmah – 091 6225 387", href: "tel:0916225387" },
|
||
{ text: "Pošaljite upit", href: "#contact" }
|
||
]}
|
||
mediaAnimation="slide-up"
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="trust" data-section="trust">
|
||
<MetricCardThree
|
||
title="Zašto nam vjerovatiti"
|
||
description="Pervan Instalacije je pouzdani partner za sve vodoinstalaterske probleme u Zagrebu sa godinama iskustva i odličnom reputacijom."
|
||
metrics={[
|
||
{ id: "1", icon: Clock, title: "24/7 dostupnost", value: "Odmah dostupni" },
|
||
{ id: "2", icon: MapPin, title: "Lokalni servis", value: "Svi dijelovi Zagreba" },
|
||
{ id: "3", icon: CheckCircle, title: "Brza intervencija", value: "Najkraće vrijeme" },
|
||
{ id: "4", icon: Award, title: "Iskustvo", value: "Dugogodišnje znanje" }
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardTwentyThree
|
||
title="Vodoinstalaterske usluge"
|
||
description="Kompletan spektar vodoinstalaterskih rješenja za sve vrste problema u vašem domu ili poslovnom prostoru."
|
||
features={[
|
||
{ id: "1", title: "Otkrivanje curenja vodovodnih instalacija", tags: ["Dijagnostika", "Profesionalno"], imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990735.jpg" },
|
||
{ id: "2", title: "Popravak WC-a", tags: ["Brzo", "Učinkovito"], imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-view-from-washing-machine-loading-washing-dirty-linen_169016-13050.jpg" },
|
||
{ id: "3", title: "Popravak kanalizacija", tags: ["Hitno", "Specijalizirano"], imageSrc: "http://img.b2bpic.net/free-photo/sporty-girl-packing-bag-training-sports-girl-going-training-preparing-training_169016-67494.jpg" },
|
||
{ id: "4", title: "Popravak slavina", tags: ["Redovno", "Kvalitetno"], imageSrc: "http://img.b2bpic.net/free-photo/title-black-faucet-water-stream-blue-kitchen_169016-68926.jpg" },
|
||
{ id: "5", title: "Popravak tuševa", tags: ["Profesionalno", "Brzo"], imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-bathroom_23-2150323147.jpg" },
|
||
{ id: "6", title: "Popravak vodovodnih cijevi", tags: ["Hitno", "Stručno"], imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-as-plumber_23-2150746299.jpg" },
|
||
{ id: "7", title: "Ugradnja bojlera", tags: ["Profesionalno", "Garantirano"], imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-male-plumber-standing-near-kitchen-sink-showing-thumb-up_1098-17823.jpg" },
|
||
{ id: "8", title: "Čišćenje odvoda", tags: ["Specijalizirano", "Brzo"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-as-plumber_23-2150746421.jpg" }
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="emergency" data-section="emergency">
|
||
<MediaAbout
|
||
title="Hitne vodoinstalaterske intervencije"
|
||
description="Ako imate puknutu cijev, poplavu ili začepljen odvod, nazovite nas odmah. Na teren izlazimo u najkraćem mogućem roku. Dostupni smo 24 sata dnevno za sve vrste hitnih intervencija."
|
||
tag="HITNO"
|
||
tagIcon={AlertTriangle}
|
||
imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721536.jpg"
|
||
imageAlt="Brza hitna vodoinstalaterska intervencija"
|
||
buttons={[
|
||
{ text: "📞 Pozovite odmah: 091 6225 387", href: "tel:0916225387" }
|
||
]}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="howItWorks" data-section="howItWorks">
|
||
<MetricCardThree
|
||
title="Kako funkcionira"
|
||
description="Tri jednostavna koraka do rješenja vašeg vodoinstalaterskog problema"
|
||
metrics={[
|
||
{ id: "1", icon: Phone, title: "1. Nazovite nas", value: "091 6225 387" },
|
||
{ id: "2", icon: MapPin, title: "2. Dolazimo", value: "Brzo na adresu" },
|
||
{ id: "3", icon: Wrench, title: "3. Rješavamo", value: "Problem je riješen" }
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSixteen
|
||
title="Što kažu naši klijenti"
|
||
description="Recenzije od zadovoljnih korisnika naših vodoinstalaterskih usluga u Zagrebu"
|
||
testimonials={[
|
||
{ id: "1", name: "Marko Horvat", role: "Vlasnik stana", company: "Trešnjevka", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-making-phone-call-while-relaxing-office-repair-shop_637285-11573.jpg" },
|
||
{ id: "2", name: "Ana Kovač", role: "Upravljačica zgrade", company: "Novi Zagreb", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1652.jpg" },
|
||
{ id: "3", name: "Petar Novak", role: "Vlasnik kuće", company: "Dubrava", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg" },
|
||
{ id: "4", name: "Jasna Đurić", role: "Vlasnica poslovnog prostora", company: "Centar", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" }
|
||
]}
|
||
kpiItems={[
|
||
{ value: "500+", label: "Zadovoljnih klijenta" },
|
||
{ value: "24/7", label: "Dostupnost" },
|
||
{ value: "10+", label: "Godina iskustva" }
|
||
]}
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="service-area" data-section="service-area">
|
||
<MediaAbout
|
||
title="Vodoinstalater Zagreb"
|
||
description="Radimo na području: Zagreb centar, Novi Zagreb, Trešnjevka, Maksimir, Dubrava, Sesvete i okolica Zagreba. Dostupni smo za sve dijelove grada 24 sata dnevno."
|
||
tag="Područje rada"
|
||
tagIcon={MapPin}
|
||
imageSrc="http://img.b2bpic.net/free-photo/bird-s-eye-view-shanghai_1127-3935.jpg"
|
||
imageAlt="Karta područja rada Pervan Instalacije u Zagrebu"
|
||
buttons={[
|
||
{ text: "Kontaktirajte nas", href: "#contact" }
|
||
]}
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactSplit
|
||
tag="KONTAKT"
|
||
tagIcon={Mail}
|
||
title="Pošaljite nam upit"
|
||
description="Ispunite formu i kontaktirajte nas za sve vodoinstalaterske potrebe. Odgovorit ćemo vam u najkraćem mogućem vremenu."
|
||
background={{ variant: "plain" }}
|
||
useInvertedBackground={false}
|
||
imageSrc="http://img.b2bpic.net/free-photo/happy-customer-service-representative-with-headset-communicating-with-customer-while-working-call-center_637285-131.jpg"
|
||
imageAlt="Kontakt forma za vodoinstalaterske usluge"
|
||
mediaPosition="right"
|
||
inputPlaceholder="Vaša email adresa"
|
||
buttonText="Pošalji upit"
|
||
termsText="Pozivajući nas ili popunjavajući formu, pristajete na obradu vaših podataka."
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterMedia
|
||
imageSrc="http://img.b2bpic.net/free-photo/male-female-workers-wearing-work-clothes_273609-10802.jpg"
|
||
imageAlt="Vodoinstalaterski servisi"
|
||
logoText="Pervan Instalacije"
|
||
copyrightText="© 2025 Pervan Instalacije. Sva prava zadržana."
|
||
columns={[
|
||
{
|
||
title: "Usluge", items: [
|
||
{ label: "Popravak cijevi", href: "#services" },
|
||
{ label: "Čišćenje odvoda", href: "#services" },
|
||
{ label: "Popravak WC-a", href: "#services" },
|
||
{ label: "Hitne intervencije", href: "#emergency" }
|
||
]
|
||
},
|
||
{
|
||
title: "Kompanija", items: [
|
||
{ label: "O nama", href: "#about" },
|
||
{ label: "Područje rada", href: "#service-area" },
|
||
{ label: "Recenzije", href: "#testimonials" },
|
||
{ label: "Kontakt", href: "#contact" }
|
||
]
|
||
},
|
||
{
|
||
title: "Kontakt", items: [
|
||
{ label: "📞 091 6225 387", href: "tel:0916225387" },
|
||
{ label: "Jurišićeva ul. 14, Zagreb", href: "#" },
|
||
{ label: "24 sata dostupno", href: "#" },
|
||
{ label: "Politika privatnosti", href: "#" }
|
||
]
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|