Files
4ec5b537-cd86-4cf2-9303-404…/src/pages/HomePage.tsx
2026-06-26 20:07:21 +00:00

240 lines
8.6 KiB
TypeScript

import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqSimple from '@/components/sections/faq/FaqSimple';
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards';
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
import { Bell, Car, Utensils } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroTiltedCards
tag="Experience Excellence"
title="Welcome to Grand Plaza Hotel"
description="Redefining luxury in the heart of the city. Enjoy unmatched hospitality, refined dining, and personalized service."
primaryButton={{
text: "Book Your Stay",
href: "#contact",
}}
secondaryButton={{
text: "Explore Offers",
href: "#rooms",
}}
items={[
{
imageSrc: "https://images.pexels.com/photos/29058903/pexels-photo-29058903.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
},
{
imageSrc: "https://images.pexels.com/photos/1134176/pexels-photo-1134176.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
},
{
imageSrc: "https://images.pexels.com/photos/7243883/pexels-photo-7243883.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
},
{
imageSrc: "https://images.pexels.com/photos/14256889/pexels-photo-14256889.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
},
{
imageSrc: "https://images.pexels.com/photos/8933584/pexels-photo-8933584.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
},
]}
textAnimation="fade-blur"
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<AboutFeaturesSplit
tag="Our Services"
title="Unparalleled Amenities"
description="We go above and beyond to make your stay memorable."
items={[
{
icon: Bell,
title: "24/7 Concierge",
description: "Expert guidance for city secrets.",
},
{
icon: Utensils,
title: "Gourmet Dining",
description: "World-class chefs at your service.",
},
{
icon: Car,
title: "Valet & Transfers",
description: "Seamless arrivals and departures.",
},
]}
imageSrc="https://storage.googleapis.com/webild/users/user_3AKDZQtpZ8HQ73PXRvriXIQYy3m/sun-drenched-luxury-hotel-suite-featurin-1782504440682-a585ae32.png"
textAnimation="slide-up"
/>
</SectionErrorBoundary>
</div>
<div id="rooms" data-section="rooms">
<SectionErrorBoundary name="rooms">
<FeaturesImageBento
tag="Accommodation"
title="Choose Your Sanctuary"
description="Find peace and comfort in our meticulously designed rooms."
items={[
{
title: "Deluxe Room",
description: "A haven of comfort and style.",
imageSrc: "https://images.pexels.com/photos/14025033/pexels-photo-14025033.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
},
{
title: "Grand Suite",
description: "Spacious luxury for special guests.",
imageSrc: "https://images.pexels.com/photos/34645062/pexels-photo-34645062.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
},
{
title: "Ocean View",
description: "Breathtaking views from your balcony.",
imageSrc: "https://images.pexels.com/photos/34962016/pexels-photo-34962016.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
},
{
title: "Presidential",
description: "The peak of hotel excellence.",
imageSrc: "https://images.pexels.com/photos/14547145/pexels-photo-14547145.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
},
{
title: "Boutique",
description: "Intimate and refined experience.",
imageSrc: "https://images.pexels.com/photos/2471188/pexels-photo-2471188.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
},
{
title: "Standard",
description: "Perfect for short trips.",
imageSrc: "https://images.pexels.com/photos/31728406/pexels-photo-31728406.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
},
{
title: "Executive",
description: "Business refined for you.",
imageSrc: "https://images.pexels.com/photos/35868592/pexels-photo-35868592.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
},
]}
textAnimation="fade"
/>
</SectionErrorBoundary>
</div>
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsMediaCards
tag="Our Impact"
title="Hotel By Numbers"
description="Thousands of satisfied guests trust us annually."
metrics={[
{
value: "15,000+",
title: "Happy Guests",
description: "Travelers served every year.",
imageSrc: "https://images.pexels.com/photos/37240654/pexels-photo-37240654.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
},
{
value: "5 Stars",
title: "Rated Excellence",
description: "Highest guest satisfaction rating.",
imageSrc: "https://images.pexels.com/photos/19689235/pexels-photo-19689235.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
},
]}
textAnimation="slide-up"
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialQuoteCards
tag="Guest Stories"
title="What People Say"
description="We are honored to receive such kind feedback."
testimonials={[
{
name: "Sarah J.",
role: "Traveler",
quote: "The absolute best hotel experience of my life.",
imageSrc: "https://images.pexels.com/photos/5357621/pexels-photo-5357621.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
},
{
name: "Mark L.",
role: "Guest",
quote: "Stunning design and impeccable service.",
imageSrc: "https://images.pexels.com/photos/36730535/pexels-photo-36730535.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
},
{
name: "Elena R.",
role: "Traveler",
quote: "I felt truly pampered from arrival to departure.",
imageSrc: "https://images.pexels.com/photos/29352975/pexels-photo-29352975.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
},
{
name: "David K.",
role: "Executive",
quote: "Perfect for business trips, always professional.",
imageSrc: "https://images.pexels.com/photos/7820308/pexels-photo-7820308.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
},
{
name: "Anna P.",
role: "Vacationer",
quote: "The spa treatments are life-changing.",
imageSrc: "https://images.pexels.com/photos/14511769/pexels-photo-14511769.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
},
]}
textAnimation="fade-blur"
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSimple
tag="Questions?"
title="Common Questions"
description="Answers to help plan your upcoming stay."
items={[
{
question: "What is the check-in time?",
answer: "Check-in is at 3:00 PM.",
},
{
question: "Are pets allowed?",
answer: "Yes, we are pet-friendly for small animals.",
},
{
question: "Do you offer parking?",
answer: "Yes, complimentary secure parking included.",
},
]}
textAnimation="slide-up"
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Ready to Visit?"
text="Reserve your room today and enjoy a premium stay in paradise."
primaryButton={{
text: "Book Now",
href: "#",
}}
secondaryButton={{
text: "Call Concierge",
href: "#",
}}
textAnimation="fade-blur"
/>
</SectionErrorBoundary>
</div>
</>
);
}