216 lines
12 KiB
TypeScript
216 lines
12 KiB
TypeScript
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeaturesBento from '@/components/sections/features/FeaturesBento';
|
|
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
|
|
import MetricsGradientCards from '@/components/sections/metrics/MetricsGradientCards';
|
|
import ProductVariantCards from '@/components/sections/product/ProductVariantCards';
|
|
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
|
import TestimonialAvatarCard from '@/components/sections/testimonial/TestimonialAvatarCard';
|
|
import { Activity, Building2, Calendar, Droplet, Key, Leaf, MapPin, Sparkles, Star, Utensils } from "lucide-react";
|
|
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
|
|
|
export default function HomePage() {
|
|
return (
|
|
<>
|
|
<div id="hero" data-section="hero">
|
|
<SectionErrorBoundary name="hero">
|
|
<HeroSplitVerticalMarquee
|
|
tag="Welcome to The Grand Stay"
|
|
title="Experience Unrivaled Luxury"
|
|
description="Discover a sanctuary where comfort meets elegance. The Grand Stay offers an exquisite experience for every guest, blending opulent design with impeccable service for an unforgettable stay."
|
|
primaryButton={{
|
|
text: "Book Your Stay", href: "#contact"}}
|
|
secondaryButton={{
|
|
text: "Explore Rooms", href: "#rooms"}}
|
|
leftItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-coffee-tables-cosy-sofas-plants-shelves_140725-7785.jpg"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683401.jpg"},
|
|
]}
|
|
rightItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tranquil-sunset-reflection-tropical-coastline-generated-by-ai_188544-36460.jpg"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bathtub_1203-2911.jpg"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/person-running-gym_140725-7920.jpg"},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SectionErrorBoundary name="about">
|
|
<AboutFeaturesSplit
|
|
tag="Our Story"
|
|
title="Where Every Moment is Special"
|
|
description="The Grand Stay is more than just a hotel; it's a destination crafted for unforgettable experiences. Since our inception, we've dedicated ourselves to providing unparalleled service and luxurious accommodations, ensuring every guest feels truly cherished. We blend timeless elegance with modern comfort to create a haven for discerning travelers."
|
|
items={[
|
|
{
|
|
icon: Building2,
|
|
title: "Exceptional Service", description: "Our dedicated staff anticipates your every need, offering personalized service to make your stay truly memorable."},
|
|
{
|
|
icon: Utensils,
|
|
title: "Exquisite Dining", description: "Savor gourmet cuisine from world-renowned chefs in our elegant restaurants and bars."},
|
|
{
|
|
icon: MapPin,
|
|
title: "Prime Location", description: "Nestled in the heart of the city, we offer easy access to major attractions and business districts."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683507.jpg"
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="rooms" data-section="rooms">
|
|
<SectionErrorBoundary name="rooms">
|
|
<ProductVariantCards
|
|
tag="Our Accommodations"
|
|
title="Indulge in Comfort & Style"
|
|
description="From opulent suites to cozy deluxe rooms, each space is meticulously designed to offer a serene escape with modern amenities and breathtaking views. Find your perfect retreat."
|
|
products={[
|
|
{
|
|
name: "Deluxe Room", variant: "City View", price: "$299/night", imageSrc: "http://img.b2bpic.net/free-photo/man-giving-juice-girlfriend_23-2147766918.jpg"},
|
|
{
|
|
name: "Executive Suite", variant: "Ocean View", price: "$499/night", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-office-desk-with-smartphone-medical-mask_23-2148804401.jpg"},
|
|
{
|
|
name: "Grand Suite", variant: "Corner View", price: "$799/night", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-home_1157-18416.jpg"},
|
|
{
|
|
name: "Presidential Suite", variant: "Penthouse", price: "$1999/night", imageSrc: "http://img.b2bpic.net/free-photo/rococo-interior-design-style_23-2151918324.jpg"},
|
|
{
|
|
name: "Family Room", variant: "Connecting", price: "$399/night", imageSrc: "http://img.b2bpic.net/free-photo/sharing-ideas-with-pretty-girlfriend_1098-15697.jpg"},
|
|
{
|
|
name: "Accessible Room", variant: "Garden View", price: "$299/night", imageSrc: "http://img.b2bpic.net/free-photo/empty-living-room-with-wheelchair-help-with-chronic-disability-injury-nobody-space-with-transportation-object-give-support-patient-help-with-accessibility-physical-recovery_482257-39017.jpg"},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="amenities" data-section="amenities">
|
|
<SectionErrorBoundary name="amenities">
|
|
<FeaturesBento
|
|
tag="World-Class Amenities"
|
|
title="Beyond Expectation"
|
|
description="From gourmet dining to a rejuvenating spa, our amenities are curated to enhance your stay and create lasting memories. Experience luxury at every turn."
|
|
features={[
|
|
{
|
|
title: "Gourmet Dining", description: "Indulge in exquisite culinary journeys at our award-winning restaurants and vibrant bars.", bentoComponent: "media-stack", mediaItems: [
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-cooking_23-2148471936.jpg"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/view-pretty-tanned-woman-black-vintage-bikini-lies-green-sun-bed-amazing-villa-sunny-day-resting-enjoying-vacation_343596-2545.jpg"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/tourists-going-through-check-process-hotel-reception-desk_482257-82845.jpg"},
|
|
]
|
|
},
|
|
{
|
|
title: "Rejuvenating Spa", description: "Relax and unwind with a range of personalized treatments and wellness programs in our tranquil spa.", bentoComponent: "info-card-marquee", infoCards: [
|
|
{
|
|
icon: Sparkles,
|
|
label: "Massages", value: "Therapeutic"},
|
|
{
|
|
icon: Leaf,
|
|
label: "Facials", value: "Revitalizing"},
|
|
{
|
|
icon: Droplet,
|
|
label: "Hydrotherapy", value: "Soothing"},
|
|
]
|
|
},
|
|
{
|
|
title: "Fitness Center", description: "Stay active with state-of-the-art equipment and expert trainers in our modern fitness facility.", bentoComponent: "orbiting-icons", centerIcon: Activity,
|
|
orbitIcons: [
|
|
"HeartPulse", "Bike", "Weight", "PersonStanding", "Activity"]
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<SectionErrorBoundary name="metrics">
|
|
<MetricsGradientCards
|
|
tag="Our Legacy"
|
|
title="A Tradition of Excellence"
|
|
description="With decades of experience and countless satisfied guests, The Grand Stay sets the standard for luxury hospitality, delivering exceptional moments year after year."
|
|
metrics={[
|
|
{
|
|
value: "25+", title: "Years of Service", description: "A quarter-century of unparalleled hospitality and guest satisfaction.", icon: Calendar,
|
|
},
|
|
{
|
|
value: "500+", title: "Luxurious Rooms", description: "A diverse collection of rooms and suites designed for ultimate comfort.", icon: Key,
|
|
},
|
|
{
|
|
value: "98%", title: "Guest Satisfaction", description: "Consistently high ratings from guests who experience our dedication.", icon: Star,
|
|
},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<SectionErrorBoundary name="testimonials">
|
|
<TestimonialAvatarCard
|
|
tag="Guest Reviews"
|
|
title="Hear From Our Cherished Guests"
|
|
avatars={[
|
|
{
|
|
name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg"},
|
|
{
|
|
name: "Michael T.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-blonde-woman-speak-by-her-phone-smart-casual-outfit-hat-sweater-clear-glasses-positive-emotions-palm-trees-around_291049-608.jpg"},
|
|
{
|
|
name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/family-hanging-out-jetty_52683-122478.jpg"},
|
|
{
|
|
name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-romantic-senior-couple_23-2149728412.jpg"},
|
|
{
|
|
name: "James L.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-coffee-near-banister_23-2147694689.jpg"},
|
|
]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SectionErrorBoundary name="social-proof">
|
|
<SocialProofMarquee
|
|
tag="Recognized Excellence"
|
|
title="Accolades & Affiliations"
|
|
description="Proudly recognized by leading hospitality organizations and travel critics for our commitment to excellence and luxury standards."
|
|
names={[
|
|
"Traveler's Choice Awards", "Luxury Hotel Guide", "Forbes Travel Guide", "Conde Nast Traveler", "AAA Five Diamond Award", "World Luxury Hotel Awards", "Michelin Star", "Leading Hotels of the World", "Relais & Châteaux", "Preferred Hotels & Resorts"]}
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<SectionErrorBoundary name="contact">
|
|
<ContactSplitForm
|
|
tag="Contact Us"
|
|
title="Your Perfect Stay Awaits"
|
|
description="Have a question or need assistance with your reservation? Our dedicated team is here to help you plan an unforgettable experience. Reach out anytime."
|
|
inputs={[
|
|
{
|
|
name: "fullName", type: "text", placeholder: "Full Name", required: true,
|
|
},
|
|
{
|
|
name: "email", type: "email", placeholder: "Email Address", required: true,
|
|
},
|
|
{
|
|
name: "phone", type: "tel", placeholder: "Phone Number"},
|
|
{
|
|
name: "checkInDate", type: "date", placeholder: "Check-in Date"},
|
|
{
|
|
name: "checkOutDate", type: "date", placeholder: "Check-out Date"},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Your Message", rows: 5,
|
|
}}
|
|
buttonText="Send Inquiry"
|
|
imageSrc="http://img.b2bpic.net/free-photo/guests-leaving-access-key-card_482257-86295.jpg"
|
|
/>
|
|
</SectionErrorBoundary>
|
|
</div>
|
|
</>
|
|
);
|
|
}
|