Merge version_1 into main #1
211
src/app/page.tsx
211
src/app/page.tsx
@@ -30,47 +30,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "rooms",
|
||||
},
|
||||
{
|
||||
name: "Restaurant",
|
||||
id: "restaurant",
|
||||
},
|
||||
{
|
||||
name: "Facilities",
|
||||
id: "facilities",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "location",
|
||||
},
|
||||
{ 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",
|
||||
}}
|
||||
text: "Book a stay", href: "#booking"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
{ 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"
|
||||
@@ -82,26 +60,10 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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"
|
||||
/>
|
||||
@@ -114,33 +76,9 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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."
|
||||
@@ -149,24 +87,13 @@ export default function LandingPage() {
|
||||
|
||||
<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: "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."
|
||||
@@ -179,21 +106,9 @@ export default function LandingPage() {
|
||||
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: "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."
|
||||
@@ -206,54 +121,12 @@ export default function LandingPage() {
|
||||
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",
|
||||
},
|
||||
{ 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"
|
||||
@@ -267,18 +140,8 @@ export default function LandingPage() {
|
||||
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,
|
||||
},
|
||||
{ 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 →"
|
||||
@@ -290,20 +153,12 @@ export default function LandingPage() {
|
||||
logoText="A PLACE TO HOTEL"
|
||||
copyrightText="© 2025 A Place To Hotel · Esbjerg, Denmark."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user