Merge version_1_1777479829718 into main #2
@@ -11,258 +11,122 @@ import { Sparkles, Utensils, Wifi } from "lucide-react";
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
tag="Welcome to Grand Horizon"
|
||||
title="Exquisite Comfort Meets Unrivaled Luxury"
|
||||
description="Discover a sanctuary of elegance in the heart of the city. Every stay with us is a promise of serenity and personalized attention."
|
||||
primaryButton={{
|
||||
text: "Book Your Stay",
|
||||
href: "#booking",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Explore Suites",
|
||||
href: "#rooms",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-tv-cabinet_105762-2282.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
tag="Welcome to Grand Horizon"
|
||||
title="Exquisite Comfort Meets Unrivaled Luxury"
|
||||
description="Discover a sanctuary of elegance in the heart of the city. Every stay with us is a promise of serenity and personalized attention."
|
||||
primaryButton={{
|
||||
text: "Book Your Stay", href: "#booking"}}
|
||||
secondaryButton={{
|
||||
text: "Explore Suites", href: "#rooms"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-tv-cabinet_105762-2282.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Our Story"
|
||||
title="A Legacy of Sophistication"
|
||||
description="Born from a passion for architecture and hospitality, Grand Horizon combines modern design with timeless service, offering a unique experience for every guest."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wide-angle-shot-travel-accommodation-hotel-lounge-with-check-reception-desk-stylish-empty-modern-resort-foyer-interior-with-cozy-furniture-warm-fireplace-ready-welcome-tourists_482257-67830.jpg?_wi=1"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMediaOverlay
|
||||
tag="Our Story"
|
||||
title="A Legacy of Sophistication"
|
||||
description="Born from a passion for architecture and hospitality, Grand Horizon combines modern design with timeless service, offering a unique experience for every guest."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wide-angle-shot-travel-accommodation-hotel-lounge-with-check-reception-desk-stylish-empty-modern-resort-foyer-interior-with-cozy-furniture-warm-fireplace-ready-welcome-tourists_482257-67830.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="amenities" data-section="amenities">
|
||||
<FeaturesDualMedia
|
||||
tag="Elevated Services"
|
||||
title="Indulge in Excellence"
|
||||
description="From world-class dining to rejuvenating spa treatments, your every need is our priority."
|
||||
items={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Celestial Spa",
|
||||
description: "Revitalize your senses in our holistic hydrotherapy and treatment center.",
|
||||
mediaItems: [
|
||||
<div id="amenities" data-section="amenities">
|
||||
<FeaturesDualMedia
|
||||
tag="Elevated Services"
|
||||
title="Indulge in Excellence"
|
||||
description="From world-class dining to rejuvenating spa treatments, your every need is our priority."
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/panoramic-sauna-with-view-modern-wooden-design-nature-relaxation_169016-68880.jpg",
|
||||
icon: "Sparkles", title: "Celestial Spa", description: "Revitalize your senses in our holistic hydrotherapy and treatment center.", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/panoramic-sauna-with-view-modern-wooden-design-nature-relaxation_169016-68880.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/still-life-spa_23-2148000228.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spa_23-2148000228.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-bedroom-suite-hotel-with-tv-cabinet_105762-2282.jpg?_wi=2",
|
||||
imageAlt: "luxury spa wellness center interior",
|
||||
},
|
||||
{
|
||||
icon: Utensils,
|
||||
title: "The Horizon Dining",
|
||||
description: "Gastronomic masterpieces served in our intimate, skyline-view restaurant.",
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/served-breakfast-sausages-boiled-egg-omelette-croissant-plates-cup-tea-table_176474-2674.jpg",
|
||||
icon: "Utensils", title: "The Horizon Dining", description: "Gastronomic masterpieces served in our intimate, skyline-view restaurant.", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/served-breakfast-sausages-boiled-egg-omelette-croissant-plates-cup-tea-table_176474-2674.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/buffet-breakfast-with-sweets_116348-94.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/buffet-breakfast-with-sweets_116348-94.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-travel-accommodation-hotel-lounge-with-check-reception-desk-stylish-empty-modern-resort-foyer-interior-with-cozy-furniture-warm-fireplace-ready-welcome-tourists_482257-67830.jpg?_wi=2",
|
||||
imageAlt: "luxury spa wellness center interior",
|
||||
},
|
||||
{
|
||||
icon: Wifi,
|
||||
title: "Premium Connectivity",
|
||||
description: "High-speed, seamless internet access throughout the property.",
|
||||
mediaItems: [
|
||||
icon: "Wifi", title: "Premium Connectivity", description: "High-speed, seamless internet access throughout the property.", mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/serene-spa-interior_23-2151945692.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157826.jpg" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductQuantityCards
|
||||
tag="Accommodations"
|
||||
title="Refined Living Spaces"
|
||||
description="Select from our range of meticulously designed suites, each boasting breathtaking views and bespoke furnishings."
|
||||
products={[
|
||||
{ name: "Deluxe King Suite", price: "$450/night", imageSrc: "http://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg" },
|
||||
{ name: "Executive Junior Suite", price: "$380/night", imageSrc: "http://img.b2bpic.net/free-photo/blend-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160107.jpg" },
|
||||
{ name: "Penthouse Sky Loft", price: "$950/night", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-bedroom-suite-resort-hotel-with-twin-bed-living_105762-2018.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingLayeredCards
|
||||
tag="Membership"
|
||||
title="Exclusive Loyalty Programs"
|
||||
description="Join our Horizon Membership for complimentary upgrades, early check-in, and exclusive member-only events."
|
||||
plans={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/serene-spa-interior_23-2151945692.jpg",
|
||||
tag: "Member", price: "Free", description: "Basic perks for frequent travelers.", primaryButton: { text: "Join Now", href: "#" },
|
||||
features: ["10% off room rate", "Complimentary Wifi", "Late check-out"]
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157826.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg?_wi=1",
|
||||
imageAlt: "luxury spa wellness center interior",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
tag: "Gold Tier", price: "$299/year", description: "Elite luxury benefits for your stay.", primaryButton: { text: "Upgrade", href: "#" },
|
||||
features: ["20% off dining", "Room upgrades", "Priority booking", "Private concierge"]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductQuantityCards
|
||||
tag="Accommodations"
|
||||
title="Refined Living Spaces"
|
||||
description="Select from our range of meticulously designed suites, each boasting breathtaking views and bespoke furnishings."
|
||||
products={[
|
||||
{
|
||||
name: "Deluxe King Suite",
|
||||
price: "$450/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
name: "Executive Junior Suite",
|
||||
price: "$380/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blend-minimal-nordic-interior-design-with-japanese-wabi-sabi-style_23-2151160107.jpg",
|
||||
},
|
||||
{
|
||||
name: "Penthouse Sky Loft",
|
||||
price: "$950/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-bedroom-suite-resort-hotel-with-twin-bed-living_105762-2018.jpg",
|
||||
},
|
||||
{
|
||||
name: "Classic Guest Room",
|
||||
price: "$290/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-fengshui-practice-bedroom-arrangement_23-2149135755.jpg",
|
||||
},
|
||||
{
|
||||
name: "Accessible Premier Room",
|
||||
price: "$310/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-bathrobe-towel-her-head-looks-thoughtfully-out-window-with-cup-tea-her-hands_197531-17270.jpg",
|
||||
},
|
||||
{
|
||||
name: "Grand Boutique Suite",
|
||||
price: "$620/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rococo-interior-design-style_23-2151918310.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialOverlayCards
|
||||
tag="Our Guests"
|
||||
title="A World-Class Experience"
|
||||
description="See why Grand Horizon is the premier choice for travelers seeking unparalleled comfort."
|
||||
testimonials={[
|
||||
{ name: "Elena Vance", role: "Travel Blogger", company: "GlobeTrotter", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-airline-check-attendant-counter_107420-95799.jpg" },
|
||||
{ name: "Marcus Thorne", role: "CEO", company: "Innovate", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-walking-with-luggage_107420-95915.jpg" },
|
||||
{ name: "Sarah Miller", role: "Designer", company: "Studio", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-kissing-happy-man-bar-counter_23-2148016762.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingLayeredCards
|
||||
tag="Membership"
|
||||
title="Exclusive Loyalty Programs"
|
||||
description="Join our Horizon Membership for complimentary upgrades, early check-in, and exclusive member-only events."
|
||||
plans={[
|
||||
{
|
||||
tag: "Member",
|
||||
price: "Free",
|
||||
description: "Basic perks for frequent travelers.",
|
||||
primaryButton: {
|
||||
text: "Join Now",
|
||||
href: "#",
|
||||
},
|
||||
features: [
|
||||
"10% off room rate",
|
||||
"Complimentary Wifi",
|
||||
"Late check-out",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Gold Tier",
|
||||
price: "$299/year",
|
||||
description: "Elite luxury benefits for your stay.",
|
||||
primaryButton: {
|
||||
text: "Upgrade",
|
||||
href: "#",
|
||||
},
|
||||
features: [
|
||||
"20% off dining",
|
||||
"Room upgrades",
|
||||
"Priority booking",
|
||||
"Private concierge",
|
||||
],
|
||||
},
|
||||
{
|
||||
tag: "Platinum",
|
||||
price: "$599/year",
|
||||
description: "The ultimate bespoke experience.",
|
||||
primaryButton: {
|
||||
text: "Upgrade",
|
||||
href: "#",
|
||||
},
|
||||
features: [
|
||||
"Free airport transfer",
|
||||
"Spa credit",
|
||||
"All access lounge",
|
||||
"Dedicated butler",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We're here to assist you with every aspect of your stay."
|
||||
items={[
|
||||
{ question: "What is the check-in time?", answer: "Check-in begins at 3:00 PM." },
|
||||
{ question: "Are pets allowed?", answer: "We welcome pets under 20lbs with a small cleaning deposit." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/receptionist-handing-passport-key-room-access_482257-99062.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialOverlayCards
|
||||
tag="Our Guests"
|
||||
title="A World-Class Experience"
|
||||
description="See why Grand Horizon is the premier choice for travelers seeking unparalleled comfort."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Elena Vance",
|
||||
role: "Travel Blogger",
|
||||
company: "GlobeTrotter",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-airline-check-attendant-counter_107420-95799.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus Thorne",
|
||||
role: "CEO",
|
||||
company: "Innovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-walking-with-luggage_107420-95915.jpg",
|
||||
},
|
||||
{
|
||||
name: "Sarah Miller",
|
||||
role: "Designer",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-kissing-happy-man-bar-counter_23-2148016762.jpg",
|
||||
},
|
||||
{
|
||||
name: "David Chen",
|
||||
role: "Entrepreneur",
|
||||
company: "Tech Ventures",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-desk-front-view_23-2149741202.jpg",
|
||||
},
|
||||
{
|
||||
name: "Jessica Low",
|
||||
role: "Consultant",
|
||||
company: "Strategy Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-thinking-before-writing-her-notebook_23-2147601311.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Support"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We're here to assist you with every aspect of your stay."
|
||||
items={[
|
||||
{
|
||||
question: "What is the check-in time?",
|
||||
answer: "Check-in begins at 3:00 PM.",
|
||||
},
|
||||
{
|
||||
question: "Are pets allowed?",
|
||||
answer: "We welcome pets under 20lbs with a small cleaning deposit.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer airport shuttle?",
|
||||
answer: "Yes, we offer complimentary shuttle service for Platinum guests.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/receptionist-handing-passport-key-room-access_482257-99062.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Stay Connected"
|
||||
title="Receive Exclusive Offers"
|
||||
description="Sign up for our newsletter to get seasonal discounts and travel insights."
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Subscribe"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Stay Connected"
|
||||
title="Receive Exclusive Offers"
|
||||
description="Sign up for our newsletter to get seasonal discounts and travel insights."
|
||||
inputPlaceholder="Enter your email address"
|
||||
buttonText="Subscribe"
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user