Merge version_1_1783082217324 into main #2
@@ -6,196 +6,151 @@ import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaC
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
||||
import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
|
||||
import { Award, MapPin, Shield, Smile, Sparkles, Star } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboardCarousel
|
||||
tag="Luxury Escapes"
|
||||
title="Redefining Hospitality"
|
||||
description="Experience comfort, style, and world-class service in every corner of our boutique retreat."
|
||||
primaryButton={{
|
||||
text: "Book Your Stay", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "View Suites", href: "#rooms"}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "https://images.pexels.com/photos/5371683/pexels-photo-5371683.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
imageSrc: "https://images.pexels.com/photos/6466490/pexels-photo-6466490.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
imageSrc: "https://images.pexels.com/photos/12631676/pexels-photo-12631676.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
imageSrc: "https://images.pexels.com/photos/29420327/pexels-photo-29420327.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
imageSrc: "https://images.pexels.com/photos/6485298/pexels-photo-6485298.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
imageSrc: "https://images.pexels.com/photos/28226576/pexels-photo-28226576.png?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Luxury Escapes"
|
||||
title="Redefining Hospitality"
|
||||
description="Experience comfort, style, and world-class service in every corner of our boutique retreat."
|
||||
primaryButton={{ text: "Book Your Stay", href: "#contact" }}
|
||||
secondaryButton={{ text: "View Suites", href: "#rooms" }}
|
||||
items={[
|
||||
{ imageSrc: "https://images.pexels.com/photos/5371683/pexels-photo-5371683.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
{ imageSrc: "https://images.pexels.com/photos/6466490/pexels-photo-6466490.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
{ imageSrc: "https://images.pexels.com/photos/12631676/pexels-photo-12631676.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
{ imageSrc: "https://images.pexels.com/photos/29420327/pexels-photo-29420327.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
{ imageSrc: "https://images.pexels.com/photos/6485298/pexels-photo-6485298.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
{ imageSrc: "https://images.pexels.com/photos/28226576/pexels-photo-28226576.png?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutFeaturesSplit
|
||||
tag="Our Story"
|
||||
title="Timeless Elegance Meets Modern Luxury"
|
||||
description="Born from a passion for excellence, our hotel offers a unique blend of heritage and contemporary design designed for the modern traveler."
|
||||
items={[
|
||||
{
|
||||
icon: "Sparkles", title: "Prime Location", description: "Located at the heart of the city's most scenic districts."},
|
||||
{
|
||||
icon: "Shield", title: "Privacy Guaranteed", description: "Exclusive amenities for peace of mind and comfort."},
|
||||
{
|
||||
icon: "Award", title: "5-Star Service", description: "Dedicated staff ensuring every need is met perfectly."},
|
||||
]}
|
||||
imageSrc="https://images.pexels.com/photos/5371677/pexels-photo-5371677.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Story"
|
||||
title="Timeless Elegance Meets Modern Luxury"
|
||||
description="Born from a passion for excellence, our hotel offers a unique blend of heritage and contemporary design designed for the modern traveler."
|
||||
items={[
|
||||
{ icon: "Sparkles", title: "Prime Location", description: "Located at the heart of the city's most scenic districts." },
|
||||
{ icon: "Shield", title: "Privacy Guaranteed", description: "Exclusive amenities for peace of mind and comfort." },
|
||||
{ icon: "Award", title: "5-Star Service", description: "Dedicated staff ensuring every need is met perfectly." },
|
||||
]}
|
||||
imageSrc="https://images.pexels.com/photos/5371677/pexels-photo-5371677.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<SectionErrorBoundary name="experience">
|
||||
<div id="experience" data-section="experience">
|
||||
<SectionErrorBoundary name="experience">
|
||||
<FeaturesMediaCarousel
|
||||
tag="Amenities"
|
||||
title="A World of Relaxation"
|
||||
description="Discover curated experiences that cater to your every desire and comfort."
|
||||
items={[
|
||||
{
|
||||
title: "Luxury Suites", description: "Designed with comfort and style in mind.", buttonIcon: "Zap", imageSrc: "https://images.pexels.com/photos/14547138/pexels-photo-14547138.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
title: "Spa & Wellness", description: "Rejuvenate your senses in our world-class spa.", buttonIcon: "Zap", imageSrc: "https://images.pexels.com/photos/6188042/pexels-photo-6188042.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
title: "Fine Dining", description: "Exquisite culinary journey for your palate.", buttonIcon: "Zap", imageSrc: "https://images.pexels.com/photos/16994607/pexels-photo-16994607.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
title: "State-of-art Gym", description: "Keep up with your fitness regime anytime.", buttonIcon: "Zap", imageSrc: "https://images.pexels.com/photos/25596891/pexels-photo-25596891.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
title: "Events Hall", description: "Perfect venue for meetings and celebrations.", buttonIcon: "Zap", imageSrc: "https://images.pexels.com/photos/9271438/pexels-photo-9271438.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
title: "Private Gardens", description: "Serene green spaces in the city center.", buttonIcon: "Zap", imageSrc: "https://images.pexels.com/photos/36647190/pexels-photo-36647190.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Amenities"
|
||||
title="A World of Relaxation"
|
||||
description="Discover curated experiences that cater to your every desire and comfort."
|
||||
items={[
|
||||
{ title: "Luxury Suites", description: "Designed with comfort and style in mind.", buttonIcon: "Zap", imageSrc: "https://images.pexels.com/photos/14547138/pexels-photo-14547138.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
{ title: "Spa & Wellness", description: "Rejuvenate your senses in our world-class spa.", buttonIcon: "Zap", imageSrc: "https://images.pexels.com/photos/6188042/pexels-photo-6188042.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
{ title: "Fine Dining", description: "Exquisite culinary journey for your palate.", buttonIcon: "Zap", imageSrc: "https://images.pexels.com/photos/16994607/pexels-photo-16994607.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
{ title: "State-of-art Gym", description: "Keep up with your fitness regime anytime.", buttonIcon: "Zap", imageSrc: "https://images.pexels.com/photos/25596891/pexels-photo-25596891.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
{ title: "Events Hall", description: "Perfect venue for meetings and celebrations.", buttonIcon: "Zap", imageSrc: "https://images.pexels.com/photos/9271438/pexels-photo-9271438.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
{ title: "Private Gardens", description: "Serene green spaces in the city center.", buttonIcon: "Zap", imageSrc: "https://images.pexels.com/photos/36647190/pexels-photo-36647190.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="rooms" data-section="rooms">
|
||||
<SectionErrorBoundary name="rooms">
|
||||
<div id="rooms" data-section="rooms">
|
||||
<SectionErrorBoundary name="rooms">
|
||||
<FeaturesImageBento
|
||||
tag="Accommodation"
|
||||
title="Choose Your Suite"
|
||||
description="Discover our thoughtfully designed collection of luxury rooms."
|
||||
items={[
|
||||
{
|
||||
title: "King Master Suite", description: "Elegance meets comfort.", imageSrc: "https://images.pexels.com/photos/30263905/pexels-photo-30263905.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
title: "Deluxe Room", description: "Perfect for solo travelers.", imageSrc: "https://images.pexels.com/photos/6466478/pexels-photo-6466478.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
title: "Executive Studio", description: "Modern functionality for work and rest.", imageSrc: "https://images.pexels.com/photos/23916865/pexels-photo-23916865.png?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
title: "Presidential Suite", description: "The peak of luxury living.", imageSrc: "https://images.pexels.com/photos/34645081/pexels-photo-34645081.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
title: "Family Suite", description: "Spacious design for everyone.", imageSrc: "https://images.pexels.com/photos/27543248/pexels-photo-27543248.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
title: "Ocean View", description: "Waterfront relaxation awaits.", imageSrc: "https://images.pexels.com/photos/24807130/pexels-photo-24807130.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
title: "Accessible Deluxe", description: "Thoughtfully designed for all guests.", imageSrc: "https://images.pexels.com/photos/37658586/pexels-photo-37658586.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Accommodation"
|
||||
title="Choose Your Suite"
|
||||
description="Discover our thoughtfully designed collection of luxury rooms."
|
||||
items={[
|
||||
{ title: "King Master Suite", description: "Elegance meets comfort.", imageSrc: "https://images.pexels.com/photos/30263905/pexels-photo-30263905.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
{ title: "Deluxe Room", description: "Perfect for solo travelers.", imageSrc: "https://images.pexels.com/photos/6466478/pexels-photo-6466478.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
{ title: "Executive Studio", description: "Modern functionality for work and rest.", imageSrc: "https://images.pexels.com/photos/23916865/pexels-photo-23916865.png?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
{ title: "Presidential Suite", description: "The peak of luxury living.", imageSrc: "https://images.pexels.com/photos/34645081/pexels-photo-34645081.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
{ title: "Family Suite", description: "Spacious design for everyone.", imageSrc: "https://images.pexels.com/photos/27543248/pexels-photo-27543248.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
{ title: "Ocean View", description: "Waterfront relaxation awaits.", imageSrc: "https://images.pexels.com/photos/24807130/pexels-photo-24807130.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
{ title: "Accessible Deluxe", description: "Thoughtfully designed for all guests.", imageSrc: "https://images.pexels.com/photos/37658586/pexels-photo-37658586.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Our Stats"
|
||||
title="Excellence in Numbers"
|
||||
description="Serving guests with pride for over a decade."
|
||||
metrics={[
|
||||
{
|
||||
icon: "Star", title: "Guest Satisfaction", value: "99%"},
|
||||
{
|
||||
icon: "MapPin", title: "Cities Served", value: "15"},
|
||||
{
|
||||
icon: "Smile", title: "Happy Guests", value: "50k+"},
|
||||
{
|
||||
icon: "Award", title: "Awards Won", value: "25+"},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Our Stats"
|
||||
title="Excellence in Numbers"
|
||||
description="Serving guests with pride for over a decade."
|
||||
metrics={[
|
||||
{ icon: "Star", title: "Guest Satisfaction", value: "99%" },
|
||||
{ icon: "MapPin", title: "Cities Served", value: "15" },
|
||||
{ icon: "Smile", title: "Happy Guests", value: "50k+" },
|
||||
{ icon: "Award", title: "Awards Won", value: "25+" },
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialOverlayCards
|
||||
tag="Guest Voices"
|
||||
title="What Our Guests Say"
|
||||
description="Don't just take our word for it—read about their experiences."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah Miller", role: "Traveler", company: "Global Journeys", rating: 5,
|
||||
imageSrc: "https://images.pexels.com/photos/6466494/pexels-photo-6466494.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
name: "Mark Evans", role: "Executive", company: "TechCorp", rating: 5,
|
||||
imageSrc: "https://images.pexels.com/photos/27086907/pexels-photo-27086907.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
name: "Elena Rossi", role: "Influencer", company: "TrendSetters", rating: 5,
|
||||
imageSrc: "https://images.pexels.com/photos/4907455/pexels-photo-4907455.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
name: "David Chen", role: "Photographer", company: "VisionMedia", rating: 5,
|
||||
imageSrc: "https://images.pexels.com/photos/13993660/pexels-photo-13993660.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
{
|
||||
name: "Julia Scott", role: "Writer", company: "Luxury Travel", rating: 5,
|
||||
imageSrc: "https://images.pexels.com/photos/3771067/pexels-photo-3771067.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Guest Voices"
|
||||
title="What Our Guests Say"
|
||||
description="Don't just take our word for it—read about their experiences."
|
||||
testimonials={[
|
||||
{ name: "Sarah Miller", role: "Traveler", company: "Global Journeys", rating: 5, imageSrc: "https://images.pexels.com/photos/6466494/pexels-photo-6466494.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
{ name: "Mark Evans", role: "Executive", company: "TechCorp", rating: 5, imageSrc: "https://images.pexels.com/photos/27086907/pexels-photo-27086907.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
{ name: "Elena Rossi", role: "Influencer", company: "TrendSetters", rating: 5, imageSrc: "https://images.pexels.com/photos/4907455/pexels-photo-4907455.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
{ name: "David Chen", role: "Photographer", company: "VisionMedia", rating: 5, imageSrc: "https://images.pexels.com/photos/13993660/pexels-photo-13993660.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
{ name: "Julia Scott", role: "Writer", company: "Luxury Travel", rating: 5, imageSrc: "https://images.pexels.com/photos/3771067/pexels-photo-3771067.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" },
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSimple
|
||||
tag="Questions"
|
||||
title="Common Inquiries"
|
||||
description="Everything you need to know about your stay."
|
||||
items={[
|
||||
{
|
||||
question: "What is the check-in time?", answer: "Check-in begins at 3:00 PM local time."},
|
||||
{
|
||||
question: "Do you offer airport transfers?", answer: "Yes, we provide luxury private transfers upon request."},
|
||||
{
|
||||
question: "Are pets allowed?", answer: "We welcome small pets; please inform us in advance."},
|
||||
{
|
||||
question: "Is breakfast included?", answer: "Daily gourmet breakfast is included in all suite bookings."},
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Questions"
|
||||
title="Common Inquiries"
|
||||
description="Everything you need to know about your stay."
|
||||
items={[
|
||||
{ question: "What is the check-in time?", answer: "Check-in begins at 3:00 PM local time." },
|
||||
{ question: "Do you offer airport transfers?", answer: "Yes, we provide luxury private transfers upon request." },
|
||||
{ question: "Are pets allowed?", answer: "We welcome small pets; please inform us in advance." },
|
||||
{ question: "Is breakfast included?", answer: "Daily gourmet breakfast is included in all suite bookings." },
|
||||
]}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Reservations"
|
||||
text="Ready to experience world-class hospitality? Secure your preferred suite today."
|
||||
primaryButton={{
|
||||
text: "Book Online", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "Contact Concierge", href: "#"}}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Reservations"
|
||||
text="Ready to experience world-class hospitality? Secure your preferred suite today."
|
||||
primaryButton={{ text: "Book Online", href: "#" }}
|
||||
secondaryButton={{ text: "Contact Concierge", href: "#" }}
|
||||
textAnimation="fade-blur"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user