Update src/app/page.tsx
This commit is contained in:
201
src/app/page.tsx
201
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "rooms",
|
||||
},
|
||||
name: "Rooms", id: "rooms"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
name: "Experience", id: "experience"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
]}
|
||||
brandName="Hotel Bohemian"
|
||||
/>
|
||||
@@ -59,42 +49,21 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Old Belgrade Elegance"
|
||||
description="Experience the timeless charm of Hotel Bohemian Garni, where historic brewery heritage meets modern luxury."
|
||||
tag="Est. 1922"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
{
|
||||
text: "Explore",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Explore", href: "#about"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-residential-doors-city_23-2148798671.jpg",
|
||||
imageAlt: "luxury boutique hotel entrance Belgrade",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-residential-doors-city_23-2148798671.jpg", imageAlt: "luxury boutique hotel entrance Belgrade"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bedroom-view-with-bed-arrangement-decor_23-2150551133.jpg",
|
||||
imageAlt: "luxury hotel bedroom elegant decor",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorated-front-door_23-2150562486.jpg",
|
||||
imageAlt: "Decorated front door",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-person-decorating-their-front-door_23-2150562547.jpg",
|
||||
imageAlt: "Lifestyle of person decorating their front door",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-famous-pink-tower-building-lyon_268835-4090.jpg",
|
||||
imageAlt: "View of famous pink tower building in Lyon",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bedroom-view-with-bed-arrangement-decor_23-2150551133.jpg", imageAlt: "luxury hotel bedroom elegant decor"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={4.2}
|
||||
@@ -120,47 +89,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "r1",
|
||||
name: "Standard Room",
|
||||
price: "From $120",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lonely-bride-sits-bed-large-hotel-room_8353-7215.jpg",
|
||||
},
|
||||
id: "r1", name: "Standard Room", price: "From $120", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/lonely-bride-sits-bed-large-hotel-room_8353-7215.jpg"},
|
||||
{
|
||||
id: "r2",
|
||||
name: "Premium Double",
|
||||
price: "From $180",
|
||||
variant: "Comfort",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-female-with-long-blonde-hair-nice-face-bright-earrings-white-suit_132075-9619.jpg",
|
||||
},
|
||||
id: "r2", name: "Premium Double", price: "From $180", variant: "Comfort", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-female-with-long-blonde-hair-nice-face-bright-earrings-white-suit_132075-9619.jpg"},
|
||||
{
|
||||
id: "r3",
|
||||
name: "Suite w/ Hot Tub",
|
||||
price: "From $290",
|
||||
variant: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-experiencing-cold-exposure-wellness_23-2151138556.jpg",
|
||||
},
|
||||
id: "r3", name: "Suite w/ Hot Tub", price: "From $290", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-experiencing-cold-exposure-wellness_23-2151138556.jpg"},
|
||||
{
|
||||
id: "r4",
|
||||
name: "Standard Room",
|
||||
price: "From $120",
|
||||
variant: "Classic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bedroom-stylish-apartment-decoration-home_1203-4566.jpg",
|
||||
},
|
||||
id: "r4", name: "Standard Room", price: "From $120", variant: "Classic", imageSrc: "http://img.b2bpic.net/free-photo/bedroom-stylish-apartment-decoration-home_1203-4566.jpg"},
|
||||
{
|
||||
id: "r5",
|
||||
name: "Premium Double",
|
||||
price: "From $180",
|
||||
variant: "Comfort",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",
|
||||
},
|
||||
id: "r5", name: "Premium Double", price: "From $180", variant: "Comfort", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg"},
|
||||
{
|
||||
id: "r6",
|
||||
name: "Suite w/ Hot Tub",
|
||||
price: "From $290",
|
||||
variant: "Luxury",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bathrobe-modern-bathtub_1203-1498.jpg",
|
||||
},
|
||||
id: "r6", name: "Suite w/ Hot Tub", price: "From $290", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/bathrobe-modern-bathtub_1203-1498.jpg"},
|
||||
]}
|
||||
title="Our Rooms"
|
||||
description="Luxury tiers designed for relaxation."
|
||||
@@ -175,24 +114,16 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: MapPin,
|
||||
title: "Location",
|
||||
description: "Located in the heart of Belgrade, steps from key landmarks.",
|
||||
},
|
||||
title: "Location", description: "Located in the heart of Belgrade, steps from key landmarks."},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Amenities",
|
||||
description: "Modern comfort with classic old-world charm.",
|
||||
},
|
||||
title: "Amenities", description: "Modern comfort with classic old-world charm."},
|
||||
{
|
||||
icon: UserCheck,
|
||||
title: "Staff",
|
||||
description: "Dedicated service to make you feel at home.",
|
||||
},
|
||||
title: "Staff", description: "Dedicated service to make you feel at home."},
|
||||
{
|
||||
icon: Moon,
|
||||
title: "Nightlife",
|
||||
description: "Access to the most vibrant spots in the district.",
|
||||
},
|
||||
title: "Nightlife", description: "Access to the most vibrant spots in the district."},
|
||||
]}
|
||||
title="The Four Pillars"
|
||||
description="Exquisite hospitality in every corner."
|
||||
@@ -206,26 +137,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.2★",
|
||||
title: "Rating",
|
||||
description: "Consistently praised by guests",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winsome-blonde-girl-striped-dress-chilling-cafe-smiling-gorgeous-young-woman-sitting-restaurant-with-glass-wine_197531-9588.jpg",
|
||||
},
|
||||
id: "m1", value: "4.2★", title: "Rating", description: "Consistently praised by guests", imageSrc: "http://img.b2bpic.net/free-photo/winsome-blonde-girl-striped-dress-chilling-cafe-smiling-gorgeous-young-woman-sitting-restaurant-with-glass-wine_197531-9588.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "791",
|
||||
title: "Reviews",
|
||||
description: "Trusted stories since we opened",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-home-doing-her-beauty-routine_23-2150420952.jpg",
|
||||
},
|
||||
id: "m2", value: "791", title: "Reviews", description: "Trusted stories since we opened", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-home-doing-her-beauty-routine_23-2150420952.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100+",
|
||||
title: "Years",
|
||||
description: "History in every brick",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-checksin-hotel-desk_482257-79976.jpg",
|
||||
},
|
||||
id: "m3", value: "100+", title: "Years", description: "History in every brick", imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-checksin-hotel-desk_482257-79976.jpg"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Data-driven comfort and history."
|
||||
@@ -239,40 +155,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marko P.",
|
||||
role: "Traveler",
|
||||
testimonial: "Absolutely magical experience, historic brewery charm!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-sitting-bed-with-healthy-breakfast-talking-telephone_23-2148033306.jpg",
|
||||
},
|
||||
id: "1", name: "Marko P.", role: "Traveler", testimonial: "Absolutely magical experience, historic brewery charm!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-sitting-bed-with-healthy-breakfast-talking-telephone_23-2148033306.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Elena K.",
|
||||
role: "Visitor",
|
||||
testimonial: "The best stay in Belgrade. Staff is wonderful.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-stylish-hipster-lambersexual-model-modern-man-dressed-red-checkered-shirt-fashion-male-posing-near-skyscraper-street-background-sunglasses-outdoors-sunset_158538-20194.jpg",
|
||||
},
|
||||
id: "2", name: "Elena K.", role: "Visitor", testimonial: "The best stay in Belgrade. Staff is wonderful.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-stylish-hipster-lambersexual-model-modern-man-dressed-red-checkered-shirt-fashion-male-posing-near-skyscraper-street-background-sunglasses-outdoors-sunset_158538-20194.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jovan B.",
|
||||
role: "Guest",
|
||||
testimonial: "The suite was incredible, loved the atmosphere.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-pretty-blond-girl-summer-dress-red-sunglasses-leaning-handrail-park_197531-22738.jpg",
|
||||
},
|
||||
id: "3", name: "Jovan B.", role: "Guest", testimonial: "The suite was incredible, loved the atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-pretty-blond-girl-summer-dress-red-sunglasses-leaning-handrail-park_197531-22738.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah W.",
|
||||
role: "Tourist",
|
||||
testimonial: "Great location, perfect blend of modern and vintage.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-thinking_23-2148317340.jpg",
|
||||
},
|
||||
id: "4", name: "Sarah W.", role: "Tourist", testimonial: "Great location, perfect blend of modern and vintage.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-woman-thinking_23-2148317340.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ivan S.",
|
||||
role: "Local",
|
||||
testimonial: "An iconic spot with excellent service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661547.jpg",
|
||||
},
|
||||
id: "5", name: "Ivan S.", role: "Local", testimonial: "An iconic spot with excellent service.", imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661547.jpg"},
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="Hear what our beloved guests say."
|
||||
@@ -283,8 +174,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Reservations"
|
||||
title="Book Direct"
|
||||
description="Best rate guaranteed when you book directly with us."
|
||||
@@ -297,42 +187,27 @@ export default function LandingPage() {
|
||||
logoText="Hotel Bohemian Garni"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#rooms",
|
||||
},
|
||||
label: "Rooms", href: "#rooms"},
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user