Merge version_1 into main #2
245
src/app/page.tsx
245
src/app/page.tsx
@@ -27,137 +27,136 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Rooms", id: "rooms" },
|
||||
{ name: "Restaurant", id: "restaurant" },
|
||||
{ name: "Facilities", id: "facilities" },
|
||||
{ name: "Location", id: "location" },
|
||||
]}
|
||||
brandName="A PLACE TO HOTEL"
|
||||
button={{
|
||||
text: "Book a stay", href: "#booking"}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{ name: "Rooms", id: "rooms" },
|
||||
{ name: "Restaurant", id: "restaurant" },
|
||||
{ name: "Facilities", id: "facilities" },
|
||||
{ name: "Location", id: "location" },
|
||||
]}
|
||||
brandName="A PLACE TO HOTEL"
|
||||
button={{ text: "Book a stay", href: "#booking" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="A PLACE TO HOTEL"
|
||||
description="Raw architecture. Panoramic views. Warm, personal service. This is where you come to feel something."
|
||||
buttons={[
|
||||
{ text: "Reserve your room", href: "#booking" },
|
||||
{ text: "Explore the hotel", href: "#story" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13119.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="A PLACE TO HOTEL"
|
||||
description="Raw architecture. Panoramic views. Warm, personal service. This is where you come to feel something."
|
||||
buttons={[
|
||||
{ text: "Reserve your room", href: "#booking" },
|
||||
{ text: "Explore the hotel", href: "#story" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/photo-wood-texture-pattern_58702-13119.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="story" data-section="story">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="A place unlike any other"
|
||||
metrics={[
|
||||
{ icon: Building2, label: "Architecture", value: "Designed by BIG" },
|
||||
{ icon: Utensils, label: "Rooftop Dining", value: "Floor 17" },
|
||||
{ icon: Star, label: "Furniture", value: "Danish HAY" },
|
||||
{ icon: Zap, label: "Amenities", value: "EV Charging" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="story" data-section="story">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="A place unlike any other"
|
||||
metrics={[
|
||||
{ icon: Building2, label: "Architecture", value: "Designed by BIG" },
|
||||
{ icon: Utensils, label: "Rooftop Dining", value: "Floor 17" },
|
||||
{ icon: Star, label: "Furniture", value: "Danish HAY" },
|
||||
{ icon: Zap, label: "Amenities", value: "EV Charging" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "classic", brand: "Esbjerg View", name: "Classic Room", price: "1.200 DKK", rating: 5, reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/elegant-black-gold-podium-with-spotlight-product-presentation_84443-73952.jpg" },
|
||||
{ id: "superior", brand: "Most Popular", name: "Superior Room", price: "1.600 DKK", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-techno-lights-cool-background_181624-26156.jpg" },
|
||||
{ id: "suite", brand: "Luxury Tier", name: "The Suite", price: "2.800 DKK", rating: 5, reviewCount: "30+", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13547.jpg" },
|
||||
]}
|
||||
title="Private Sanctuaries"
|
||||
description="Each room reflects the raw elegance of Bjarke Ingels' brutalist architecture, softened by Danish HAY interior design."
|
||||
/>
|
||||
</div>
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "classic", brand: "Esbjerg View", name: "Classic Room", price: "1.200 DKK", rating: 5, reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/elegant-black-gold-podium-with-spotlight-product-presentation_84443-73952.jpg" },
|
||||
{ id: "superior", brand: "Most Popular", name: "Superior Room", price: "1.600 DKK", rating: 5, reviewCount: "120+", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-sci-fi-techno-lights-cool-background_181624-26156.jpg" },
|
||||
{ id: "suite", brand: "Luxury Tier", name: "The Suite", price: "2.800 DKK", rating: 5, reviewCount: "30+", imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13547.jpg" },
|
||||
]}
|
||||
title="Private Sanctuaries"
|
||||
description="Each room reflects the raw elegance of Bjarke Ingels' brutalist architecture, softened by Danish HAY interior design."
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="restaurant" data-section="restaurant">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Panoramic Views", description: "Binoculars at every table to scan the horizon.", imageSrc: "http://img.b2bpic.net/free-photo/gray-concrete-pillars_181624-1500.jpg" },
|
||||
{ title: "Tasting Menus", description: "Curated dishes designed to showcase local produce.", imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-building_1150-11016.jpg" },
|
||||
{ title: "Cocktail Bar", description: "Expertly crafted drinks as the sun sets.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283245.jpg" },
|
||||
]}
|
||||
title="Dinner at 17"
|
||||
description="Dine amongst the clouds at Restaurant Plate. With panoramic views of the harbour and Fanø island, our tasting menus focus on local, seasonal Danish ingredients."
|
||||
/>
|
||||
</div>
|
||||
<div id="restaurant" data-section="restaurant">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Panoramic Views", description: "Binoculars at every table to scan the horizon.", imageSrc: "http://img.b2bpic.net/free-photo/gray-concrete-pillars_181624-1500.jpg" },
|
||||
{ title: "Tasting Menus", description: "Curated dishes designed to showcase local produce.", imageSrc: "http://img.b2bpic.net/free-photo/modern-architecture-building_1150-11016.jpg" },
|
||||
{ title: "Cocktail Bar", description: "Expertly crafted drinks as the sun sets.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283245.jpg" },
|
||||
]}
|
||||
title="Dinner at 17"
|
||||
description="Dine amongst the clouds at Restaurant Plate. With panoramic views of the harbour and Fanø island, our tasting menus focus on local, seasonal Danish ingredients."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="facilities" data-section="facilities">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Dog-Friendly", description: "Your four-legged friends are welcome here.", imageSrc: "http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211284.jpg" },
|
||||
{ title: "Fitness & Wellness", description: "Stay active in our minimalist gym.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-palm-tree-leaves_23-2148229264.jpg" },
|
||||
{ title: "EV Charging", description: "We support your sustainable journey.", imageSrc: "http://img.b2bpic.net/free-photo/corner-orange-wall-low-view_23-2148742540.jpg" },
|
||||
]}
|
||||
title="Thoughtful Amenities"
|
||||
description="From our lobby lounge filled with board games to our dog-friendly policies, every detail serves a purpose."
|
||||
/>
|
||||
</div>
|
||||
<div id="facilities" data-section="facilities">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Dog-Friendly", description: "Your four-legged friends are welcome here.", imageSrc: "http://img.b2bpic.net/free-photo/silhouette-person-city_23-2149211284.jpg" },
|
||||
{ title: "Fitness & Wellness", description: "Stay active in our minimalist gym.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-palm-tree-leaves_23-2148229264.jpg" },
|
||||
{ title: "EV Charging", description: "We support your sustainable journey.", imageSrc: "http://img.b2bpic.net/free-photo/corner-orange-wall-low-view_23-2148742540.jpg" },
|
||||
]}
|
||||
title="Thoughtful Amenities"
|
||||
description="From our lobby lounge filled with board games to our dog-friendly policies, every detail serves a purpose."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Smilla R.", handle: "Google Review", testimonial: "Service in top. The view — formidable. We will 100% return.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-portrait_23-2149213189.jpg" },
|
||||
{ id: "2", name: "Arthur Z.", handle: "Google Review", testimonial: "The exterior architecture is a masterpiece... a truly wonderful stay.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-taking-selfie-medium-shot_23-2149737033.jpg" },
|
||||
{ id: "3", name: "Alex", handle: "Google Review", testimonial: "Added so much to our wedding weekend. The restaurant at the top was amazing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-traveler-posing_23-2148357248.jpg" },
|
||||
{ id: "4", name: "Eric B.", handle: "Google Review", testimonial: "Modern, clean, very quiet rooms. Best hotel dining in Denmark.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photo-beautiful-seductive-young-caucasian-woman-golden-cocktail-dress-looking-into-camera-brown-background_639032-1807.jpg" },
|
||||
{ id: "5", name: "Jens", handle: "Google Review", testimonial: "Friendly staff, comfortable rooms with balcony, great view, delicious breakfast.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg" },
|
||||
{ id: "6", name: "Roman S.", handle: "Google Review", testimonial: "Super hotel with very friendly staff. We would love to come back.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-trekker-camping-with-his-tent-mountain-top_482257-119705.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Guest Experiences"
|
||||
description="Voices from our guests who discovered the brutalist charm of Esbjerg."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Smilla R.", handle: "Google Review", testimonial: "Service in top. The view — formidable. We will 100% return.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-portrait_23-2149213189.jpg" },
|
||||
{ id: "2", name: "Arthur Z.", handle: "Google Review", testimonial: "The exterior architecture is a masterpiece... a truly wonderful stay.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-taking-selfie-medium-shot_23-2149737033.jpg" },
|
||||
{ id: "3", name: "Alex", handle: "Google Review", testimonial: "Added so much to our wedding weekend. The restaurant at the top was amazing.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-traveler-posing_23-2148357248.jpg" },
|
||||
{ id: "4", name: "Eric B.", handle: "Google Review", testimonial: "Modern, clean, very quiet rooms. Best hotel dining in Denmark.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/photo-beautiful-seductive-young-caucasian-woman-golden-cocktail-dress-looking-into-camera-brown-background_639032-1807.jpg" },
|
||||
{ id: "5", name: "Jens", handle: "Google Review", testimonial: "Friendly staff, comfortable rooms with balcony, great view, delicious breakfast.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-6615.jpg" },
|
||||
{ id: "6", name: "Roman S.", handle: "Google Review", testimonial: "Super hotel with very friendly staff. We would love to come back.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-adult-trekker-camping-with-his-tent-mountain-top_482257-119705.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Guest Experiences"
|
||||
description="Voices from our guests who discovered the brutalist charm of Esbjerg."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="booking" data-section="booking">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Your room is waiting."
|
||||
description="Whether you're here for business, a wedding, or simply to see Esbjerg from above."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012332.jpg"
|
||||
buttonText="Reserve now →"
|
||||
/>
|
||||
</div>
|
||||
<div id="booking" data-section="booking">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Your room is waiting."
|
||||
description="Whether you're here for business, a wedding, or simply to see Esbjerg from above."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Email", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151012332.jpg"
|
||||
buttonText="Reserve now →"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="A PLACE TO HOTEL"
|
||||
copyrightText="© 2025 A Place To Hotel · Esbjerg, Denmark."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="A PLACE TO HOTEL"
|
||||
copyrightText="© 2025 A Place To Hotel · Esbjerg, Denmark."
|
||||
socialLinks={[
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user