Merge version_1 into main #1
248
src/app/page.tsx
248
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Amenities",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Amenities", id: "#features" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Grand Horizon"
|
||||
/>
|
||||
@@ -55,72 +43,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Luxury Redefined at Grand Horizon"
|
||||
description="Experience unparalleled comfort in the heart of the city. Our rooms provide the perfect escape for relaxation and business."
|
||||
kpis={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Luxury Suites",
|
||||
},
|
||||
{
|
||||
value: "12",
|
||||
label: "Award Restaurants",
|
||||
},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Concierge Service",
|
||||
},
|
||||
{ value: "500+", label: "Luxury Suites" },
|
||||
{ value: "12", label: "Award Restaurants" },
|
||||
{ value: "24/7", label: "Concierge Service" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/long-corridor-showcase_1127-3442.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892901.jpg",
|
||||
alt: "Guest 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-side-view-restaurant-stairs-from-black-marble-long-windows-with-fabric-blinds_140725-8859.jpg",
|
||||
alt: "Guest 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/wc-sign-city_23-2150039852.jpg",
|
||||
alt: "Guest 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683403.jpg",
|
||||
alt: "Guest 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497269.jpg",
|
||||
alt: "Guest 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892901.jpg", alt: "Guest 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-side-view-restaurant-stairs-from-black-marble-long-windows-with-fabric-blinds_140725-8859.jpg", alt: "Guest 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/wc-sign-city_23-2150039852.jpg", alt: "Guest 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683403.jpg", alt: "Guest 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497269.jpg", alt: "Guest 5" },
|
||||
]}
|
||||
avatarText="Join 50,000+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Five-Star Comfort",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Elite Hospitality",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Unmatched Views",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "City Center Location",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Exquisite Dining",
|
||||
},
|
||||
{ type: "text", text: "Five-Star Comfort" },
|
||||
{ type: "text", text: "Elite Hospitality" },
|
||||
{ type: "text", text: "Unmatched Views" },
|
||||
{ type: "text", text: "City Center Location" },
|
||||
{ type: "text", text: "Exquisite Dining" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -129,19 +76,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our commitment to ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497281.jpg",
|
||||
alt: "Luxury Hotel Suite",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " excellence.",
|
||||
},
|
||||
{ type: "text", content: "Our commitment to " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497281.jpg", alt: "Luxury Hotel Suite" },
|
||||
{ type: "text", content: " excellence." },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -151,28 +88,14 @@ export default function LandingPage() {
|
||||
textboxLayout="inline-image"
|
||||
gridVariant="asymmetric-60-wide-40-narrow"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
features={[
|
||||
{
|
||||
title: "Wellness Spa",
|
||||
description: "Relax and rejuvenate with our award-winning spa treatments.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-hotel-resort_74190-8374.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/man-woman-lying-white-coats_1262-423.jpg",
|
||||
buttonText: "Book Now",
|
||||
},
|
||||
title: "Wellness Spa", description: "Relax and rejuvenate with our award-winning spa treatments.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-hotel-resort_74190-8374.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/man-woman-lying-white-coats_1262-423.jpg", buttonText: "Book Now"},
|
||||
{
|
||||
title: "Infinity Pool",
|
||||
description: "Swim among the clouds with our panoramic rooftop infinity pool.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-reading-book-while-spending-relaxing-day-wit-her-husband-wellness-center_637285-7458.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/happy-couple-bathrobes-relaxing-lounge-chairs-while-enjoying-their-wellness-weekend-focus-is-woman_637285-7502.jpg",
|
||||
buttonText: "Discover",
|
||||
},
|
||||
title: "Infinity Pool", description: "Swim among the clouds with our panoramic rooftop infinity pool.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-reading-book-while-spending-relaxing-day-wit-her-husband-wellness-center_637285-7458.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/happy-couple-bathrobes-relaxing-lounge-chairs-while-enjoying-their-wellness-weekend-focus-is-woman_637285-7502.jpg", buttonText: "Discover"},
|
||||
{
|
||||
title: "Fine Dining",
|
||||
description: "Savor culinary masterpieces crafted by world-renowned chefs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-dish-with-shrimp-white-plate_181624-10332.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/panoramic-sauna-with-view-modern-wooden-design-nature-relaxation_169016-68880.jpg",
|
||||
buttonText: "Menu",
|
||||
},
|
||||
title: "Fine Dining", description: "Savor culinary masterpieces crafted by world-renowned chefs.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-dish-with-shrimp-white-plate_181624-10332.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/panoramic-sauna-with-view-modern-wooden-design-nature-relaxation_169016-68880.jpg", buttonText: "Menu"},
|
||||
]}
|
||||
title="World-Class Amenities"
|
||||
description="From our serene spa to our rooftop pool, every detail is crafted for your delight."
|
||||
@@ -186,27 +109,9 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "98%",
|
||||
title: "Guest Satisfaction",
|
||||
description: "Consistent 5-star ratings.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20K",
|
||||
title: "Nights Hosted",
|
||||
description: "Years of exceptional hospitality.",
|
||||
icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "15+",
|
||||
title: "Global Awards",
|
||||
description: "Recognized in industry standards.",
|
||||
icon: Shield,
|
||||
},
|
||||
{ id: "m1", value: "98%", title: "Guest Satisfaction", description: "Consistent 5-star ratings.", icon: Star },
|
||||
{ id: "m2", value: "20K", title: "Nights Hosted", description: "Years of exceptional hospitality.", icon: Award },
|
||||
{ id: "m3", value: "15+", title: "Global Awards", description: "Recognized in industry standards.", icon: Shield },
|
||||
]}
|
||||
title="Excellence in Numbers"
|
||||
description="Thousands of guests choose us annually for their most memorable experiences."
|
||||
@@ -217,42 +122,13 @@ export default function LandingPage() {
|
||||
<TestimonialCardSix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="blur-reveal"
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
handle: "@traveler",
|
||||
testimonial: "An incredible experience. The attention to detail is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018852.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John D.",
|
||||
handle: "@business",
|
||||
testimonial: "The best hotel for business trips. Seamless service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cafe-drinking-tea-using-phone_1303-10735.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sarah P.",
|
||||
handle: "@weekend",
|
||||
testimonial: "Pure luxury and relaxation in every corner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-reading-library_23-2148727865.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mike R.",
|
||||
handle: "@foodie",
|
||||
testimonial: "The dining options were extraordinary and fresh.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-professional-businesswoman-sitting-her-office-answering-phone-call-using-her_1258-194674.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Emma L.",
|
||||
handle: "@luxury",
|
||||
testimonial: "Truly a 5-star experience from start to finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-brunette-girl-with-tattoo-her-leg-wearing-trendy-clothes-sunglasses-holds-takeaway-coffee-digital-tablet-while-sitting-bench-against-skyscraper-looking-came_613910-6560.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Alice M.", handle: "@traveler", testimonial: "An incredible experience. The attention to detail is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018852.jpg" },
|
||||
{ id: "t2", name: "John D.", handle: "@business", testimonial: "The best hotel for business trips. Seamless service.", imageSrc: "http://img.b2bpic.net/free-photo/woman-cafe-drinking-tea-using-phone_1303-10735.jpg" },
|
||||
{ id: "t3", name: "Sarah P.", handle: "@weekend", testimonial: "Pure luxury and relaxation in every corner.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-reading-library_23-2148727865.jpg" },
|
||||
{ id: "t4", name: "Mike R.", handle: "@foodie", testimonial: "The dining options were extraordinary and fresh.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-professional-businesswoman-sitting-her-office-answering-phone-call-using-her_1258-194674.jpg" },
|
||||
{ id: "t5", name: "Emma L.", handle: "@luxury", testimonial: "Truly a 5-star experience from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-brunette-girl-with-tattoo-her-leg-wearing-trendy-clothes-sunglasses-holds-takeaway-coffee-digital-tablet-while-sitting-bench-against-skyscraper-looking-came_613910-6560.jpg" },
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="Don't just take our word for it—listen to our guests."
|
||||
@@ -264,13 +140,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Travel Advisors",
|
||||
"Booking Pro",
|
||||
"Hotel Select",
|
||||
"Global Hospitality",
|
||||
"Premier Hotels",
|
||||
"Concierge Elite",
|
||||
"Travel Award",
|
||||
"Travel Advisors", "Booking Pro", "Hotel Select", "Global Hospitality", "Premier Hotels", "Concierge Elite", "Travel Award"
|
||||
]}
|
||||
title="Trusted by Travelers Globally"
|
||||
description="Featured in leading travel and hospitality publications."
|
||||
@@ -282,21 +152,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is the check-in time?",
|
||||
content: "Check-in starts at 3:00 PM local time.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are pets allowed?",
|
||||
content: "Yes, we are a pet-friendly hotel. Contact us for details.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, valet parking is provided 24/7.",
|
||||
},
|
||||
{ id: "f1", title: "What is the check-in time?", content: "Check-in starts at 3:00 PM local time." },
|
||||
{ id: "f2", title: "Are pets allowed?", content: "Yes, we are a pet-friendly hotel. Contact us for details." },
|
||||
{ id: "f3", title: "Is parking available?", content: "Yes, valet parking is provided 24/7." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about your stay at Grand Horizon."
|
||||
@@ -309,9 +167,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Stay Updated"
|
||||
title="Join Our Newsletter"
|
||||
description="Get exclusive rates and hotel updates delivered to your inbox."
|
||||
@@ -323,29 +179,15 @@ export default function LandingPage() {
|
||||
logoText="Grand Horizon"
|
||||
columns={[
|
||||
{
|
||||
title: "Hotel",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Hotel", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user