1 Commits

Author SHA1 Message Date
d7dafabb30 Update src/app/page.tsx 2026-05-14 15:08:07 +00:00

View File

@@ -31,21 +31,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay <NavbarLayoutFloatingOverlay
navItems={[ navItems={[
{ {
name: "Home", name: "Naslovna", id: "hero"},
id: "hero",
},
{ {
name: "About", name: "O nama", id: "about"},
id: "about",
},
{ {
name: "Services", name: "Usluge", id: "features"},
id: "features",
},
{ {
name: "Contact", name: "Kontakt", id: "contact"},
id: "contact",
},
]} ]}
brandName="Brane Grijanje" brandName="Brane Grijanje"
/> />
@@ -54,77 +46,38 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplitKpi <HeroSplitKpi
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}} title="Stručna HVAC i rješenja za grijanje u Rijeci"
title="Expert HVAC & Heating Solutions in Rijeka" description="Profesionalna instalacija i održavanje sustava grijanja, plina, vode i hlađenja. Pouzdana izvedba za stambene i poslovne objekte."
description="Professional installation and maintenance of heating, gas, water, and cooling systems. Reliable craftsmanship for residential and commercial properties."
kpis={[ kpis={[
{ {
value: "15+", value: "15+", label: "Godina iskustva"},
label: "Years Experience",
},
{ {
value: "1000+", value: "1000+", label: "Završenih projekata"},
label: "Projects Completed",
},
{ {
value: "24/7", value: "24/7", label: "Podrška"},
label: "Dedicated Support",
},
]} ]}
enableKpiAnimation={true} enableKpiAnimation={true}
buttons={[ buttons={[
{ {
text: "Contact Us", text: "Kontaktirajte nas", href: "#contact"},
href: "#contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/team-working-with-manometers_482257-75920.jpg" imageSrc="http://img.b2bpic.net/free-photo/team-working-with-manometers_482257-75920.jpg"
mediaAnimation="slide-up" mediaAnimation="slide-up"
imageAlt="hvac installation technician" imageAlt="hvac installation technician"
avatars={[ avatars={[
{ { src: "http://img.b2bpic.net/free-photo/serviceman-arriving-help-apprentice_482257-85127.jpg", alt: "Serviceman arriving to help apprentice" },
src: "http://img.b2bpic.net/free-photo/serviceman-arriving-help-apprentice_482257-85127.jpg", { src: "http://img.b2bpic.net/free-photo/meticulous-workers-diverse-team-doing-routine-air-conditioner-revision-assembling-manometers-competent-mechanics-checking-hvac-system-freon-leaks-leading-bad-cooling_482257-63970.jpg", alt: "Meticulous workers diverse team doing routine air conditioner revision" },
alt: "Serviceman arriving to help apprentice", { src: "http://img.b2bpic.net/free-photo/expert-wireman-works-air-conditioner_482257-80225.jpg", alt: "Expert wireman works on air conditioner" },
}, { src: "http://img.b2bpic.net/free-photo/workers-using-hvac-manifold-indicators_482257-92534.jpg", alt: "Workers using hvac manifold indicators" },
{ { src: "http://img.b2bpic.net/free-photo/expert-repairman-doing-condenser-investigations-filter-replacements-necessary-fixes-prevent-major-breakdowns-proficient-worker-checking-up-hvac-system-writing-findings-clipboard_482257-65742.jpg", alt: "Expert repairman doing condenser investigations" },
src: "http://img.b2bpic.net/free-photo/meticulous-workers-diverse-team-doing-routine-air-conditioner-revision-assembling-manometers-competent-mechanics-checking-hvac-system-freon-leaks-leading-bad-cooling_482257-63970.jpg",
alt: "Meticulous workers diverse team doing routine air conditioner revision",
},
{
src: "http://img.b2bpic.net/free-photo/expert-wireman-works-air-conditioner_482257-80225.jpg",
alt: "Expert wireman works on air conditioner",
},
{
src: "http://img.b2bpic.net/free-photo/workers-using-hvac-manifold-indicators_482257-92534.jpg",
alt: "Workers using hvac manifold indicators",
},
{
src: "http://img.b2bpic.net/free-photo/expert-repairman-doing-condenser-investigations-filter-replacements-necessary-fixes-prevent-major-breakdowns-proficient-worker-checking-up-hvac-system-writing-findings-clipboard_482257-65742.jpg",
alt: "Expert repairman doing condenser investigations",
},
]} ]}
marqueeItems={[ marqueeItems={[
{ { type: "text", text: "Zajamčena kvaliteta" },
type: "text", { type: "text", text: "Brza usluga" },
text: "Quality Guaranteed", { type: "text", text: "Energetska učinkovitost" },
}, { type: "text", text: "Stručni tim" },
{ { type: "text", text: "Ovlašteni partner" },
type: "text",
text: "Fast Turnaround",
},
{
type: "text",
text: "Energy Efficient",
},
{
type: "text",
text: "Expert Team",
},
{
type: "text",
text: "Certified Partner",
},
]} ]}
/> />
</div> </div>
@@ -132,11 +85,9 @@ export default function LandingPage() {
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextSplitAbout <TextSplitAbout
useInvertedBackground={false} useInvertedBackground={false}
title="Dedicated to Your Comfort" title="Posvećeni vašoj udobnosti"
description={[ description={[
"Brane grijanje d.o.o. provides comprehensive HVAC solutions across Rijeka. With a focus on energy efficiency and long-term reliability, our expert team ensures your home or business remains perfectly comfortable in every season.", "Brane grijanje d.o.o. pruža sveobuhvatna HVAC rješenja širom Rijeke. S fokusom na energetsku učinkovitost i dugoročnu pouzdanost, naš stručni tim osigurava da vaš dom ili poslovni prostor ostane savršeno udoban u svako godišnje doba.", "Naša reputacija izgrađena je na stručnoj izvedbi, transparentnoj komunikaciji i pažnji prema detaljima. Vodimo naše klijente kroz svaki korak—od početne procjene do besprijekorne instalacije i tekućeg održavanja."]}
"Our reputation is built on expert craftsmanship, transparent communication, and meticulous attention to detail. We guide our clients through every step—from initial assessment to flawless installation and ongoing maintenance.",
]}
/> />
</div> </div>
@@ -147,72 +98,35 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
id: "1", id: "1", label: "Plin i grijanje", title: "Napredni sustavi grijanja", items: ["Projekti plinskih instalacija", "Dizajn centralnog grijanja", "Održavanje bojlera"],
label: "Gas & Heating",
title: "Advanced Heating Systems",
items: [
"Gas installation projects",
"Central heating design",
"Boiler maintenance",
],
}, },
{ {
id: "2", id: "2", label: "Kontrola klime", title: "Klimatizacija", items: ["Instalacija novih sustava", "Redovno održavanje", "Energetski učinkoviti klima uređaji"],
label: "Climate Control",
title: "Air Conditioning",
items: [
"New system installation",
"Regular maintenance",
"Energy efficient AC",
],
}, },
{ {
id: "3", id: "3", label: "Rješenja za udobnost", title: "Podno grijanje", items: ["Moderne instalacije", "Sustavi za uštedu energije", "Savršena distribucija topline"],
label: "Comfort Solutions",
title: "Underfloor Heating",
items: [
"Modern installations",
"Energy saving systems",
"Perfect heat distribution",
],
}, },
{ {
id: "4", id: "4", label: "Vodoinstalacije", title: "Instalacije vode", items: ["Projektiranje vodovodnih mreža", "Održavanje i popravci", "Pouzdan vodoopskrbni sustav"],
label: "Plumbing",
title: "Water Installations",
items: [
"Complete piping design",
"Maintenance and repairs",
"Reliable water supply",
],
}, },
]} ]}
title="Comprehensive HVAC & Plumbing Services" title="Sveobuhvatne HVAC i vodoinstalaterske usluge"
description="We deliver high-quality, energy-efficient solutions designed to last." description="Pružamo visokokvalitetna, energetski učinkovita rješenja dizajnirana da traju."
/> />
</div> </div>
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardFourteen <MetricCardFourteen
useInvertedBackground={false} useInvertedBackground={false}
title="Our Professional Reach" title="Naš profesionalni doseg"
tag="Efficiency Metrics" tag="Metrika učinkovitosti"
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "98%", description: "Zadovoljstvo korisnika"},
value: "98%",
description: "Customer Satisfaction",
},
{ {
id: "m2", id: "m2", value: "450+", description: "Instalacija godišnje"},
value: "450+",
description: "Installations Per Year",
},
{ {
id: "m3", id: "m3", value: "12", description: "Stručnih tehničara"},
value: "12",
description: "Expert Technicians",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -225,49 +139,24 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Ivan Horvat", handle: "@ivan.horvat", testimonial: "Iznimna usluga. Savršeno su instalirali podno grijanje.", rating: 5,
name: "Ivan Horvat", imageSrc: "http://img.b2bpic.net/free-photo/home-cozy-interior-room-with-books-dried-flowers-vase_169016-4244.jpg"},
handle: "@ivan.horvat",
testimonial: "Exceptional service. They installed my underfloor heating perfectly.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/home-cozy-interior-room-with-books-dried-flowers-vase_169016-4244.jpg",
},
{ {
id: "2", id: "2", name: "Marija Barić", handle: "@marija.b", testimonial: "Preporučujem za ugradnju klima. Pouzdani, brzi i vrlo profesionalni.", rating: 5,
name: "Marija Barić", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-safety-helmet-giving-hand-shake_23-2148242884.jpg"},
handle: "@marija.b",
testimonial: "Highly recommended for AC installation. Reliable, fast, and very professional.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-safety-helmet-giving-hand-shake_23-2148242884.jpg",
},
{ {
id: "3", id: "3", name: "Tomislav Jurić", handle: "@tjuric", testimonial: "Izvrstan omjer cijene i kvalitete. Izvrsni savjeti.", rating: 5,
name: "Tomislav Jurić", imageSrc: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg"},
handle: "@tjuric",
testimonial: "Excellent price-to-quality ratio. Great advice.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-waving-hand-outside_23-2149447136.jpg",
},
{ {
id: "4", id: "4", name: "Ana Kovač", handle: "@ana.kovac", testimonial: "Stvarno stručni. Jasno su objasnili svaki detalj.", rating: 5,
name: "Ana Kovač", imageSrc: "http://img.b2bpic.net/free-photo/civil-engineer-construction-architecture-worker-are-working-construction-site-with-tablet-blueprints-planing-about-new-construction-sitecooperation-teamwork-concept_640221-306.jpg"},
handle: "@ana.kovac",
testimonial: "Truly knowledgeable. They explained every detail clearly.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/civil-engineer-construction-architecture-worker-are-working-construction-site-with-tablet-blueprints-planing-about-new-construction-sitecooperation-teamwork-concept_640221-306.jpg",
},
{ {
id: "5", id: "5", name: "Petar Milić", handle: "@petar.m", testimonial: "Pouzdani stručnjaci za grijanje. Njihova usluga je napravila veliku razliku.", rating: 5,
name: "Petar Milić", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-man-cafe-listens-music-wireless-earphones-holding-smartphone_1258-314175.jpg"},
handle: "@petar.m",
testimonial: "Dependable heating experts. Their service made a massive difference.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-happy-man-cafe-listens-music-wireless-earphones-holding-smartphone_1258-314175.jpg",
},
]} ]}
showRating={true} showRating={true}
title="What Our Clients Say" title="Što kažu naši klijenti"
description="Trusted by home and business owners throughout Rijeka." description="Vjeruju nam vlasnici kuća i tvrtki širom Rijeke."
/> />
</div> </div>
@@ -277,23 +166,14 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "Pružate li hitne popravke HVAC sustava?", content: "Da, prioritet dajemo hitnim uslugama za naše postojeće klijente."},
title: "Do you provide emergency HVAC repairs?",
content: "Yes, we prioritize emergency services for our existing clients.",
},
{ {
id: "f2", id: "f2", title: "Koja područja pokrivate u Rijeci?", content: "Pružamo usluge na području cijele Rijeke i okolice."},
title: "Which areas do you cover in Rijeka?",
content: "We provide services throughout Rijeka and the surrounding region.",
},
{ {
id: "f3", id: "f3", title: "Jesu li vaša rješenja za grijanje energetski učinkovita?", content: "Apsolutno. Specijalizirani smo za modernu, energetski učinkovitu tehnologiju."},
title: "Are your heating solutions energy-efficient?",
content: "Absolutely. We specialize in modern, energy-efficient technology.",
},
]} ]}
title="Frequently Asked Questions" title="Često postavljana pitanja"
description="Answers to common concerns about our heating and installation services." description="Odgovori na uobičajena pitanja o našim uslugama grijanja i instalacije."
faqsAnimation="slide-up" faqsAnimation="slide-up"
/> />
</div> </div>
@@ -302,11 +182,10 @@ export default function LandingPage() {
<ContactCenter <ContactCenter
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}} tag="Razgovarajmo"
tag="Let's Talk" title="Započnite svoj projekt instalacije danas"
title="Start Your Installation Project Today" description="Kontaktirajte BRANE GRIJANJE d.o.o. za profesionalna rješenja grijanja, hlađenja, plina i vodoinstalacija."
description="Contact BRANE GRIJANJE d.o.o. for professional heating, cooling, gas, and plumbing solutions."
/> />
</div> </div>
@@ -314,47 +193,32 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Company", title: "Tvrtka", items: [
items: [
{ {
label: "About", label: "O nama", href: "#about"},
href: "#about",
},
{ {
label: "Services", label: "Usluge", href: "#features"},
href: "#features",
},
], ],
}, },
{ {
title: "Contact", title: "Kontakt", items: [
items: [
{ {
label: "Get Quote", label: "Zatražite ponudu", href: "#contact"},
href: "#contact",
},
{ {
label: "Support", label: "Podrška", href: "#contact"},
href: "#contact",
},
], ],
}, },
{ {
title: "Legal", title: "Pravno", items: [
items: [
{ {
label: "Privacy Policy", label: "Politika privatnosti", href: "#"},
href: "#",
},
{ {
label: "Terms of Use", label: "Uvjeti korištenja", href: "#"},
href: "#",
},
], ],
}, },
]} ]}
logoText="BRANE GRIJANJE d.o.o." logoText="BRANE GRIJANJE d.o.o."
copyrightText="© 2025 Brane Grijanje d.o.o. All rights reserved." copyrightText="© 2025 Brane Grijanje d.o.o. Sva prava pridržana."
/> />
</div> </div>
</ReactLenis> </ReactLenis>