Update src/app/page.tsx
This commit is contained in:
218
src/app/page.tsx
218
src/app/page.tsx
@@ -32,58 +32,38 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Start",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Start", id: "#hero"},
|
||||
{
|
||||
name: "Koncept",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Koncept", id: "#about"},
|
||||
{
|
||||
name: "Reference",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Reference", id: "#testimonials"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Kontakt", id: "#contact"},
|
||||
]}
|
||||
brandName="SmartEcoCleaning"
|
||||
button={{ text: "Kontakt" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Pametno i zeleno čišćenje"
|
||||
description="Inteligentna i održiva rješenja za čišćenje – za čistu budućnost."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plant-shop-owner-cleaning-leaf-potted-plant_53876-128885.jpg?_wi=1",
|
||||
imageAlt: "Sustainable cleaning professional",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plant-shop-owner-cleaning-leaf-potted-plant_53876-128885.jpg", imageAlt: "Sustainable cleaning professional"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup_74190-2408.jpg?_wi=1",
|
||||
imageAlt: "Clean surface concept",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup_74190-2408.jpg", imageAlt: "Clean surface concept"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-getting-consoled-by-colleagues-after-being-fired-leaving-office_482257-126635.jpg?_wi=1",
|
||||
imageAlt: "Office cleaning service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-getting-consoled-by-colleagues-after-being-fired-leaving-office_482257-126635.jpg", imageAlt: "Office cleaning service"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-doing-day-day-activity-while-waring-string-finger-remember-something-important_23-2151062316.jpg",
|
||||
imageAlt: "Sustainable cleaning professional",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-doing-day-day-activity-while-waring-string-finger-remember-something-important_23-2151062316.jpg", imageAlt: "Sustainable cleaning professional"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-sitting-outdoors_23-2149708074.jpg",
|
||||
imageAlt: "Clean surface concept",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-woman-sitting-outdoors_23-2149708074.jpg", imageAlt: "Clean surface concept"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teamwork-environment-project_23-2148894025.jpg",
|
||||
imageAlt: "Office cleaning service",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teamwork-environment-project_23-2148894025.jpg", imageAlt: "Office cleaning service"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -96,19 +76,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Godina iskustva",
|
||||
value: "35+",
|
||||
},
|
||||
label: "Godina iskustva", value: "35+"},
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Zelena rješenja",
|
||||
value: "100%",
|
||||
},
|
||||
label: "Zelena rješenja", value: "100%"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Zadovoljnih klijenata",
|
||||
value: "500+",
|
||||
},
|
||||
label: "Zadovoljnih klijenata", value: "500+"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -120,23 +94,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Privatni korisnici",
|
||||
description: "Personalizirana rješenja za vaš dom uz potpunu ekološku sigurnost.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-housewife-with-facemask-holding-mop-with-happy-expression-white-wall_114579-49501.jpg?_wi=1",
|
||||
imageAlt: "Home cleaning",
|
||||
},
|
||||
title: "Privatni korisnici", description: "Personalizirana rješenja za vaš dom uz potpunu ekološku sigurnost.", imageSrc: "http://img.b2bpic.net/free-photo/young-housewife-with-facemask-holding-mop-with-happy-expression-white-wall_114579-49501.jpg", imageAlt: "Home cleaning"},
|
||||
{
|
||||
title: "Poslovni klijenti",
|
||||
description: "Napredna tehnologija za urede i industrijske pogone.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150359015.jpg",
|
||||
imageAlt: "Office cleaning",
|
||||
},
|
||||
title: "Poslovni klijenti", description: "Napredna tehnologija za urede i industrijske pogone.", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150359015.jpg", imageAlt: "Office cleaning"},
|
||||
{
|
||||
title: "Održivi koncepti",
|
||||
description: "Holistički pristup čišćenju s fokusom na dugoročnu čistoću.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-professional-cleaning-service_52683-120025.jpg",
|
||||
imageAlt: "Eco-friendly approach",
|
||||
},
|
||||
title: "Održivi koncepti", description: "Holistički pristup čišćenju s fokusom na dugoročnu čistoću.", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-professional-cleaning-service_52683-120025.jpg", imageAlt: "Eco-friendly approach"},
|
||||
]}
|
||||
title="Naše usluge"
|
||||
description="Učinkovito, ekološki i bez kemikalija – rješenja po mjeri za privatne i poslovne korisnike."
|
||||
@@ -151,47 +113,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "EcoSpray Basic",
|
||||
price: "15,00 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-zero-waste-composition-wooden-background_23-2148491205.jpg?_wi=1",
|
||||
imageAlt: "Eco product",
|
||||
},
|
||||
id: "p1", name: "EcoSpray Basic", price: "15,00 €", imageSrc: "http://img.b2bpic.net/free-photo/top-view-zero-waste-composition-wooden-background_23-2148491205.jpg", imageAlt: "Eco product"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "GreenClean Pro",
|
||||
price: "22,50 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eco-cleaning-products-skincare_23-2148811620.jpg",
|
||||
imageAlt: "Eco product",
|
||||
},
|
||||
id: "p2", name: "GreenClean Pro", price: "22,50 €", imageSrc: "http://img.b2bpic.net/free-photo/eco-cleaning-products-skincare_23-2148811620.jpg", imageAlt: "Eco product"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "SmartFloor Care",
|
||||
price: "18,90 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecological-cleaning-products-concept_23-2148781922.jpg",
|
||||
imageAlt: "Eco product",
|
||||
},
|
||||
id: "p3", name: "SmartFloor Care", price: "18,90 €", imageSrc: "http://img.b2bpic.net/free-photo/ecological-cleaning-products-concept_23-2148781922.jpg", imageAlt: "Eco product"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "BioWash Ultra",
|
||||
price: "25,00 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-dry-shampoo_23-2150704921.jpg",
|
||||
imageAlt: "Eco product",
|
||||
},
|
||||
id: "p4", name: "BioWash Ultra", price: "25,00 €", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-holding-dry-shampoo_23-2150704921.jpg", imageAlt: "Eco product"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "PureSurface 1L",
|
||||
price: "12,90 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-with-spray-copy-space_23-2148295621.jpg",
|
||||
imageAlt: "Eco product",
|
||||
},
|
||||
id: "p5", name: "PureSurface 1L", price: "12,90 €", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-with-spray-copy-space_23-2148295621.jpg", imageAlt: "Eco product"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "EcoRefill Pack",
|
||||
price: "30,00 €",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecologiacal-products-concept-with-copy-space_23-2148781891.jpg",
|
||||
imageAlt: "Eco product",
|
||||
},
|
||||
id: "p6", name: "EcoRefill Pack", price: "30,00 €", imageSrc: "http://img.b2bpic.net/free-photo/ecologiacal-products-concept-with-copy-space_23-2148781891.jpg", imageAlt: "Eco product"},
|
||||
]}
|
||||
title="Naši proizvodi"
|
||||
description="Otkrijte naše profesionalne linije proizvoda za beskompromisnu čistoću."
|
||||
@@ -204,60 +136,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ana Marković",
|
||||
date: "2025-01-10",
|
||||
title: "Direktorica tvrtke",
|
||||
quote: "Iznimna profesionalnost i ekološki pristup koji nas je oduševio.",
|
||||
tag: "Poslovni klijent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405425.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plant-shop-owner-cleaning-leaf-potted-plant_53876-128885.jpg?_wi=2",
|
||||
imageAlt: "business client professional",
|
||||
},
|
||||
id: "1", name: "Ana Marković", date: "2025-01-10", title: "Direktorica tvrtke", quote: "Iznimna profesionalnost i ekološki pristup koji nas je oduševio.", tag: "Poslovni klijent", avatarSrc: "http://img.b2bpic.net/free-photo/people-practicing-social-integration-workspace_23-2149405425.jpg", imageSrc: "http://img.b2bpic.net/free-photo/plant-shop-owner-cleaning-leaf-potted-plant_53876-128885.jpg", imageAlt: "business client professional"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ivan Horvat",
|
||||
date: "2025-02-15",
|
||||
title: "Vlasnik kuće",
|
||||
quote: "Napokon rješenje koje je sigurno za moju obitelj i kućne ljubimce.",
|
||||
tag: "Privatni korisnik",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/business-meeting-cafe_53876-25147.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup_74190-2408.jpg?_wi=2",
|
||||
imageAlt: "business client professional",
|
||||
},
|
||||
id: "2", name: "Ivan Horvat", date: "2025-02-15", title: "Vlasnik kuće", quote: "Napokon rješenje koje je sigurno za moju obitelj i kućne ljubimce.", tag: "Privatni korisnik", avatarSrc: "http://img.b2bpic.net/free-photo/business-meeting-cafe_53876-25147.jpg", imageSrc: "http://img.b2bpic.net/free-photo/white-coffee-cup_74190-2408.jpg", imageAlt: "business client professional"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maja Stanić",
|
||||
date: "2025-03-05",
|
||||
title: "Voditeljica ureda",
|
||||
quote: "SmartEcoCleaning je naš dugogodišnji partner od povjerenja.",
|
||||
tag: "Poslovni klijent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/business-person-training-beginner-internship_23-2149335477.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-getting-consoled-by-colleagues-after-being-fired-leaving-office_482257-126635.jpg?_wi=2",
|
||||
imageAlt: "business client professional",
|
||||
},
|
||||
id: "3", name: "Maja Stanić", date: "2025-03-05", title: "Voditeljica ureda", quote: "SmartEcoCleaning je naš dugogodišnji partner od povjerenja.", tag: "Poslovni klijent", avatarSrc: "http://img.b2bpic.net/free-photo/business-person-training-beginner-internship_23-2149335477.jpg", imageSrc: "http://img.b2bpic.net/free-photo/employee-getting-consoled-by-colleagues-after-being-fired-leaving-office_482257-126635.jpg", imageAlt: "business client professional"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Petar Jurić",
|
||||
date: "2025-03-20",
|
||||
title: "Menadžer",
|
||||
quote: "Najbolji omjer cijene i kvalitete uz vrhunsku ekološku osviještenost.",
|
||||
tag: "Poslovni klijent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/interracial-colleagues-shaking-hands_23-2148349949.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-housewife-with-facemask-holding-mop-with-happy-expression-white-wall_114579-49501.jpg?_wi=2",
|
||||
imageAlt: "business client professional",
|
||||
},
|
||||
id: "4", name: "Petar Jurić", date: "2025-03-20", title: "Menadžer", quote: "Najbolji omjer cijene i kvalitete uz vrhunsku ekološku osviještenost.", tag: "Poslovni klijent", avatarSrc: "http://img.b2bpic.net/free-photo/interracial-colleagues-shaking-hands_23-2148349949.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-housewife-with-facemask-holding-mop-with-happy-expression-white-wall_114579-49501.jpg", imageAlt: "business client professional"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ivana Lucić",
|
||||
date: "2025-04-01",
|
||||
title: "Domaćica",
|
||||
quote: "Sve pohvale za brzinu i učinkovitost njihovih usluga.",
|
||||
tag: "Privatni korisnik",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/happy-woman-getting-her-hands-disinfected-cafe_637285-8082.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-zero-waste-composition-wooden-background_23-2148491205.jpg?_wi=2",
|
||||
imageAlt: "business client professional",
|
||||
},
|
||||
id: "5", name: "Ivana Lucić", date: "2025-04-01", title: "Domaćica", quote: "Sve pohvale za brzinu i učinkovitost njihovih usluga.", tag: "Privatni korisnik", avatarSrc: "http://img.b2bpic.net/free-photo/happy-woman-getting-her-hands-disinfected-cafe_637285-8082.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-zero-waste-composition-wooden-background_23-2148491205.jpg", imageAlt: "business client professional"},
|
||||
]}
|
||||
title="Što kažu naši klijenti"
|
||||
description="Povjerenje gradimo kvalitetom i održivošću."
|
||||
@@ -270,30 +157,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Jesu li vaši proizvodi sigurni?",
|
||||
content: "Da, svi naši proizvodi su 100% ekološki i sigurni za ljude i okoliš.",
|
||||
},
|
||||
id: "q1", title: "Jesu li vaši proizvodi sigurni?", content: "Da, svi naši proizvodi su 100% ekološki i sigurni za ljude i okoliš."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Radite li s poslovnim korisnicima?",
|
||||
content: "Da, specijalizirani smo za poslovne objekte svih veličina.",
|
||||
},
|
||||
id: "q2", title: "Radite li s poslovnim korisnicima?", content: "Da, specijalizirani smo za poslovne objekte svih veličina."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Kako se mogu naručiti?",
|
||||
content: "Jednostavno nas kontaktirajte putem kontakt obrasca ili telefona.",
|
||||
},
|
||||
id: "q3", title: "Kako se mogu naručiti?", content: "Jednostavno nas kontaktirajte putem kontakt obrasca ili telefona."},
|
||||
{
|
||||
id: "q4",
|
||||
title: "Što je zeleno čišćenje?",
|
||||
content: "To je pristup čišćenju bez agresivnih kemikalija.",
|
||||
},
|
||||
id: "q4", title: "Što je zeleno čišćenje?", content: "To je pristup čišćenju bez agresivnih kemikalija."},
|
||||
{
|
||||
id: "q5",
|
||||
title: "Koja je cijena?",
|
||||
content: "Cijene ovise o obujmu i tipu usluge, za ponudu nas kontaktirajte.",
|
||||
},
|
||||
id: "q5", title: "Koja je cijena?", content: "Cijene ovise o obujmu i tipu usluge, za ponudu nas kontaktirajte."},
|
||||
]}
|
||||
title="Česta pitanja"
|
||||
description="Sve što vas zanima o našim uslugama i konceptima."
|
||||
@@ -308,22 +180,14 @@ export default function LandingPage() {
|
||||
description="Saznajte kako možemo unaprijediti vaš prostor."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Vaše ime",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Vaše ime", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Vaša email adresa",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Vaša email adresa", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Vaša poruka",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Vaša poruka", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/workplace-with-laptop-cleaning-products-flat-lay_169016-23965.jpg"
|
||||
/>
|
||||
@@ -333,13 +197,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="SmartEcoCleaning"
|
||||
leftLink={{
|
||||
text: "Terms of Sale",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Sale", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Kontakt",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Kontakt", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user