Merge version_1_1782125059379 into main #1
@@ -7,86 +7,38 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
|
||||
|
||||
export default function Layout() {
|
||||
const navItems = [
|
||||
{
|
||||
"name": "O nama",
|
||||
"href": "#about"
|
||||
},
|
||||
{
|
||||
"name": "Usluge",
|
||||
"href": "#services"
|
||||
},
|
||||
{
|
||||
"name": "Cjenik",
|
||||
"href": "#pricing"
|
||||
},
|
||||
{
|
||||
"name": "Recenzije",
|
||||
"href": "#testimonials"
|
||||
},
|
||||
{
|
||||
"name": "Hero",
|
||||
"href": "#hero"
|
||||
},
|
||||
{
|
||||
"name": "Metrics",
|
||||
"href": "#metrics"
|
||||
},
|
||||
{
|
||||
"name": "Faq",
|
||||
"href": "#faq"
|
||||
}
|
||||
];
|
||||
{ name: "O nama", href: "#about" },
|
||||
{ name: "Usluge", href: "#services" },
|
||||
{ name: "Cjenik", href: "#pricing" },
|
||||
{ name: "Recenzije", href: "#testimonials" },
|
||||
{ name: "Hero", href: "#hero" },
|
||||
{ name: "Metrics", href: "#metrics" },
|
||||
{ name: "Faq", href: "#faq" }
|
||||
];
|
||||
|
||||
return (
|
||||
<StyleProvider buttonVariant="magnetic" siteBackground="noise" heroBackground="gradientBars">
|
||||
<SiteBackgroundSlot />
|
||||
<SectionErrorBoundary name="navbar">
|
||||
<NavbarFloatingLogo
|
||||
logo="Auto Centar Krsnik"
|
||||
ctaButton={{
|
||||
text: "Nazovite nas",
|
||||
href: "tel:0916024978",
|
||||
}}
|
||||
navItems={navItems} />
|
||||
logo="Auto Centar Krsnik"
|
||||
logoImageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=jbaayy"
|
||||
ctaButton={{ text: "Nazovite nas", href: "tel:0916024978" }}
|
||||
navItems={navItems}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
<main className="flex-grow">
|
||||
<Outlet />
|
||||
</main>
|
||||
<SectionErrorBoundary name="footer">
|
||||
<FooterBrand
|
||||
brand="Auto Centar Krsnik"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Virska ul. 1a, 10090, Zagreb",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "091 602 4978",
|
||||
href: "tel:0916024978",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Usluge",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Cjenik",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Recenzije",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
brand="Auto Centar Krsnik"
|
||||
columns={[
|
||||
{ items: [{ label: "Virska ul. 1a, 10090, Zagreb", href: "#" }, { label: "091 602 4978", href: "tel:0916024978" }] },
|
||||
{ items: [{ label: "Usluge", href: "#services" }, { label: "Cjenik", href: "#pricing" }, { label: "Recenzije", href: "#testimonials" }] }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</StyleProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -12,234 +12,115 @@ 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">
|
||||
<HeroOverlayMarquee
|
||||
tag="Najbolji automehaničar u Zagrebu"
|
||||
title="Vaše vozilo zaslužuje stručnu njegu"
|
||||
description="Auto Centar Krsnik pruža vrhunsku dijagnostiku, popravke i održavanje vaših vozila na jednom mjestu u Zagrebu."
|
||||
primaryButton={{
|
||||
text: "Nazovite nas",
|
||||
href: "tel:0916024978",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Naša lokacija",
|
||||
href: "#contact",
|
||||
}}
|
||||
items={[
|
||||
{
|
||||
text: "Dijagnostika vozila",
|
||||
icon: Wrench,
|
||||
},
|
||||
{
|
||||
text: "Dubinsko čišćenje",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
text: "Poliranje farova",
|
||||
icon: Sun,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/african-american-car-mechanic-with-face-mask-examining-engine-breakdown-workshop_637285-8620.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Najbolji automehaničar u Zagrebu"
|
||||
title="Vaše vozilo zaslužuje stručnu njegu"
|
||||
description="Auto Centar Krsnik pruža vrhunsku dijagnostiku, popravke i održavanje vaših vozila na jednom mjestu u Zagrebu."
|
||||
primaryButton={{ text: "Nazovite nas", href: "tel:0916024978" }}
|
||||
secondaryButton={{ text: "Naša lokacija", href: "#contact" }}
|
||||
items={[{ text: "Dijagnostika vozila", icon: Wrench }, { text: "Dubinsko čišćenje", icon: Sparkles }, { text: "Poliranje farova", icon: Sun }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/african-american-car-mechanic-with-face-mask-examining-engine-breakdown-workshop_637285-8620.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="Auto Centar Krsnik – Vaš pouzdan partner u održavanju vozila."
|
||||
primaryButton={{
|
||||
text: "Provjeri naše usluge",
|
||||
href: "#services",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Auto Centar Krsnik – Vaš pouzdan partner u održavanju vozila."
|
||||
primaryButton={{ text: "Provjeri naše usluge", href: "#services" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<div id="services" data-section="services">
|
||||
<SectionErrorBoundary name="services">
|
||||
<FeaturesMediaCards
|
||||
tag="Što nudimo"
|
||||
title="Kompletna briga o vašem automobilu"
|
||||
description="Naše usluge pokrivaju sve potrebe vašeg vozila, od preventivnog održavanja do najma i dubinskog čišćenja."
|
||||
items={[
|
||||
{
|
||||
title: "Dijagnostika",
|
||||
description: "Moderna računalna dijagnostika svih tipova motornih vozila.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-using-laptop-while-running-engine-diagnostic-repair-shop_637285-11553.jpg",
|
||||
},
|
||||
{
|
||||
title: "Poliranje farova",
|
||||
description: "Vratite sigurnost i vidljivost uz profesionalno poliranje.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg",
|
||||
},
|
||||
{
|
||||
title: "Dubinsko čišćenje",
|
||||
description: "Temeljito kemijsko čišćenje unutrašnjosti vozila do zadnjeg detalja.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318453.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Što nudimo"
|
||||
title="Kompletna briga o vašem automobilu"
|
||||
description="Naše usluge pokrivaju sve potrebe vašeg vozila, od preventivnog održavanja do najma i dubinskog čišćenja."
|
||||
items={[
|
||||
{ title: "Dijagnostika", description: "Moderna računalna dijagnostika svih tipova motornih vozila.", imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-using-laptop-while-running-engine-diagnostic-repair-shop_637285-11553.jpg" },
|
||||
{ title: "Poliranje farova", description: "Vratite sigurnost i vidljivost uz profesionalno poliranje.", imageSrc: "http://img.b2bpic.net/free-photo/headlights-car_1232-2141.jpg" },
|
||||
{ title: "Dubinsko čišćenje", description: "Temeljito kemijsko čišćenje unutrašnjosti vozila do zadnjeg detalja.", imageSrc: "http://img.b2bpic.net/free-photo/woman-cleaning-her-car-dashboard-with-rag_23-2150318453.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingCenteredCards
|
||||
tag="Cjenik"
|
||||
title="Transparentne cijene usluga"
|
||||
description="Kvalitetna usluga po pristupačnim cijenama za sigurnost vašeg vozila."
|
||||
plans={[
|
||||
{
|
||||
tag: "Osnovno",
|
||||
price: "od 50€",
|
||||
description: "Pregled i redovito održavanje",
|
||||
features: [
|
||||
"Pregled podvozja",
|
||||
"Zamjena ulja",
|
||||
"Dijagnostika",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Rezervirajte",
|
||||
href: "tel:0916024978",
|
||||
},
|
||||
},
|
||||
{
|
||||
tag: "Napredno",
|
||||
price: "od 120€",
|
||||
description: "Kompletan servis vozila",
|
||||
features: [
|
||||
"Veliki servis",
|
||||
"Čišćenje unutrašnjosti",
|
||||
"Poliranje farova",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Rezervirajte",
|
||||
href: "tel:0916024978",
|
||||
},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Cjenik"
|
||||
title="Transparentne cijene usluga"
|
||||
description="Kvalitetna usluga po pristupačnim cijenama za sigurnost vašeg vozila."
|
||||
plans={[
|
||||
{ tag: "Osnovno", price: "od 50€", description: "Pregled i redovito održavanje", features: ["Pregled podvozja", "Zamjena ulja", "Dijagnostika"], primaryButton: { text: "Rezervirajte", href: "tel:0916024978" } },
|
||||
{ tag: "Napredno", price: "od 120€", description: "Kompletan servis vozila", features: ["Veliki servis", "Čišćenje unutrašnjosti", "Poliranje farova"], primaryButton: { text: "Rezervirajte", href: "tel:0916024978" } }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsFeatureCards
|
||||
tag="Povjerenje"
|
||||
title="Naši rezultati u brojkama"
|
||||
description="Godine iskustva i tisuće zadovoljnih klijenata su naš najbolji dokaz kvalitete."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Godina iskustva",
|
||||
features: [
|
||||
"Stručnost",
|
||||
"Pouzdanost",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "5000+",
|
||||
title: "Popravljenih vozila",
|
||||
features: [
|
||||
"Dijagnostika",
|
||||
"Popravci",
|
||||
],
|
||||
},
|
||||
{
|
||||
value: "4.9/5",
|
||||
title: "Prosječna ocjena",
|
||||
features: [
|
||||
"Zadovoljstvo",
|
||||
"Kvaliteta",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Povjerenje"
|
||||
title="Naši rezultati u brojkama"
|
||||
description="Godine iskustva i tisuće zadovoljnih klijenata su naš najbolji dokaz kvalitete."
|
||||
metrics={[
|
||||
{ value: "15+", title: "Godina iskustva", features: ["Stručnost", "Pouzdanost"] },
|
||||
{ value: "5000+", title: "Popravljenih vozila", features: ["Dijagnostika", "Popravci"] },
|
||||
{ value: "4.9/5", title: "Prosječna ocjena", features: ["Zadovoljstvo", "Kvaliteta"] }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialColumnMarqueeCards
|
||||
tag="Recenzije"
|
||||
title="Što naši klijenti kažu"
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marko I.",
|
||||
role: "Vlasnik automobila",
|
||||
quote: "Brza dijagnostika i vrlo ljubazno osoblje. Svaka preporuka!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-showing-thumbs-up_1170-1235.jpg",
|
||||
},
|
||||
{
|
||||
name: "Ana K.",
|
||||
role: "Klijent",
|
||||
quote: "Auto Centar Krsnik je spasio moj auto nakon kvara na putu.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-mechanic-his-manager-working-touchpad-auto-repair-shop_637285-8672.jpg",
|
||||
},
|
||||
{
|
||||
name: "Ivan S.",
|
||||
role: "Dugogodišnji klijent",
|
||||
quote: "Profesionalnost na visokom nivou i uvijek fer cijene.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-talking-mobile-phone_1170-1192.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marija P.",
|
||||
role: "Klijent",
|
||||
quote: "Odlično obavljeno poliranje farova, auto izgleda kao nov.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg",
|
||||
},
|
||||
{
|
||||
name: "Tomislav B.",
|
||||
role: "Klijent",
|
||||
quote: "Najbolji servis u Zagrebu bez premca.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-explaining-quotation-customer_1170-1481.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Recenzije"
|
||||
title="Što naši klijenti kažu"
|
||||
description="Saznajte zašto su naši klijenti zadovoljni uslugom."
|
||||
testimonials={[
|
||||
{ name: "Marko I.", role: "Vlasnik automobila", quote: "Brza dijagnostika i vrlo ljubazno osoblje. Svaka preporuka!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-showing-thumbs-up_1170-1235.jpg" },
|
||||
{ name: "Ana K.", role: "Klijent", quote: "Auto Centar Krsnik je spasio moj auto nakon kvara na putu.", imageSrc: "http://img.b2bpic.net/free-photo/black-mechanic-his-manager-working-touchpad-auto-repair-shop_637285-8672.jpg" },
|
||||
{ name: "Ivan S.", role: "Dugogodišnji klijent", quote: "Profesionalnost na visokom nivou i uvijek fer cijene.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-mechanic-talking-mobile-phone_1170-1192.jpg" },
|
||||
{ name: "Marija P.", role: "Klijent", quote: "Odlično obavljeno poliranje farova, auto izgleda kao nov.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-couple-standing-together-doing-ok-gesture-with-hand-smiling-eye-looking-through-fingers-with-happy-face_839833-32832.jpg" },
|
||||
{ name: "Tomislav B.", role: "Klijent", quote: "Najbolji servis u Zagrebu bez premca.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-explaining-quotation-customer_1170-1481.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="Česta pitanja"
|
||||
title="Sve što trebate znati"
|
||||
items={[
|
||||
{
|
||||
question: "Koje je radno vrijeme?",
|
||||
answer: "Otvoreni smo do 16:00 sati svakim radnim danom.",
|
||||
},
|
||||
{
|
||||
question: "Gdje se nalazite?",
|
||||
answer: "Virska ul. 1a, 10090, Zagreb.",
|
||||
},
|
||||
{
|
||||
question: "Nudite li najam vozila?",
|
||||
answer: "Da, nudimo najam vozila sa ili bez vozača.",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Česta pitanja"
|
||||
title="Sve što trebate znati"
|
||||
description="Ovdje pronađite odgovore na najčešća pitanja o našem servisu."
|
||||
items={[
|
||||
{ question: "Koje je radno vrijeme?", answer: "Otvoreni smo do 16:00 sati svakim radnim danom." },
|
||||
{ question: "Gdje se nalazite?", answer: "Virska ul. 1a, 10090, Zagreb." },
|
||||
{ question: "Nudite li najam vozila?", answer: "Da, nudimo najam vozila sa ili bez vozača." }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Kontaktirajte nas"
|
||||
text="Trebate popravak ili savjet? Nazovite nas odmah ili posjetite našu radionicu u Zagrebu."
|
||||
primaryButton={{
|
||||
text: "Nazovite nas",
|
||||
href: "tel:0916024978",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Put do nas",
|
||||
href: "https://maps.google.com",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Kontaktirajte nas"
|
||||
text="Trebate popravak ili savjet? Nazovite nas odmah ili posjetite našu radionicu u Zagrebu."
|
||||
primaryButton={{ text: "Nazovite nas", href: "tel:0916024978" }}
|
||||
secondaryButton={{ text: "Put do nas", href: "https://maps.google.com" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user