Merge version_1 into main #2
220
src/app/page.tsx
220
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Experience",
|
||||
id: "about",
|
||||
},
|
||||
name: "Experience", id: "about"},
|
||||
{
|
||||
name: "Amenities",
|
||||
id: "features",
|
||||
},
|
||||
name: "Amenities", id: "features"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Grand Horizon Hotel"
|
||||
/>
|
||||
@@ -56,63 +48,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Welcome to Grand Horizon"
|
||||
description="Redefining luxury in the heart of the city. Experience unparalleled comfort and timeless service tailored for every traveler."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Stay", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg"
|
||||
imageAlt="Grand hotel entrance"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683467.jpg",
|
||||
alt: "Luxury interior",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683467.jpg", alt: "Luxury interior"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/athletic-couple-arriving-ski-resort_482257-76721.jpg",
|
||||
alt: "Ski resort",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/athletic-couple-arriving-ski-resort_482257-76721.jpg", alt: "Ski resort"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683413.jpg",
|
||||
alt: "Luxurious interior",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683413.jpg", alt: "Luxurious interior"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-cafe_1303-25730.jpg",
|
||||
alt: "Cafe coffee",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-cafe_1303-25730.jpg", alt: "Cafe coffee"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-tv-with-wardrobe-walk-closet_105762-1941.jpg",
|
||||
alt: "Bedroom suite",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-tv-with-wardrobe-walk-closet_105762-1941.jpg", alt: "Bedroom suite"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ satisfied guests globally"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "5-Star Service",
|
||||
},
|
||||
type: "text", text: "5-Star Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "City Center Location",
|
||||
},
|
||||
type: "text", text: "City Center Location"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Michelin Dining",
|
||||
},
|
||||
type: "text", text: "Michelin Dining"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Award-Winning Spa",
|
||||
},
|
||||
type: "text", text: "Award-Winning Spa"},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Concierge",
|
||||
},
|
||||
type: "text", text: "24/7 Concierge"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,19 +93,13 @@ export default function LandingPage() {
|
||||
description="Since 1985, we have been the benchmark for luxury hospitality, blending classic architecture with modern amenities for a truly unique stay."
|
||||
metrics={[
|
||||
{
|
||||
value: "40+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "40+", title: "Years Experience"},
|
||||
{
|
||||
value: "150",
|
||||
title: "Luxury Rooms",
|
||||
},
|
||||
value: "150", title: "Luxury Rooms"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Concierge Service",
|
||||
},
|
||||
value: "24/7", title: "Concierge Service"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pillow-bed_1203-9643.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pillow-bed_1203-9643.jpg"
|
||||
imageAlt="Luxury bedroom"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -150,46 +113,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Outdoor Oasis",
|
||||
description: "Infinity pool overlooking the city skyline.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-young-asian-woman-happy-smile-relax-around-swimming-pool-resort-hotel_74190-10111.jpg",
|
||||
imageAlt: "Pool",
|
||||
},
|
||||
title: "Outdoor Oasis", description: "Infinity pool overlooking the city skyline.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-young-asian-woman-happy-smile-relax-around-swimming-pool-resort-hotel_74190-10111.jpg", imageAlt: "Pool"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-ocean-white-relax-umbrella_1203-3798.jpg",
|
||||
imageAlt: "Pool Details",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-equipment-complex_482257-76748.jpg?_wi=2",
|
||||
imageAlt: "swimming pool hotel luxury summer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/light-ocean-white-relax-umbrella_1203-3798.jpg", imageAlt: "Pool Details"}
|
||||
},
|
||||
{
|
||||
title: "Fine Dining",
|
||||
description: "Michelin-starred cuisine featuring local ingredients.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-beef-medallion-with-sauce-vegetables-white-plate-table_140725-11508.jpg",
|
||||
imageAlt: "Restaurant",
|
||||
},
|
||||
title: "Fine Dining", description: "Michelin-starred cuisine featuring local ingredients.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-grilled-beef-medallion-with-sauce-vegetables-white-plate-table_140725-11508.jpg", imageAlt: "Restaurant"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-meat-dish-with-glass-wine-table-meat-meal-food_140725-28163.jpg",
|
||||
imageAlt: "Dining Details",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_1203-9643.jpg?_wi=2",
|
||||
imageAlt: "swimming pool hotel luxury summer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-meat-dish-with-glass-wine-table-meat-meal-food_140725-28163.jpg", imageAlt: "Dining Details"}
|
||||
},
|
||||
{
|
||||
title: "Wellness Spa",
|
||||
description: "Full-service spa for rejuvenation and relaxation.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-from-spa-treatment_53876-137608.jpg",
|
||||
imageAlt: "Spa",
|
||||
},
|
||||
title: "Wellness Spa", description: "Full-service spa for rejuvenation and relaxation.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-from-spa-treatment_53876-137608.jpg", imageAlt: "Spa"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-couple-wearing-bathrobes-while-enjoying-health-spa-focus-is-man_637285-7504.jpg",
|
||||
imageAlt: "Spa Details",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-home-doing-her-beauty-routine_23-2150420952.jpg?_wi=1",
|
||||
imageAlt: "swimming pool hotel luxury summer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-couple-wearing-bathrobes-while-enjoying-health-spa-focus-is-man_637285-7504.jpg", imageAlt: "Spa Details"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -205,23 +144,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
icon: Award,
|
||||
title: "Guest Satisfaction",
|
||||
value: "99%",
|
||||
},
|
||||
id: "m1", icon: Award,
|
||||
title: "Guest Satisfaction", value: "99%"},
|
||||
{
|
||||
id: "m2",
|
||||
icon: Users,
|
||||
title: "Annual Visitors",
|
||||
value: "15k+",
|
||||
},
|
||||
id: "m2", icon: Users,
|
||||
title: "Annual Visitors", value: "15k+"},
|
||||
{
|
||||
id: "m3",
|
||||
icon: Star,
|
||||
title: "Travel Awards",
|
||||
value: "24",
|
||||
},
|
||||
id: "m3", icon: Star,
|
||||
title: "Travel Awards", value: "24"},
|
||||
]}
|
||||
title="Our Impact"
|
||||
description="Thousands of guests choose us every year for the perfect stay."
|
||||
@@ -233,30 +163,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-home-doing-her-beauty-routine_23-2150420952.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-home-doing-her-beauty-routine_23-2150420952.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Clark",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-traveling_23-2149338624.jpg",
|
||||
},
|
||||
id: "2", name: "David Clark", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-traveling_23-2149338624.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Watson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018820.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Watson", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018820.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Chloe Bennett",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-rich-woman-posing-couch_23-2149722572.jpg",
|
||||
},
|
||||
id: "4", name: "Chloe Bennett", imageSrc: "http://img.b2bpic.net/free-photo/front-view-rich-woman-posing-couch_23-2149722572.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "James Foster",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-having-breakfast-balcony-surround-flowers-sunny-morning-city-she-holds-cup-croissant-smiling_197531-2296.jpg",
|
||||
},
|
||||
id: "5", name: "James Foster", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-having-breakfast-balcony-surround-flowers-sunny-morning-city-she-holds-cup-croissant-smiling_197531-2296.jpg"},
|
||||
]}
|
||||
cardTitle="Guest Reviews"
|
||||
cardTag="Testimonials"
|
||||
@@ -270,25 +185,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is breakfast included?",
|
||||
content: "Yes, complimentary breakfast is served daily for all guests.",
|
||||
},
|
||||
id: "q1", title: "Is breakfast included?", content: "Yes, complimentary breakfast is served daily for all guests."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you have parking?",
|
||||
content: "We offer complimentary valet parking for all guests.",
|
||||
},
|
||||
id: "q2", title: "Do you have parking?", content: "We offer complimentary valet parking for all guests."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I request late checkout?",
|
||||
content: "Late checkout is subject to availability and may incur a fee.",
|
||||
},
|
||||
id: "q3", title: "Can I request late checkout?", content: "Late checkout is subject to availability and may incur a fee."},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Quick answers to help you plan your upcoming stay."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pillow-bed_1203-9643.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pillow-bed_1203-9643.jpg"
|
||||
imageAlt="FAQ Background"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -299,12 +205,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Travelers Choice",
|
||||
"Hospitality Weekly",
|
||||
"Elite Accommodations",
|
||||
"World Travel Report",
|
||||
"Hotel Excellence",
|
||||
]}
|
||||
"Travelers Choice", "Hospitality Weekly", "Elite Accommodations", "World Travel Report", "Hotel Excellence"]}
|
||||
title="Trusted by Travelers"
|
||||
description="Featured in leading travel and hospitality publications."
|
||||
/>
|
||||
@@ -314,16 +215,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Reservations"
|
||||
title="Ready to Book?"
|
||||
description="Secure your room today and receive exclusive perks for your upcoming stay."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@grandhorizon.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@grandhorizon.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -334,29 +232,19 @@ export default function LandingPage() {
|
||||
logoText="Grand Horizon"
|
||||
columns={[
|
||||
{
|
||||
title: "Hotel",
|
||||
items: [
|
||||
title: "Hotel", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user