Merge version_1 into main #1
169
src/app/page.tsx
169
src/app/page.tsx
@@ -19,48 +19,38 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Experience",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Availability",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Stories",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Experience", id: "about" },
|
||||
{ name: "Availability", id: "pricing" },
|
||||
{ name: "Stories", id: "testimonials" },
|
||||
{ name: "Support", id: "faq" }
|
||||
]}
|
||||
brandName="HOTOVO"
|
||||
button={{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Reserve Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Your private key to unforgettable views"
|
||||
description="An exclusive, romantic escape where golden-hour panoramas meet seamless access. No crowds, no confusion—just you and the horizon."
|
||||
buttons={[
|
||||
{
|
||||
text: "Check availability & reserve today",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Check availability & reserve today", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-shot-lighthouse-top-hill-sunset-sky_181624-9759.jpg"
|
||||
/>
|
||||
@@ -71,9 +61,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="A timeless escape"
|
||||
description={[
|
||||
"Experience the tranquility of HOTOVO, designed for those who appreciate the finer things. We combine exclusive access with breathtaking scenery to create a truly magical atmosphere.",
|
||||
"Whether it's a quiet moment with a loved one or a special celebration, our tower offers a sanctuary above the world.",
|
||||
]}
|
||||
"Experience the tranquility of HOTOVO, designed for those who appreciate the finer things. We combine exclusive access with breathtaking scenery to create a truly magical atmosphere.", "Whether it's a quiet moment with a loved one or a special celebration, our tower offers a sanctuary above the world."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -83,26 +71,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Privacy",
|
||||
title: "Key Access System",
|
||||
subtitle: "Total control",
|
||||
description: "Receive a digital key that guarantees privacy during your slot. No long lines, no waiting.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-figure-looking-key_1160-517.jpg",
|
||||
},
|
||||
tag: "Privacy", title: "Key Access System", subtitle: "Total control", description: "Receive a digital key that guarantees privacy during your slot. No long lines, no waiting.", imageSrc: "http://img.b2bpic.net/free-photo/surprised-figure-looking-key_1160-517.jpg"},
|
||||
{
|
||||
tag: "Memories",
|
||||
title: "Golden Hour Photos",
|
||||
subtitle: "Capture magic",
|
||||
description: "Exclusive access during peak lighting hours to ensure perfect photos every single time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-drinking-water-by-sea-sunrise-silhouette-healthy-morning_169016-70037.jpg",
|
||||
},
|
||||
tag: "Memories", title: "Golden Hour Photos", subtitle: "Capture magic", description: "Exclusive access during peak lighting hours to ensure perfect photos every single time.", imageSrc: "http://img.b2bpic.net/free-photo/girl-drinking-water-by-sea-sunrise-silhouette-healthy-morning_169016-70037.jpg"},
|
||||
{
|
||||
tag: "Indulgence",
|
||||
title: "Prosecco Packages",
|
||||
subtitle: "Celebrate in style",
|
||||
description: "Enhance your visit with premium refreshments provided in our private lounge area.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-vacation-looking-sea_1303-14411.jpg",
|
||||
},
|
||||
tag: "Indulgence", title: "Prosecco Packages", subtitle: "Celebrate in style", description: "Enhance your visit with premium refreshments provided in our private lounge area.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-vacation-looking-sea_1303-14411.jpg"},
|
||||
]}
|
||||
title="Your private escape"
|
||||
description="Designed for maximum privacy and seamless enjoyment."
|
||||
@@ -111,38 +84,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100%",
|
||||
title: "Privacy Guaranteed",
|
||||
items: [
|
||||
"Key-based entry",
|
||||
"No crowds allowed",
|
||||
"Slot exclusivity",
|
||||
],
|
||||
id: "m1", value: "100%", title: "Privacy Guaranteed", items: [
|
||||
"Key-based entry", "No crowds allowed", "Slot exclusivity"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "OPEN",
|
||||
title: "Current Status",
|
||||
items: [
|
||||
"Live dashboard",
|
||||
"Easy booking",
|
||||
"Immediate confirmation",
|
||||
],
|
||||
id: "m2", value: "OPEN", title: "Current Status", items: [
|
||||
"Live dashboard", "Easy booking", "Immediate confirmation"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "360°",
|
||||
title: "Total Views",
|
||||
items: [
|
||||
"Mountain horizon",
|
||||
"Valley landscapes",
|
||||
"Unobstructed panorama",
|
||||
],
|
||||
id: "m3", value: "360°", title: "Total Views", items: [
|
||||
"Mountain horizon", "Valley landscapes", "Unobstructed panorama"],
|
||||
},
|
||||
]}
|
||||
title="Transparency built-in"
|
||||
@@ -152,44 +108,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena & Marek",
|
||||
role: "Engaged Couple",
|
||||
testimonial: "The private key system was such a relief. We proposed in total silence and privacy. Absolutely perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-standing-by-building_1303-11926.jpg",
|
||||
},
|
||||
id: "1", name: "Elena & Marek", role: "Engaged Couple", testimonial: "The private key system was such a relief. We proposed in total silence and privacy. Absolutely perfect.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-standing-by-building_1303-11926.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jana K.",
|
||||
role: "Photographer",
|
||||
testimonial: "Golden hour at HOTOVO is unbeatable. The access is seamless, perfect for client shoots.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-shopping-together_23-2149273780.jpg",
|
||||
},
|
||||
id: "2", name: "Jana K.", role: "Photographer", testimonial: "Golden hour at HOTOVO is unbeatable. The access is seamless, perfect for client shoots.", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-shopping-together_23-2149273780.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Petr & Anna",
|
||||
role: "Anniversary Celebrators",
|
||||
testimonial: "Prosecco package at sunset was pure magic. The tower felt like our own private kingdom.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12701.jpg",
|
||||
},
|
||||
id: "3", name: "Petr & Anna", role: "Anniversary Celebrators", testimonial: "Prosecco package at sunset was pure magic. The tower felt like our own private kingdom.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12701.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Martin D.",
|
||||
role: "Experienceseeker",
|
||||
testimonial: "Worth every cent for the peace of mind alone. Logistics were flawless.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-standing-by-building_1303-11925.jpg",
|
||||
},
|
||||
id: "4", name: "Martin D.", role: "Experienceseeker", testimonial: "Worth every cent for the peace of mind alone. Logistics were flawless.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-standing-by-building_1303-11925.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Klara S.",
|
||||
role: "Visitor",
|
||||
testimonial: "Finally a landmark that actually respects your time. A smooth, luxurious experience from start to finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-hug-smile-sitting-old-bus_1304-5367.jpg",
|
||||
},
|
||||
id: "5", name: "Klara S.", role: "Visitor", testimonial: "Finally a landmark that actually respects your time. A smooth, luxurious experience from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-hug-smile-sitting-old-bus_1304-5367.jpg"},
|
||||
]}
|
||||
title="Stories from the top"
|
||||
description="See why couples choose HOTOVO for their most special moments."
|
||||
@@ -201,14 +133,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Tourism Excellence Award",
|
||||
"Luxury Life Magazine",
|
||||
"Heritage Sites Board",
|
||||
"Design Annual 2024",
|
||||
"Premier Concierge Network",
|
||||
"Top Venue Association",
|
||||
"Hospitality Quality Seal",
|
||||
]}
|
||||
"Tourism Excellence Award", "Luxury Life Magazine", "Heritage Sites Board", "Design Annual 2024", "Premier Concierge Network", "Top Venue Association", "Hospitality Quality Seal"]}
|
||||
title="Recognized Excellence"
|
||||
description="Proudly featured across premium travel and design networks."
|
||||
/>
|
||||
@@ -220,20 +145,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does key access work?",
|
||||
content: "You will receive a unique access code on your phone 30 minutes before your slot, ensuring seamless entry.",
|
||||
},
|
||||
id: "q1", title: "How does key access work?", content: "You will receive a unique access code on your phone 30 minutes before your slot, ensuring seamless entry."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "What if it's raining?",
|
||||
content: "We offer flexible rebooking policies for all guests, ensuring you get your golden hour.",
|
||||
},
|
||||
id: "q2", title: "What if it's raining?", content: "We offer flexible rebooking policies for all guests, ensuring you get your golden hour."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I bring professional gear?",
|
||||
content: "Yes! We encourage photographers to bring their equipment for the perfect sunset shot.",
|
||||
},
|
||||
id: "q3", title: "Can I bring professional gear?", content: "Yes! We encourage photographers to bring their equipment for the perfect sunset shot."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-with-headphones-working-call-center-office_23-2149256157.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -247,16 +163,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Reserve Your View"
|
||||
title="Secure your private slot today"
|
||||
description="Availability is limited to ensure our signature exclusive experience. Book ahead to guarantee your golden hour."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Reserve Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -265,13 +178,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="HOTOVO"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Access",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Access", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user