Update src/app/page.tsx
This commit is contained in:
271
src/app/page.tsx
271
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Početna",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Početna", id: "#hero"},
|
||||
{
|
||||
name: "O nama",
|
||||
id: "#about",
|
||||
},
|
||||
name: "O nama", id: "#about"},
|
||||
{
|
||||
name: "Smeštaj",
|
||||
id: "#units",
|
||||
},
|
||||
name: "Smeštaj", id: "#units"},
|
||||
{
|
||||
name: "Cenovnik",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Cenovnik", id: "#pricing"},
|
||||
{
|
||||
name: "Kontakt",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Kontakt", id: "#contact"},
|
||||
]}
|
||||
brandName="Smestaj Dunav 97"
|
||||
/>
|
||||
@@ -58,97 +48,56 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Vaš luksuzni beg na Dunavu"
|
||||
description="Doživite mir, eleganciju i neponovljiv pogled na reku. Savršeno utočište na samo 25km od Beograda."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-st-petersburg-morning_1398-2657.jpg",
|
||||
imageAlt: "Dunav panorama",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-st-petersburg-morning_1398-2657.jpg", imageAlt: "Dunav panorama"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-portrait-young-caucasian-woman-summer-dress-enjoying-relaxing-park-mountain-with-amazing-tropical-sea-view_343596-1564.jpg",
|
||||
imageAlt: "Dunav pogled",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/romantic-portrait-young-caucasian-woman-summer-dress-enjoying-relaxing-park-mountain-with-amazing-tropical-sea-view_343596-1564.jpg", imageAlt: "Dunav pogled"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sacramento-river-with-golden-gate-bridge-it-beautiful-sunset-san-francisco-us_181624-12430.jpg",
|
||||
imageAlt: "Sacramento River sunset",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sacramento-river-with-golden-gate-bridge-it-beautiful-sunset-san-francisco-us_181624-12430.jpg", imageAlt: "Sacramento River sunset"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-skyline-with-cityscape_1359-258.jpg",
|
||||
imageAlt: "Urban riverside skyline",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/urban-skyline-with-cityscape_1359-258.jpg", imageAlt: "Urban riverside skyline"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/late-evening-bay-mediterranean-sea-background-wallpaper-idea-vacation-advertising_166373-3141.jpg",
|
||||
imageAlt: "Late evening Mediterranean bay",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/late-evening-bay-mediterranean-sea-background-wallpaper-idea-vacation-advertising_166373-3141.jpg", imageAlt: "Late evening Mediterranean bay"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-winding-river-through-scottish-highlands_1308-189488.jpg",
|
||||
imageAlt: "Vila Dunav",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-winding-river-through-scottish-highlands_1308-189488.jpg", imageAlt: "Vila Dunav"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-sunset-sky-crystal-lake-alberta-canada_181624-46249.jpg",
|
||||
imageAlt: "Smeštaj",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-sunset-sky-crystal-lake-alberta-canada_181624-46249.jpg", imageAlt: "Smeštaj"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-boat-draycote-water-england-uk-scenic-sunset_181624-58926.jpg",
|
||||
imageAlt: "Small boat at sunset",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/small-boat-draycote-water-england-uk-scenic-sunset_181624-58926.jpg", imageAlt: "Small boat at sunset"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-young-asian-woman-with-afternnoon-tea-set-with-coffee-sit-chair-around-swimming-pool_74190-10107.jpg",
|
||||
imageAlt: "Poolside afternoon tea",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-young-asian-woman-with-afternnoon-tea-set-with-coffee-sit-chair-around-swimming-pool_74190-10107.jpg", imageAlt: "Poolside afternoon tea"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-woman-tourist-friends-summer-dresses-vacation-travel-around-thailand-khao-sok-lake-with-beautiful-mountain-view_343596-975.jpg",
|
||||
imageAlt: "Tourist friends at mountain lake",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-woman-tourist-friends-summer-dresses-vacation-travel-around-thailand-khao-sok-lake-with-beautiful-mountain-view_343596-975.jpg", imageAlt: "Tourist friends at mountain lake"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/women-staying-dock-having-fun_23-2148683897.jpg",
|
||||
alt: "Woman on dock",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/women-staying-dock-having-fun_23-2148683897.jpg", alt: "Woman on dock"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/white-tranquil-silence-wood-lake-travel_1421-481.jpg",
|
||||
alt: "Tranquil wood lake",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/white-tranquil-silence-wood-lake-travel_1421-481.jpg", alt: "Tranquil wood lake"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-red-trousers-walks-lonely-lady-standing-wooden-boat-mountain-lake_1304-2955.jpg",
|
||||
alt: "Mountain lake path",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-red-trousers-walks-lonely-lady-standing-wooden-boat-mountain-lake_1304-2955.jpg", alt: "Mountain lake path"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/aerial-view-river-flowing-through-ebor-gorge-australia_1308-189312.jpg",
|
||||
alt: "River flow view",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/aerial-view-river-flowing-through-ebor-gorge-australia_1308-189312.jpg", alt: "River flow view"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wooden-bridge-crossing-sandy-estuary-moonee-beach-australia_1308-189481.jpg",
|
||||
alt: "Wooden bridge beach",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/wooden-bridge-crossing-sandy-estuary-moonee-beach-australia_1308-189481.jpg", alt: "Wooden bridge beach"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Luksuz",
|
||||
},
|
||||
type: "text", text: "Luksuz"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Mir",
|
||||
},
|
||||
type: "text", text: "Mir"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Priroda",
|
||||
},
|
||||
type: "text", text: "Priroda"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Dunav",
|
||||
},
|
||||
type: "text", text: "Dunav"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Udobnost",
|
||||
},
|
||||
type: "text", text: "Udobnost"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -160,17 +109,11 @@ export default function LandingPage() {
|
||||
description="Smešteni smo na idealnoj distanci, dovoljno blizu za brz dolazak, a opet dovoljno daleko za potpuni mir i privatnost u srcu prirode."
|
||||
metrics={[
|
||||
{
|
||||
value: "25 km",
|
||||
title: "od Beograda",
|
||||
},
|
||||
value: "25 km", title: "od Beograda"},
|
||||
{
|
||||
value: "12",
|
||||
title: "gostiju kapacitet",
|
||||
},
|
||||
value: "12", title: "gostiju kapacitet"},
|
||||
{
|
||||
value: "4",
|
||||
title: "luksuzne jedinice",
|
||||
},
|
||||
value: "4", title: "luksuzne jedinice"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/rustic-house-green-park_23-2148509195.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -185,41 +128,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Jedinica",
|
||||
name: "Vila Dunav",
|
||||
price: "120€",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lake-house_649448-539.jpg",
|
||||
},
|
||||
id: "1", brand: "Jedinica", name: "Vila Dunav", price: "120€", rating: 5,
|
||||
reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/lake-house_649448-539.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Jedinica",
|
||||
name: "Bungalov 1",
|
||||
price: "80€",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-living-inside-old-rustic-building-feature-generated-by-ai_188544-27156.jpg",
|
||||
},
|
||||
id: "2", brand: "Jedinica", name: "Bungalov 1", price: "80€", rating: 5,
|
||||
reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-living-inside-old-rustic-building-feature-generated-by-ai_188544-27156.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Jedinica",
|
||||
name: "Bungalov 2",
|
||||
price: "80€",
|
||||
rating: 5,
|
||||
reviewCount: "9",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-travellers-ready-trip-indian-men-woman-holding-suitcases-house_1157-47904.jpg",
|
||||
},
|
||||
id: "3", brand: "Jedinica", name: "Bungalov 2", price: "80€", rating: 5,
|
||||
reviewCount: "9", imageSrc: "http://img.b2bpic.net/free-photo/hipster-travellers-ready-trip-indian-men-woman-holding-suitcases-house_1157-47904.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Jedinica",
|
||||
name: "Bungalov 3",
|
||||
price: "80€",
|
||||
rating: 5,
|
||||
reviewCount: "7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-patio_1203-3548.jpg",
|
||||
},
|
||||
id: "4", brand: "Jedinica", name: "Bungalov 3", price: "80€", rating: 5,
|
||||
reviewCount: "7", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-patio_1203-3548.jpg"},
|
||||
]}
|
||||
title="Naši Bungalovi i Vila"
|
||||
description="Istražite četiri različite, luksuzno opremljene jedinice dizajnirane za vaš maksimalni komfor."
|
||||
@@ -234,25 +153,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Bazen",
|
||||
description: "Privatni bazen sa pogledom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-van-interior-prepared-camping_23-2151938566.jpg",
|
||||
},
|
||||
title: "Bazen", description: "Privatni bazen sa pogledom", imageSrc: "http://img.b2bpic.net/free-photo/cozy-van-interior-prepared-camping_23-2151938566.jpg"},
|
||||
{
|
||||
title: "Mermerno kupatilo",
|
||||
description: "Luksuzna oprema",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263571.jpg",
|
||||
},
|
||||
title: "Mermerno kupatilo", description: "Luksuzna oprema", imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wooden-house-interior-with-timber-decor-furnishings_23-2151263571.jpg"},
|
||||
{
|
||||
title: "Terasa",
|
||||
description: "Prostrana terasa uz reku",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hammocks-overlooking-city_1203-696.jpg",
|
||||
},
|
||||
title: "Terasa", description: "Prostrana terasa uz reku", imageSrc: "http://img.b2bpic.net/free-photo/hammocks-overlooking-city_1203-696.jpg"},
|
||||
{
|
||||
title: "WiFi",
|
||||
description: "Brz i stabilan internet",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698348.jpg",
|
||||
},
|
||||
title: "WiFi", description: "Brz i stabilan internet", imageSrc: "http://img.b2bpic.net/free-photo/rustic-patio-with-deck-furniture-vegetation_23-2150698348.jpg"},
|
||||
]}
|
||||
title="Sadržaji za uživanje"
|
||||
description="Svaka jedinica je opremljena modernim dodacima za vrhunsko iskustvo."
|
||||
@@ -266,34 +173,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
badge: "Vikend",
|
||||
price: "150€",
|
||||
subtitle: "Po danu",
|
||||
buttons: [
|
||||
id: "1", badge: "Vikend", price: "150€", subtitle: "Po danu", buttons: [
|
||||
{
|
||||
text: "Rezervišite",
|
||||
},
|
||||
text: "Rezervišite"},
|
||||
],
|
||||
features: [
|
||||
"Sve uključeno",
|
||||
"Besplatan parking",
|
||||
],
|
||||
"Sve uključeno", "Besplatan parking"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
badge: "Radni dani",
|
||||
price: "100€",
|
||||
subtitle: "Po danu",
|
||||
buttons: [
|
||||
id: "2", badge: "Radni dani", price: "100€", subtitle: "Po danu", buttons: [
|
||||
{
|
||||
text: "Rezervišite",
|
||||
},
|
||||
text: "Rezervišite"},
|
||||
],
|
||||
features: [
|
||||
"Mirno okruženje",
|
||||
"Besplatan WiFi",
|
||||
],
|
||||
"Mirno okruženje", "Besplatan WiFi"],
|
||||
},
|
||||
]}
|
||||
title="Cenovnik"
|
||||
@@ -308,40 +201,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marko I.",
|
||||
handle: "@marko",
|
||||
testimonial: "Neverovatan pogled i mir!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-surprised-brunette-woman-looks-front_197531-24122.jpg",
|
||||
},
|
||||
id: "1", name: "Marko I.", handle: "@marko", testimonial: "Neverovatan pogled i mir!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-surprised-brunette-woman-looks-front_197531-24122.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ana S.",
|
||||
handle: "@ana",
|
||||
testimonial: "Luksuz na svakom koraku.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-cheerful-girl-rests-morning-beach_176420-5827.jpg",
|
||||
},
|
||||
id: "2", name: "Ana S.", handle: "@ana", testimonial: "Luksuz na svakom koraku.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-cheerful-girl-rests-morning-beach_176420-5827.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jelena P.",
|
||||
handle: "@jelenap",
|
||||
testimonial: "Bazen je bio savršen.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166180.jpg",
|
||||
},
|
||||
id: "3", name: "Jelena P.", handle: "@jelenap", testimonial: "Bazen je bio savršen.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-delicious-cocktail_23-2150166180.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Petar M.",
|
||||
handle: "@petarm",
|
||||
testimonial: "Vraćamo se ponovo!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-straw-hat-having-fun-stretches-hands-camera_273443-595.jpg",
|
||||
},
|
||||
id: "4", name: "Petar M.", handle: "@petarm", testimonial: "Vraćamo se ponovo!", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-straw-hat-having-fun-stretches-hands-camera_273443-595.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ivana G.",
|
||||
handle: "@ivanag",
|
||||
testimonial: "Najbolji odmor ove godine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
|
||||
},
|
||||
id: "5", name: "Ivana G.", handle: "@ivanag", testimonial: "Najbolji odmor ove godine.", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg"},
|
||||
]}
|
||||
title="Utisci gostiju"
|
||||
description="Šta naši gosti kažu o boravku kod nas."
|
||||
@@ -352,16 +220,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Kontakt"
|
||||
title="Rezervišite vaš termin"
|
||||
description="Pošaljite nam upit direktno na smestajdunav97@gmail.com"
|
||||
description="Pošaljite nam upit direktno na smestajdunav97@gmail.com ili pogledajte našu lokaciju na mapi."
|
||||
buttons={[
|
||||
{
|
||||
text: "Pošaljite Email",
|
||||
href: "mailto:smestajdunav97@gmail.com",
|
||||
},
|
||||
text: "Pošaljite Email", href: "mailto:smestajdunav97@gmail.com"},
|
||||
{
|
||||
text: "Pogledajte lokaciju", href: "https://maps.app.goo.gl/YourMapLinkHere"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -371,29 +238,19 @@ export default function LandingPage() {
|
||||
logoText="Smestaj Dunav 97"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigacija",
|
||||
items: [
|
||||
title: "Navigacija", items: [
|
||||
{
|
||||
label: "Početna",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Početna", href: "#hero"},
|
||||
{
|
||||
label: "O nama",
|
||||
href: "#about",
|
||||
},
|
||||
label: "O nama", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Booking.com",
|
||||
href: "#",
|
||||
},
|
||||
label: "Booking.com", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -403,4 +260,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user