Files
05651457-c3bb-481b-ac98-5a2…/src/pages/HomePage.tsx

253 lines
9.7 KiB
TypeScript

import AboutTextSplit from '@/components/sections/about/AboutTextSplit';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
import FeaturesComparison from '@/components/sections/features/FeaturesComparison';
import HeroBrandCarousel from '@/components/sections/hero/HeroBrandCarousel';
import ProductMediaCards from '@/components/sections/product/ProductMediaCards';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
import TestimonialMetricsCards from '@/components/sections/testimonial/TestimonialMetricsCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="home" data-section="home">
<SectionErrorBoundary name="home">
<HeroBrandCarousel
brand="Experience Unrivaled Luxury"
description="Discover a sanctuary of elegance and comfort in the heart of the city, where every stay is a masterpiece of hospitality."
primaryButton={{
text: "Book Your Stay",
href: "#contact",
}}
secondaryButton={{
text: "Explore Rooms",
href: "#rooms",
}}
items={[
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg" },
{ imageSrc: "https://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-office-with-decor-shelf_105762-1676.jpg" },
{ imageSrc: "https://img.b2bpic.net/free-photo/luxury-hotel-room-with-modern-design_105762-1677.jpg" },
]}
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTextSplit
title="A Legacy of Exquisite Hospitality"
descriptions={[
"The Grand Hotel has been a beacon of luxury and refined service for over a century. Nestled in a prime location, our heritage building blends classic grandeur with modern amenities to create an unforgettable experience for every guest.",
"From our meticulously designed rooms to our world-class dining, we are dedicated to providing unparalleled comfort and personalized attention. Our staff is committed to anticipating your needs and ensuring every moment of your stay is simply perfect.",
]}
/>
</SectionErrorBoundary>
</div>
<div id="amenities" data-section="amenities">
<SectionErrorBoundary name="amenities">
<FeaturesComparison
tag="Our Amenities"
title="Indulge in Premium Comfort"
description="From invigorating wellness facilities to seamless connectivity, The Grand Hotel ensures every aspect of your stay is exceptional."
negativeItems={[
"Limited dining options",
"Basic fitness center",
"No 24/7 concierge",
"Slow Wi-Fi",
]}
positiveItems={[
"24/7 Concierge Service",
"Michelin-starred Restaurant",
"Infinity Pool & Spa",
"State-of-the-art Fitness Studio",
"High-Speed Wi-Fi",
"Complimentary Valet Parking",
]}
/>
</SectionErrorBoundary>
</div>
<div id="rooms" data-section="rooms">
<SectionErrorBoundary name="rooms">
<ProductMediaCards
tag="Our Luxurious Rooms"
title="Find Your Perfect Sanctuary"
description="Each room and suite is a testament to sophisticated design, offering breathtaking views and unparalleled comfort."
products={[
{
name: "Deluxe King Room",
price: "$350/night",
imageSrc: "http://img.b2bpic.net/free-photo/empire-state-building-seen-from-apartment_23-2150897507.jpg",
},
{
name: "Executive Suite",
price: "$550/night",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-working-his-laptop-hotel-room_23-2149304009.jpg",
},
{
name: "Grand View Suite",
price: "$750/night",
imageSrc: "http://img.b2bpic.net/free-photo/couple-home-enjoying-life_23-2149167731.jpg",
},
{
name: "Family Two-Bedroom",
price: "$600/night",
imageSrc: "http://img.b2bpic.net/free-photo/long-shot-family-looking-through-map-caravan_23-2148659492.jpg",
},
{
name: "Penthouse Sky Suite",
price: "$1200/night",
imageSrc: "http://img.b2bpic.net/free-photo/balcony-witu-elegant-furniture-decoration-generative-ai_188544-12681.jpg",
},
{
name: "Garden View Room",
price: "$380/night",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-blue-dress-straw-hat-wearing-pink-sunglassses-walking-tropical-spa-villa-hotel-vacation-summer-style-outfit-sexy_285396-2478.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMetricsCards
tag="Guest Experiences"
title="What Our Guests Say"
description="Hear from travelers who have made The Grand Hotel their preferred destination for luxury and comfort."
testimonials={[
{
name: "Robert Chen",
role: "CEO, GlobalTech",
company: "GlobalTech",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-clasped-hands_23-2147955358.jpg",
},
{
name: "Jessica Lee",
role: "Travel Blogger",
company: "Wanderlust Diaries",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/skater-girl-posing_1321-1116.jpg",
},
{
name: "David & Sarah",
role: "Newlyweds",
company: "Honeymooners",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-having-fun-together-outdoors_23-2149095522.jpg",
},
{
name: "Emily Watson",
role: "Creative Director",
company: "Artisan Studio",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-tourist-screaming-pink-wall-color-emotion-tourist_140725-122555.jpg",
},
{
name: "Michael Brown",
role: "Luxury Travel Agent",
company: "Elite Journeys",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-charming-blonde-woman-white-blouse-smiles-sincerely_197531-23127.jpg",
},
{
name: "Olivia & James",
role: "Vacationers",
company: "Leisure Seekers",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-outdoors_23-2149137182.jpg",
},
]}
metrics={[
{
value: "9.8/10",
label: "Overall Satisfaction",
},
{
value: "1500+",
label: "Five-Star Reviews",
},
{
value: "20+",
label: "Years of Excellence",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="social-proof" data-section="social-proof">
<SectionErrorBoundary name="social-proof">
<SocialProofMarquee
tag="Awards & Recognition"
title="Trusted by the Best"
description="Proudly recognized by leading travel authorities and hospitality critics worldwide."
names={[
"Forbes Travel Guide",
"AAA Five Diamond",
"Michelin Guide",
"World Luxury Hotel Awards",
"Condé Nast Traveler",
"Travel + Leisure",
"TripAdvisor Hall of Fame",
"Luxury Lifestyle Awards",
]}
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTwoColumn
tag="Need Assistance?"
title="Frequently Asked Questions"
description="Find quick answers to common questions about your stay at The Grand Hotel."
items={[
{
question: "What are your check-in and check-out times?",
answer: "Check-in is at 3:00 PM, and check-out is at 12:00 PM. Early check-in or late check-out may be available upon request and subject to availability, with potential additional charges.",
},
{
question: "Do you offer airport transportation?",
answer: "Yes, we offer luxury airport transfer services. Please contact our concierge desk at least 24 hours in advance to arrange your transportation.",
},
{
question: "Is breakfast included with the room rate?",
answer: "Some room rates include complimentary breakfast. Please check your booking details or inquire with our reservations team when making your reservation.",
},
{
question: "Are pets allowed at The Grand Hotel?",
answer: "We are a pet-friendly hotel and welcome small dogs. A non-refundable pet fee applies, and certain restrictions may be in place. Please notify us in advance if you plan to bring a pet.",
},
{
question: "Do you have accessible rooms for guests with disabilities?",
answer: "Yes, The Grand Hotel offers several accessible rooms and suites designed for guests with disabilities. Please specify your requirements when booking, and we will ensure your needs are met.",
},
]}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Ready to Plan Your Escape?"
text="Book your unforgettable stay at The Grand Hotel and experience the pinnacle of luxury."
primaryButton={{
text: "Check Availability",
href: "#",
}}
secondaryButton={{
text: "Contact Us",
href: "#",
}}
/>
</SectionErrorBoundary>
</div>
</>
);
}