Merge version_1 into main #2
231
src/app/page.tsx
231
src/app/page.tsx
@@ -31,68 +31,43 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Gallery", id: "gallery"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Clean Bazeni"
|
||||
button={{
|
||||
text: "Zatražite ponudu",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Zatražite ponudu", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Premium Bazeni za Vaš Dom"
|
||||
description="Vrhunska gradnja i održavanje bazena uz fokus na eleganciju, kvalitet i dugotrajnost."
|
||||
buttons={[
|
||||
{
|
||||
text: "Zatražite ponudu",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Zatražite ponudu", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/design-house-modern-villa-with-open-plan-living-private-bedroom-wing-large-terrace-with-privacy_1258-170466.jpg?_wi=1",
|
||||
imageAlt: "Luxurious pool",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/design-house-modern-villa-with-open-plan-living-private-bedroom-wing-large-terrace-with-privacy_1258-170466.jpg", imageAlt: "Luxurious pool"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-pool-villa-spectacular-contemporary-design-digital-art-real-estate-home-house-property-ge_1258-150757.jpg",
|
||||
imageAlt: "Pool view 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-pool-villa-spectacular-contemporary-design-digital-art-real-estate-home-house-property-ge_1258-150757.jpg", imageAlt: "Pool view 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-beach-front-hotel-resort-with-swimming-pool-paradise-destination-vacations-ge_1258-150766.jpg",
|
||||
imageAlt: "Pool view 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-beach-front-hotel-resort-with-swimming-pool-paradise-destination-vacations-ge_1258-150766.jpg", imageAlt: "Pool view 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8484.jpg",
|
||||
imageAlt: "Pool view 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8484.jpg", imageAlt: "Pool view 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stair-swimming-pool-beautiful-luxury-hotel-pool-resort_1339-5450.jpg",
|
||||
imageAlt: "Pool view 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stair-swimming-pool-beautiful-luxury-hotel-pool-resort_1339-5450.jpg", imageAlt: "Pool view 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pool-view-from_1203-1186.jpg",
|
||||
imageAlt: "Pool view 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pool-view-from_1203-1186.jpg", imageAlt: "Pool view 5"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -103,7 +78,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Stručnost i Kvalitet"
|
||||
description="Clean Bazeni je vaš pouzdan partner u izgradnji i održavanju premium bazena. Naš fokus je na besprijekornom dizajnu, najsavremenijim tehničkim rješenjima i dugotrajnom uživanju u vašem bazenu."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/engineers-with-helmets-standing-by-factory_1157-35526.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/engineers-with-helmets-standing-by-factory_1157-35526.jpg"
|
||||
imageAlt="Construction and maintenance"
|
||||
/>
|
||||
</div>
|
||||
@@ -114,29 +89,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Izgradnja",
|
||||
title: "Gradnja Bazen",
|
||||
subtitle: "Premium bazeni",
|
||||
description: "Dizajn i izgradnja bazena po vašim željama.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg",
|
||||
imageAlt: "beach chair in resort",
|
||||
},
|
||||
tag: "Izgradnja", title: "Gradnja Bazen", subtitle: "Premium bazeni", description: "Dizajn i izgradnja bazena po vašim željama.", imageSrc: "http://img.b2bpic.net/free-photo/beach-chair-resort_1150-17976.jpg", imageAlt: "beach chair in resort"},
|
||||
{
|
||||
tag: "Održavanje",
|
||||
title: "Redovno Održavanje",
|
||||
subtitle: "Sve pod kontrolom",
|
||||
description: "Kompletna briga o hemiji i tehnici vode.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/design-house-modern-villa-with-open-plan-living-private-bedroom-wing-large-terrace-with-privacy_1258-170466.jpg?_wi=2",
|
||||
imageAlt: "beach chair in resort",
|
||||
},
|
||||
tag: "Održavanje", title: "Redovno Održavanje", subtitle: "Sve pod kontrolom", description: "Kompletna briga o hemiji i tehnici vode.", imageSrc: "http://img.b2bpic.net/free-photo/design-house-modern-villa-with-open-plan-living-private-bedroom-wing-large-terrace-with-privacy_1258-170466.jpg", imageAlt: "beach chair in resort"},
|
||||
{
|
||||
tag: "Čišćenje",
|
||||
title: "Profesionalno Čišćenje",
|
||||
subtitle: "Kristalna voda",
|
||||
description: "Dubinsko čišćenje i tretman bazena.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/engineers-with-helmets-standing-by-factory_1157-35526.jpg?_wi=2",
|
||||
imageAlt: "beach chair in resort",
|
||||
},
|
||||
tag: "Čišćenje", title: "Profesionalno Čišćenje", subtitle: "Kristalna voda", description: "Dubinsko čišćenje i tretman bazena.", imageSrc: "http://img.b2bpic.net/free-photo/engineers-with-helmets-standing-by-factory_1157-35526.jpg", imageAlt: "beach chair in resort"},
|
||||
]}
|
||||
title="Naše Usluge"
|
||||
description="Pružamo kompletna rješenja za sve potrebe vašeg bazena."
|
||||
@@ -151,53 +108,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Moderan porodični bazen",
|
||||
price: "Luksuz",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7876.jpg",
|
||||
brand: "Clean Bazeni",
|
||||
},
|
||||
id: "1", name: "Moderan porodični bazen", price: "Luksuz", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool-with-umbrella-chair-lounge-around-there-leisure-travel_74190-7876.jpg", brand: "Clean Bazeni"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Infinity Edge Bazen",
|
||||
price: "Premium",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-smile-happy-relax-around-swimming-pool-hotel-resort-leisure_74190-8645.jpg",
|
||||
brand: "Clean Bazeni",
|
||||
},
|
||||
id: "2", name: "Infinity Edge Bazen", price: "Premium", rating: 5,
|
||||
reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-smile-happy-relax-around-swimming-pool-hotel-resort-leisure_74190-8645.jpg", brand: "Clean Bazeni"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Bazen sa terasom",
|
||||
price: "Elegant",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pool-water-background_74190-3689.jpg",
|
||||
brand: "Clean Bazeni",
|
||||
},
|
||||
id: "3", name: "Bazen sa terasom", price: "Elegant", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/pool-water-background_74190-3689.jpg", brand: "Clean Bazeni"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Dvorišna Oaza",
|
||||
price: "Premium",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pool-stair_74190-1493.jpg",
|
||||
brand: "Clean Bazeni",
|
||||
},
|
||||
id: "4", name: "Dvorišna Oaza", price: "Premium", rating: 5,
|
||||
reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/pool-stair_74190-1493.jpg", brand: "Clean Bazeni"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Minimalist Bazen",
|
||||
price: "Lux",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-mountain-landscape-tranquil-poolside-relaxation-generated-by-ai_188544-30912.jpg",
|
||||
brand: "Clean Bazeni",
|
||||
},
|
||||
id: "5", name: "Minimalist Bazen", price: "Lux", rating: 5,
|
||||
reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-mountain-landscape-tranquil-poolside-relaxation-generated-by-ai_188544-30912.jpg", brand: "Clean Bazeni"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Spa i Bazen",
|
||||
price: "Premium",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/miniature-pool-still-life-arrangement-with-glasses_23-2148633507.jpg",
|
||||
brand: "Clean Bazeni",
|
||||
},
|
||||
id: "6", name: "Spa i Bazen", price: "Premium", rating: 5,
|
||||
reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/miniature-pool-still-life-arrangement-with-glasses_23-2148633507.jpg", brand: "Clean Bazeni"},
|
||||
]}
|
||||
title="Galerija Projekata"
|
||||
description="Pogledajte naše realizovane projekte vrhunskog dizajna."
|
||||
@@ -211,26 +138,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "100+",
|
||||
title: "Projekata",
|
||||
description: "Uspješno realizovanih bazena",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8485.jpg",
|
||||
},
|
||||
id: "1", value: "100+", title: "Projekata", description: "Uspješno realizovanih bazena", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-neary-sea-ocean-beach-with-blue-sky-white-cloud_74190-8485.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
value: "15+",
|
||||
title: "Godina",
|
||||
description: "Iskustva u industriji",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/plant-pot-pool_23-2148633519.jpg",
|
||||
},
|
||||
id: "2", value: "15+", title: "Godina", description: "Iskustva u industriji", imageSrc: "http://img.b2bpic.net/free-photo/plant-pot-pool_23-2148633519.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
value: "99%",
|
||||
title: "Zadovoljstvo",
|
||||
description: "Klijenata nas preporučuje",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-pool-water-background_74190-3967.jpg",
|
||||
},
|
||||
id: "3", value: "99%", title: "Zadovoljstvo", description: "Klijenata nas preporučuje", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-pool-water-background_74190-3967.jpg"},
|
||||
]}
|
||||
title="Zašto odabrati nas?"
|
||||
description="Kvalitet i povjerenje su osnova našeg rada."
|
||||
@@ -244,45 +156,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marko I.",
|
||||
handle: "Zadovoljni vlasnik",
|
||||
testimonial: "Izuzetno profesionalni i brzi. Bazen izgleda savršeno.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg",
|
||||
},
|
||||
id: "1", name: "Marko I.", handle: "Zadovoljni vlasnik", testimonial: "Izuzetno profesionalni i brzi. Bazen izgleda savršeno.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990689.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ana K.",
|
||||
handle: "Dizajn enterijera",
|
||||
testimonial: "Odličan dizajn i vrhunska tehnika. Topla preporuka svima.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg",
|
||||
},
|
||||
id: "2", name: "Ana K.", handle: "Dizajn enterijera", testimonial: "Odličan dizajn i vrhunska tehnika. Topla preporuka svima.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-her-kitchen_329181-20396.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Petar V.",
|
||||
handle: "Villa owner",
|
||||
testimonial: "Održavanje je besprijekorno. Voda je uvijek kristalna.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg",
|
||||
},
|
||||
id: "3", name: "Petar V.", handle: "Villa owner", testimonial: "Održavanje je besprijekorno. Voda je uvijek kristalna.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-african-american-woman-smiling-cheerful-friendly-face-laughing-confident_839833-29956.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jelena M.",
|
||||
handle: "Porodica",
|
||||
testimonial: "Bazen je postao centar naših porodičnih okupljanja.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sunglasses-hat-drinking-cocktail-sitting-near-pool_176420-3986.jpg",
|
||||
},
|
||||
id: "4", name: "Jelena M.", handle: "Porodica", testimonial: "Bazen je postao centar naših porodičnih okupljanja.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-sunglasses-hat-drinking-cocktail-sitting-near-pool_176420-3986.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ivan S.",
|
||||
handle: "Investitor",
|
||||
testimonial: "Vrhunska kvaliteta izrade i materijala.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-smoke-cigar-with-glass-whiskey-balcony-pub_627829-5920.jpg",
|
||||
},
|
||||
id: "5", name: "Ivan S.", handle: "Investitor", testimonial: "Vrhunska kvaliteta izrade i materijala.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-welldressed-arabian-man-smoke-cigar-with-glass-whiskey-balcony-pub_627829-5920.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Šta kažu naši klijenti"
|
||||
@@ -297,22 +184,14 @@ export default function LandingPage() {
|
||||
description="Kontaktirajte nas za konsultacije ili besplatnu procjenu vašeg budućeg bazena."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Vaše ime",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Vaše ime", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Vaš telefon",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "Vaš telefon", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Napišite nešto više o vašim željama",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Napišite nešto više o vašim željama", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/umbrella-chair-around-beautiful-luxury-swimming-pool_74190-2028.jpg"
|
||||
/>
|
||||
@@ -324,29 +203,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Početna",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Početna", href: "#hero"},
|
||||
{
|
||||
label: "Usluge",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Usluge", href: "#services"},
|
||||
{
|
||||
label: "Galerija",
|
||||
href: "#gallery",
|
||||
},
|
||||
label: "Galerija", href: "#gallery"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Kontakt",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Kontakt", href: "#contact"},
|
||||
{
|
||||
label: "O nama",
|
||||
href: "#about",
|
||||
},
|
||||
label: "O nama", href: "#about"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user