Merge version_1 into main #2
206
src/app/page.tsx
206
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Apartments",
|
||||
id: "features",
|
||||
},
|
||||
name: "Apartments", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Apartments Bjelolasica"
|
||||
/>
|
||||
@@ -59,21 +49,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Where Mountain Peace Feels Like Home"
|
||||
description="Experience luxury mountain apartments surrounded by nature, silence and warm hospitality."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Stay", href: "#contact"},
|
||||
{
|
||||
text: "Explore Apartments",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Apartments", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-brown-house-near-snow-capped-mountains_198169-360.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/white-brown-house-near-snow-capped-mountains_198169-360.jpg"
|
||||
imageAlt="Luxury Mountain Escape"
|
||||
/>
|
||||
</div>
|
||||
@@ -85,19 +70,13 @@ export default function LandingPage() {
|
||||
description="Apartments Bjelolasica were created for travelers seeking silence, comfort and authentic mountain warmth. Every apartment is designed to feel peaceful, elegant and deeply relaxing."
|
||||
metrics={[
|
||||
{
|
||||
value: "4.8",
|
||||
title: "Guest Rating",
|
||||
},
|
||||
value: "4.8", title: "Guest Rating"},
|
||||
{
|
||||
value: "365",
|
||||
title: "Year-Round Magic",
|
||||
},
|
||||
value: "365", title: "Year-Round Magic"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Peace Guaranteed",
|
||||
},
|
||||
value: "100%", title: "Peace Guaranteed"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serene-bedroom-oasis-with-waterfall-view_23-2152008197.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/serene-bedroom-oasis-with-waterfall-view_23-2152008197.jpg"
|
||||
imageAlt="Bjelolasica retreat"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -111,40 +90,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Alpine Master Suite",
|
||||
description: "Spacious bedroom with forest views, perfect for a romantic weekend escape.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stone-natural-room-interior-design_23-2151890386.jpg",
|
||||
},
|
||||
title: "Alpine Master Suite", description: "Spacious bedroom with forest views, perfect for a romantic weekend escape.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stone-natural-room-interior-design_23-2151890386.jpg", imageAlt: "mountain apartment bedroom"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-river-snow-covered-mountains-landscape-kashmir-state-india_1232-4810.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-brown-house-near-snow-capped-mountains_198169-360.jpg?_wi=2",
|
||||
imageAlt: "mountain apartment bedroom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-river-snow-covered-mountains-landscape-kashmir-state-india_1232-4810.jpg", imageAlt: "mountain chalet terrace"},
|
||||
},
|
||||
{
|
||||
title: "Forest View Apartment",
|
||||
description: "Experience complete nature immersion with panoramic balcony seating.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-chairs-grass-field-mountains-nature_53876-23280.jpg",
|
||||
},
|
||||
title: "Forest View Apartment", description: "Experience complete nature immersion with panoramic balcony seating.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-chairs-grass-field-mountains-nature_53876-23280.jpg", imageAlt: "mountain chalet terrace"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263593.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serene-bedroom-oasis-with-waterfall-view_23-2152008197.jpg?_wi=2",
|
||||
imageAlt: "mountain apartment bedroom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263593.jpg", imageAlt: "mountain cabin living room"},
|
||||
},
|
||||
{
|
||||
title: "Cozy Cabin Apartment",
|
||||
description: "Your private mountain sanctuary with a working wooden fireplace.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263635.jpg",
|
||||
},
|
||||
title: "Cozy Cabin Apartment", description: "Your private mountain sanctuary with a working wooden fireplace.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-timber-house-interior-with-wooden-decor-furnishings_23-2151263635.jpg", imageAlt: "mountain cabin living room"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5950.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-trekker-takes-breathtaking-mountain-landscape-rocks_482257-117806.jpg",
|
||||
imageAlt: "mountain apartment bedroom",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5950.jpg", imageAlt: "mountain apartment bedroom"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -161,25 +122,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "Winter",
|
||||
description: "Snow, fireplace evenings and mountain serenity.",
|
||||
},
|
||||
id: "m1", value: "Winter", description: "Snow, fireplace evenings and mountain serenity."},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Spring",
|
||||
description: "Fresh air, forest walks and total reset.",
|
||||
},
|
||||
id: "m2", value: "Spring", description: "Fresh air, forest walks and total reset."},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Summer",
|
||||
description: "Hiking, nature trails and peaceful mornings.",
|
||||
},
|
||||
id: "m3", value: "Summer", description: "Hiking, nature trails and peaceful mornings."},
|
||||
{
|
||||
id: "m4",
|
||||
value: "Autumn",
|
||||
description: "Golden forests and cozy weekend escapes.",
|
||||
},
|
||||
id: "m4", value: "Autumn", description: "Golden forests and cozy weekend escapes."},
|
||||
]}
|
||||
title="Seasonality & Experience"
|
||||
description="Bjelolasica is magical during every season, offering unique experiences all year long."
|
||||
@@ -194,25 +143,15 @@ export default function LandingPage() {
|
||||
author="Ivica Hećimović"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-trekker-takes-breathtaking-mountain-landscape-rocks_482257-117806.jpg",
|
||||
alt: "Guest 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/male-trekker-takes-breathtaking-mountain-landscape-rocks_482257-117806.jpg", alt: "Guest 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-charming-blonde-woman-white-blouse-smiles-sincerely_197531-23127.jpg",
|
||||
alt: "Guest 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-charming-blonde-woman-white-blouse-smiles-sincerely_197531-23127.jpg", alt: "Guest 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-african-man-with-his-backpack_23-2148182818.jpg",
|
||||
alt: "Guest 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-african-man-with-his-backpack_23-2148182818.jpg", alt: "Guest 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/focused-blue-cup-coffee-burned-out-campfire_23-2148301483.jpg",
|
||||
alt: "Guest 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/focused-blue-cup-coffee-burned-out-campfire_23-2148301483.jpg", alt: "Guest 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-shot-cabins-forest_181624-42640.jpg",
|
||||
alt: "Guest 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-shot-cabins-forest_181624-42640.jpg", alt: "Guest 5"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -226,56 +165,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Weekend Reset",
|
||||
period: "2 nights",
|
||||
price: "€180",
|
||||
features: [
|
||||
"Cozy Apartment",
|
||||
"Welcome Drink",
|
||||
"Late Check-out",
|
||||
],
|
||||
id: "p1", title: "Weekend Reset", period: "2 nights", price: "€180", features: [
|
||||
"Cozy Apartment", "Welcome Drink", "Late Check-out"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rocks-italian-alps-dark-cloudy-evening-sky_181624-7377.jpg",
|
||||
imageAlt: "bjelolasica nature landscape",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rocks-italian-alps-dark-cloudy-evening-sky_181624-7377.jpg", imageAlt: "bjelolasica nature landscape"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Extended Stay",
|
||||
period: "5 nights",
|
||||
price: "€400",
|
||||
features: [
|
||||
"Full Experience",
|
||||
"Daily Breakfast",
|
||||
"Hiking Guide",
|
||||
],
|
||||
id: "p2", title: "Extended Stay", period: "5 nights", price: "€400", features: [
|
||||
"Full Experience", "Daily Breakfast", "Hiking Guide"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-brown-house-near-snow-capped-mountains_198169-360.jpg?_wi=3",
|
||||
imageAlt: "bjelolasica nature landscape",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-brown-house-near-snow-capped-mountains_198169-360.jpg", imageAlt: "bjelolasica nature landscape"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Seasonal Magic",
|
||||
period: "7 nights",
|
||||
price: "€550",
|
||||
features: [
|
||||
"VIP Service",
|
||||
"Activity Set",
|
||||
"Firewood Supply",
|
||||
],
|
||||
id: "p3", title: "Seasonal Magic", period: "7 nights", price: "€550", features: [
|
||||
"VIP Service", "Activity Set", "Firewood Supply"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serene-bedroom-oasis-with-waterfall-view_23-2152008197.jpg?_wi=3",
|
||||
imageAlt: "bjelolasica nature landscape",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serene-bedroom-oasis-with-waterfall-view_23-2152008197.jpg", imageAlt: "bjelolasica nature landscape"},
|
||||
]}
|
||||
title="Rates & Packages"
|
||||
description="Choose the perfect plan for your mountain escape."
|
||||
@@ -288,20 +194,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How far is the ski area?",
|
||||
content: "Our apartments are located within easy access to Bjelolasica’s main ski trails.",
|
||||
},
|
||||
id: "f1", title: "How far is the ski area?", content: "Our apartments are located within easy access to Bjelolasica’s main ski trails."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are pets allowed?",
|
||||
content: "Yes, we are a pet-friendly establishment for well-behaved pets.",
|
||||
},
|
||||
id: "f2", title: "Are pets allowed?", content: "Yes, we are a pet-friendly establishment for well-behaved pets."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you provide linens?",
|
||||
content: "Yes, we provide fresh, clean linen and towels for all guests.",
|
||||
},
|
||||
id: "f3", title: "Do you provide linens?", content: "Yes, we provide fresh, clean linen and towels for all guests."},
|
||||
]}
|
||||
title="Need More Information?"
|
||||
description="Frequently asked questions about our apartments and the Bjelolasica region."
|
||||
@@ -313,18 +210,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Escape the Noise. Rediscover peace, comfort and mountain luxury. Contact us today to secure your dates."
|
||||
buttons={[
|
||||
{
|
||||
text: "Message us on WhatsApp",
|
||||
href: "https://wa.me/385999999999",
|
||||
},
|
||||
text: "Message us on WhatsApp", href: "https://wa.me/385999999999"},
|
||||
{
|
||||
text: "Check Availability",
|
||||
href: "#",
|
||||
},
|
||||
text: "Check Availability", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user