Merge version_1_1782148036934 into main #2
@@ -11,252 +11,129 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroSplitVerticalMarquee
|
||||
tag="Dostupni 24/7"
|
||||
title="Stručni vodoinstalateri u Beogradu"
|
||||
description="NM Beograd nudi brze, efikasne i profesionalne usluge popravke kvarova. Vaše poverenje je naša odgovornost."
|
||||
primaryButton={{
|
||||
text: "Pozovite nas",
|
||||
href: "tel:0628500495",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Saznajte više",
|
||||
href: "#about",
|
||||
}}
|
||||
leftItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wrench-flexible-connector-dark-table_23-2147772298.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-plan_1368-4136.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dirty-home-concept-with-messy-bathroom-high-angle_23-2149311321.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-near-steel-pipes-with-tape-measure-hand_627829-11415.jpg",
|
||||
},
|
||||
]}
|
||||
rightItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-498.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-architect-with-building-plans_23-2148269412.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-faucet-water-aerator-satin-finish_169016-69352.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manzanares-river-summer-day-madrid_1398-3627.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721546.jpg",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Dostupni 24/7"
|
||||
title="Stručni vodoinstalateri u Beogradu"
|
||||
description="NM Beograd nudi brze, efikasne i profesionalne usluge popravke kvarova. Vaše poverenje je naša odgovornost."
|
||||
primaryButton={{ text: "Pozovite nas", href: "tel:0628500495" }}
|
||||
secondaryButton={{ text: "Saznajte više", href: "#about" }}
|
||||
leftItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/wrench-flexible-connector-dark-table_23-2147772298.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-plan_1368-4136.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dirty-home-concept-with-messy-bathroom-high-angle_23-2149311321.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/brutal-beard-worker-man-suit-construction-worker-safety-orange-helmet-near-steel-pipes-with-tape-measure-hand_627829-11415.jpg" },
|
||||
]}
|
||||
rightItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/architectural-blueprints_1359-498.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-old-architect-with-building-plans_23-2148269412.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-faucet-water-aerator-satin-finish_169016-69352.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/manzanares-river-summer-day-madrid_1398-3627.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721546.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721539.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTestimonial
|
||||
tag="O Nama"
|
||||
quote="Odlična usluga! Stigli na vreme, brzo otkrili kvar i rešili problem bez komplikacija. Vrlo korektni i ljubazni. Sve preporuke."
|
||||
author="Milica Božović"
|
||||
role="Zadovoljni klijent"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/unpleased-young-male-builder-wearing-uniform-safety-helmet-his-thumb-down-pink_141793-74547.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="O Nama"
|
||||
quote="Odlična usluga! Stigli na vreme, brzo otkrili kvar i rešili problem bez komplikacija. Vrlo korektni i ljubazni. Sve preporuke."
|
||||
author="Milica Božović"
|
||||
role="Zadovoljni klijent"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/unpleased-young-male-builder-wearing-uniform-safety-helmet-his-thumb-down-pink_141793-74547.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesBento
|
||||
tag="Naše Usluge"
|
||||
title="Kompletne vodoinstalaterske usluge"
|
||||
description="NM Beograd je vaš pouzdan partner za sve hitne intervencije i planirane popravke."
|
||||
features={[
|
||||
{
|
||||
title: "Hitne intervencije",
|
||||
description: "Brzi izlazak na teren 24/7 za sve hitne situacije i curenja vode.",
|
||||
bentoComponent: "info-card-marquee",
|
||||
infoCards: [
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Vreme",
|
||||
value: "24/7",
|
||||
},
|
||||
{
|
||||
icon: Phone,
|
||||
label: "Poziv",
|
||||
value: "0628500495",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-working-as-plumber_23-2151230004.jpg",
|
||||
imageAlt: "Portrait of man working as plumber",
|
||||
},
|
||||
{
|
||||
title: "Profesionalizam",
|
||||
description: "Naši majstori su obučeni za rad sa najsavremenijom opremom.",
|
||||
bentoComponent: "checklist-timeline",
|
||||
heading: "Šta garantujemo",
|
||||
subheading: "Standard kvaliteta",
|
||||
checklistItems: [
|
||||
{
|
||||
label: "Poštovanje rokova",
|
||||
detail: "Dolazimo tačno po dogovoru.",
|
||||
},
|
||||
{
|
||||
label: "Kvalitet delova",
|
||||
detail: "Koristimo sertifikovane materijale.",
|
||||
},
|
||||
{
|
||||
label: "Čistota",
|
||||
detail: "Radni prostor ostavljamo urednim.",
|
||||
},
|
||||
],
|
||||
completedLabel: "Završeno",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-as-plumber_23-2150746391.jpg?_wi=2",
|
||||
imageAlt: "Portrait of man working as plumber",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Naše Usluge"
|
||||
title="Kompletne vodoinstalaterske usluge"
|
||||
description="NM Beograd je vaš pouzdan partner za sve hitne intervencije i planirane popravke."
|
||||
features={[
|
||||
{
|
||||
title: "Hitne intervencije", description: "Brzi izlazak na teren 24/7 za sve hitne situacije i curenja vode.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{ icon: "Clock", label: "Vreme", value: "24/7" },
|
||||
{ icon: "Phone", label: "Poziv", value: "0628500495" },
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Profesionalizam", description: "Naši majstori su obučeni za rad sa najsavremenijom opremom.", bentoComponent: "checklist-timeline", heading: "Šta garantujemo", subheading: "Standard kvaliteta", checklistItems: [
|
||||
{ label: "Poštovanje rokova", detail: "Dolazimo tačno po dogovoru." },
|
||||
{ label: "Kvalitet delova", detail: "Koristimo sertifikovane materijale." },
|
||||
{ label: "Čistota", detail: "Radni prostor ostavljamo urednim." },
|
||||
],
|
||||
completedLabel: "Završeno"
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Uspeh"
|
||||
title="Rezultati našeg rada"
|
||||
description="Profesionalizam je naš zaštitni znak."
|
||||
metrics={[
|
||||
{
|
||||
value: "7+",
|
||||
title: "Zadovoljnih klijenata",
|
||||
features: [
|
||||
"Provereni kvalitet",
|
||||
"Visoka ocena",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "5.0",
|
||||
title: "Google ocena",
|
||||
features: [
|
||||
"Odlične recenzije",
|
||||
"Potpuno poverenje",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Uspeh"
|
||||
title="Rezultati našeg rada"
|
||||
description="Profesionalizam je naš zaštitni znak."
|
||||
metrics={[
|
||||
{ value: "7+", title: "Zadovoljnih klijenata", features: ["Provereni kvalitet", "Visoka ocena"] },
|
||||
{ value: "5.0", title: "Google ocena", features: ["Odlične recenzije", "Potpuno poverenje"] },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Iskustva"
|
||||
title="Šta kažu naši klijenti"
|
||||
description="Vaše zadovoljstvo nam je na prvom mestu."
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Milica Božović",
|
||||
role: "Klijent",
|
||||
quote: "Odlična usluga! Stigli na vreme i rešili problem.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Nikola Simić",
|
||||
role: "Klijent",
|
||||
quote: "Dobra komunikacija, dogovor ispoštovan, sve pohvale.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/drawing-women-high-fiving_23-2147770093.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Petar Obradovic",
|
||||
role: "Klijent",
|
||||
quote: "Sve pohvale i preporuke!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/airbnb-host-welcoming-guests_23-2149872045.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marko I.",
|
||||
role: "Klijent",
|
||||
quote: "Veoma profesionalni i ljubazni.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-people-using-laptop-meeting-coffee-shop_58466-16793.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ana T.",
|
||||
role: "Klijent",
|
||||
quote: "Najbolji vodoinstalateri u gradu.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-office_1301-649.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Iskustva"
|
||||
title="Šta kažu naši klijenti"
|
||||
description="Vaše zadovoljstvo nam je na prvom mestu."
|
||||
testimonials={[
|
||||
{ name: "Milica Božović", role: "Klijent", quote: "Odlična usluga! Stigli na vreme i rešili problem.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg" },
|
||||
{ name: "Nikola Simić", role: "Klijent", quote: "Dobra komunikacija, dogovor ispoštovan, sve pohvale.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/drawing-women-high-fiving_23-2147770093.jpg" },
|
||||
{ name: "Petar Obradovic", role: "Klijent", quote: "Sve pohvale i preporuke!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/airbnb-host-welcoming-guests_23-2149872045.jpg" },
|
||||
{ name: "Marko I.", role: "Klijent", quote: "Veoma profesionalni i ljubazni.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-people-using-laptop-meeting-coffee-shop_58466-16793.jpg" },
|
||||
{ name: "Ana T.", role: "Klijent", quote: "Najbolji vodoinstalateri u gradu.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-office_1301-649.jpg" },
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Pitanja"
|
||||
title="Česta pitanja"
|
||||
description="Saznajte više o našem radu."
|
||||
items={[
|
||||
{
|
||||
question: "Kada radite?",
|
||||
answer: "Dostupni smo 24/7 za sve vaše hitne potrebe.",
|
||||
},
|
||||
{
|
||||
question: "Koliko brzo dolazite?",
|
||||
answer: "Obično stižemo u najkraćem mogućem roku, zavisno od saobraćaja.",
|
||||
},
|
||||
{
|
||||
question: "Koja je cena usluga?",
|
||||
answer: "Cene se formiraju nakon besplatne procene kvara na licu mesta.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Pitanja"
|
||||
title="Česta pitanja"
|
||||
description="Saznajte više o našem radu."
|
||||
items={[
|
||||
{ question: "Kada radite?", answer: "Dostupni smo 24/7 za sve vaše hitne potrebe." },
|
||||
{ question: "Koliko brzo dolazite?", answer: "Obično stižemo u najkraćem mogućem roku, zavisno od saobraćaja." },
|
||||
{ question: "Koja je cena usluga?", answer: "Cene se formiraju nakon besplatne procene kvara na licu mesta." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Kontakt"
|
||||
text="Trebaju vam hitne vodoinstalaterske usluge? Pozovite nas odmah!"
|
||||
primaryButton={{
|
||||
text: "Pozovite: 062 8500 495",
|
||||
href: "tel:0628500495",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Pošalji poruku",
|
||||
href: "mailto:info@nmbeograd.rs",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Kontakt"
|
||||
text="Trebaju vam hitne vodoinstalaterske usluge? Pozovite nas odmah!"
|
||||
primaryButton={{ text: "Pozovite: 062 8500 495", href: "tel:0628500495" }}
|
||||
secondaryButton={{ text: "Pošalji poruku", href: "mailto:info@nmbeograd.rs" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user