Merge version_2_1781193233009 into main #2
@@ -8,12 +8,12 @@
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #f5f5f5;
|
||||
--primary-cta: #ffdf7d;
|
||||
--primary-cta-text: #0a0a0a;
|
||||
--primary-cta: #dc2626;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #ffffff;
|
||||
--accent: #b8860b;
|
||||
--background-accent: #8b6914;
|
||||
--accent: #ef4444;
|
||||
--background-accent: #991b1b;
|
||||
|
||||
/* @layout/border-radius/rounded */
|
||||
--radius: 0.5rem;
|
||||
|
||||
@@ -1,237 +1,28 @@
|
||||
import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
|
||||
import { Award, Bell, Building, Star } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
// AUTO-GENERATED shell by per-section-migrate.
|
||||
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
|
||||
// files directly; this shell only fixes render order.
|
||||
|
||||
export default function HomePage() {
|
||||
import React from 'react';
|
||||
import HeroSection from './HomePage/sections/Hero';
|
||||
import RoomsSection from './HomePage/sections/Rooms';
|
||||
import AboutSection from './HomePage/sections/About';
|
||||
import MetricsSection from './HomePage/sections/Metrics';
|
||||
import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||
import SocialProofSection from './HomePage/sections/SocialProof';
|
||||
import FaqSection from './HomePage/sections/Faq';
|
||||
import ContactSection from './HomePage/sections/Contact';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboard
|
||||
tag="Your Unforgettable Getaway Awaits"
|
||||
title="Experience Unrivaled Luxury and Comfort"
|
||||
description="Indulge in an exquisite blend of elegance, personalized service, and breathtaking surroundings. Every moment is crafted for your utmost pleasure."
|
||||
primaryButton={{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Explore Rooms",
|
||||
href: "#rooms",
|
||||
}}
|
||||
imageSrc="https://images.pexels.com/photos/775219/pexels-photo-775219.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="rooms" data-section="rooms">
|
||||
<SectionErrorBoundary name="rooms">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Our Exquisite Accommodations"
|
||||
title="Discover Your Perfect Retreat"
|
||||
description="From lavish suites to serene spa experiences, each offering is designed to provide unparalleled comfort and luxury."
|
||||
items={[
|
||||
{
|
||||
title: "Deluxe Rooms",
|
||||
description: "Spacious and elegantly appointed rooms with stunning views, plush bedding, and modern amenities.",
|
||||
href: "#",
|
||||
imageSrc: "https://images.pexels.com/photos/35747339/pexels-photo-35747339.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
{
|
||||
title: "Executive Suites",
|
||||
description: "Elevated comfort with separate living areas, enhanced services, and exclusive access to the Executive Lounge.",
|
||||
href: "#",
|
||||
imageSrc: "https://images.pexels.com/photos/2764182/pexels-photo-2764182.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
{
|
||||
title: "Presidential Penthouse",
|
||||
description: "The pinnacle of luxury, offering expansive spaces, private amenities, and panoramic city or ocean views.",
|
||||
href: "#",
|
||||
imageSrc: "https://images.pexels.com/photos/34658187/pexels-photo-34658187.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
{
|
||||
title: "Spa & Wellness",
|
||||
description: "Rejuvenate your mind and body with our bespoke spa treatments, state-of-the-art fitness center, and serene relaxation areas.",
|
||||
href: "#",
|
||||
imageSrc: "https://images.pexels.com/photos/14929575/pexels-photo-14929575.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
{
|
||||
title: "Fine Dining",
|
||||
description: "Savor culinary masterpieces crafted by world-renowned chefs in our exquisite restaurants and private dining rooms.",
|
||||
href: "#",
|
||||
imageSrc: "https://images.pexels.com/photos/24877173/pexels-photo-24877173.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
{
|
||||
title: "Conference & Events",
|
||||
description: "Host your next successful event in our sophisticated meeting rooms and grand ballrooms, equipped with advanced technology.",
|
||||
href: "#",
|
||||
imageSrc: "https://images.pexels.com/photos/34823909/pexels-photo-34823909.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
{
|
||||
title: "Fitness Center",
|
||||
description: "Maintain your routine with our fully equipped fitness center, personal trainers, and invigorating group classes.",
|
||||
href: "#",
|
||||
imageSrc: "https://images.pexels.com/photos/31012863/pexels-photo-31012863.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTestimonial
|
||||
tag="Our Legacy of Hospitality"
|
||||
quote="Where every guest is treated like royalty and every stay becomes a cherished memory. Our commitment to excellence defines us."
|
||||
author="The Management Team"
|
||||
role="Luxury Hotel"
|
||||
imageSrc="https://images.pexels.com/photos/29649734/pexels-photo-29649734.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Our Milestones"
|
||||
title="A Tradition of Excellence and Service"
|
||||
description="We are proud of the experiences we create and the satisfaction we deliver to our esteemed guests."
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
title: "5-Star Rating",
|
||||
value: "Consistently awarded",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Industry Awards",
|
||||
value: "20+ Accolades",
|
||||
},
|
||||
{
|
||||
icon: Bell,
|
||||
title: "Dedicated Staff",
|
||||
value: "24/7 Service",
|
||||
},
|
||||
{
|
||||
icon: Building,
|
||||
title: "Years in Business",
|
||||
value: "30+ Years",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialTrustCard
|
||||
quote="The most luxurious and relaxing experience I've ever had. Every detail was perfect, from the impeccable service to the breathtaking views."
|
||||
rating={5}
|
||||
author="Eleanor Vance, Esteemed Guest"
|
||||
avatars={[
|
||||
{
|
||||
name: "John Doe",
|
||||
imageSrc: "https://images.pexels.com/photos/13756112/pexels-photo-13756112.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
{
|
||||
name: "Jane Smith",
|
||||
imageSrc: "https://images.pexels.com/photos/4127547/pexels-photo-4127547.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
{
|
||||
name: "Mike Johnson",
|
||||
imageSrc: "https://images.pexels.com/photos/19551259/pexels-photo-19551259.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
{
|
||||
name: "Sarah Williams",
|
||||
imageSrc: "https://images.pexels.com/photos/29978149/pexels-photo-29978149.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
{
|
||||
name: "Robert Chen",
|
||||
imageSrc: "https://images.pexels.com/photos/17582358/pexels-photo-17582358.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="Our Esteemed Partners"
|
||||
title="Trusted by Leading Travel & Hospitality Brands"
|
||||
description="We collaborate with the best to ensure an exceptional experience for our guests."
|
||||
names={[
|
||||
"Travel Luxe Magazine",
|
||||
"Global Getaways",
|
||||
"Elite Experiences",
|
||||
"World Class Destinations",
|
||||
"Luxury Living Guides",
|
||||
"Premier Vacations",
|
||||
"Grand Tour Travel",
|
||||
"The Sophisticated Traveler",
|
||||
"Voyage Prive",
|
||||
"Exclusive Retreats",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Your Questions, Answered"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common inquiries about your stay, amenities, and services."
|
||||
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.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer airport transportation?",
|
||||
answer: "Yes, we offer private airport transfer services. Please contact our concierge team in advance to arrange your transportation.",
|
||||
},
|
||||
{
|
||||
question: "Are pets allowed at the hotel?",
|
||||
answer: "We are a pet-friendly hotel and welcome well-behaved pets. A nightly pet fee and certain restrictions may apply. Please inquire when booking.",
|
||||
},
|
||||
{
|
||||
question: "What dining options are available?",
|
||||
answer: "Our hotel features multiple dining venues, including a fine-dining restaurant, a casual bistro, a lobby bar, and 24-hour room service.",
|
||||
},
|
||||
{
|
||||
question: "Do you have a swimming pool and fitness center?",
|
||||
answer: "Yes, we have a luxurious indoor swimming pool, an outdoor infinity pool, and a fully equipped 24/7 fitness center for our guests.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://images.pexels.com/photos/5371568/pexels-photo-5371568.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Ready for an Escape?"
|
||||
text="Book your extraordinary stay with us today and create memories that last a lifetime."
|
||||
primaryButton={{
|
||||
text: "Reserve Now",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
<HeroSection />
|
||||
<RoomsSection />
|
||||
<AboutSection />
|
||||
<MetricsSection />
|
||||
<TestimonialsSection />
|
||||
<SocialProofSection />
|
||||
<FaqSection />
|
||||
<ContactSection />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
22
src/pages/HomePage/sections/About.tsx
Normal file
22
src/pages/HomePage/sections/About.tsx
Normal file
@@ -0,0 +1,22 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "about" section.
|
||||
|
||||
import React from 'react';
|
||||
import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function AboutSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTestimonial
|
||||
tag="Our Legacy of Hospitality"
|
||||
quote="Where every guest is treated like royalty and every stay becomes a cherished memory. Our commitment to excellence defines us."
|
||||
author="The Management Team"
|
||||
role="Luxury Hotel"
|
||||
imageSrc="https://images.pexels.com/photos/29649734/pexels-photo-29649734.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
27
src/pages/HomePage/sections/Contact.tsx
Normal file
27
src/pages/HomePage/sections/Contact.tsx
Normal file
@@ -0,0 +1,27 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "contact" section.
|
||||
|
||||
import React from 'react';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function ContactSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Ready for an Escape?"
|
||||
text="Book your extraordinary stay with us today and create memories that last a lifetime."
|
||||
primaryButton={{
|
||||
text: "Reserve Now",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
43
src/pages/HomePage/sections/Faq.tsx
Normal file
43
src/pages/HomePage/sections/Faq.tsx
Normal file
@@ -0,0 +1,43 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "faq" section.
|
||||
|
||||
import React from 'react';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function FaqSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqSplitMedia
|
||||
tag="Your Questions, Answered"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common inquiries about your stay, amenities, and services."
|
||||
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.",
|
||||
},
|
||||
{
|
||||
question: "Do you offer airport transportation?",
|
||||
answer: "Yes, we offer private airport transfer services. Please contact our concierge team in advance to arrange your transportation.",
|
||||
},
|
||||
{
|
||||
question: "Are pets allowed at the hotel?",
|
||||
answer: "We are a pet-friendly hotel and welcome well-behaved pets. A nightly pet fee and certain restrictions may apply. Please inquire when booking.",
|
||||
},
|
||||
{
|
||||
question: "What dining options are available?",
|
||||
answer: "Our hotel features multiple dining venues, including a fine-dining restaurant, a casual bistro, a lobby bar, and 24-hour room service.",
|
||||
},
|
||||
{
|
||||
question: "Do you have a swimming pool and fitness center?",
|
||||
answer: "Yes, we have a luxurious indoor swimming pool, an outdoor infinity pool, and a fully equipped 24/7 fitness center for our guests.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://images.pexels.com/photos/5371568/pexels-photo-5371568.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
29
src/pages/HomePage/sections/Hero.tsx
Normal file
29
src/pages/HomePage/sections/Hero.tsx
Normal file
@@ -0,0 +1,29 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "hero" section.
|
||||
|
||||
import React from 'react';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HeroSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboard
|
||||
tag="Your Unforgettable Getaway Awaits"
|
||||
title="Experience Unrivaled Luxury and Comfort"
|
||||
description="Indulge in an exquisite blend of elegance, personalized service, and breathtaking surroundings. Every moment is crafted for your utmost pleasure."
|
||||
primaryButton={{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Explore Rooms",
|
||||
href: "#rooms",
|
||||
}}
|
||||
imageSrc="https://images.pexels.com/photos/775219/pexels-photo-775219.jpeg?auto=compress&cs=tinysrgb&h=650&w=940"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
43
src/pages/HomePage/sections/Metrics.tsx
Normal file
43
src/pages/HomePage/sections/Metrics.tsx
Normal file
@@ -0,0 +1,43 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "metrics" section.
|
||||
|
||||
import React from 'react';
|
||||
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
||||
import { Award, Bell, Building, Star } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function MetricsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Our Milestones"
|
||||
title="A Tradition of Excellence and Service"
|
||||
description="We are proud of the experiences we create and the satisfaction we deliver to our esteemed guests."
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
title: "5-Star Rating",
|
||||
value: "Consistently awarded",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "Industry Awards",
|
||||
value: "20+ Accolades",
|
||||
},
|
||||
{
|
||||
icon: Bell,
|
||||
title: "Dedicated Staff",
|
||||
value: "24/7 Service",
|
||||
},
|
||||
{
|
||||
icon: Building,
|
||||
title: "Years in Business",
|
||||
value: "30+ Years",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
64
src/pages/HomePage/sections/Rooms.tsx
Normal file
64
src/pages/HomePage/sections/Rooms.tsx
Normal file
@@ -0,0 +1,64 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "rooms" section.
|
||||
|
||||
import React from 'react';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function RoomsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="rooms" data-section="rooms">
|
||||
<SectionErrorBoundary name="rooms">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Our Exquisite Accommodations"
|
||||
title="Discover Your Perfect Retreat"
|
||||
description="From lavish suites to serene spa experiences, each offering is designed to provide unparalleled comfort and luxury."
|
||||
items={[
|
||||
{
|
||||
title: "Deluxe Rooms",
|
||||
description: "Spacious and elegantly appointed rooms with stunning views, plush bedding, and modern amenities.",
|
||||
href: "#",
|
||||
imageSrc: "https://images.pexels.com/photos/35747339/pexels-photo-35747339.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
{
|
||||
title: "Executive Suites",
|
||||
description: "Elevated comfort with separate living areas, enhanced services, and exclusive access to the Executive Lounge.",
|
||||
href: "#",
|
||||
imageSrc: "https://images.pexels.com/photos/2764182/pexels-photo-2764182.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
{
|
||||
title: "Presidential Penthouse",
|
||||
description: "The pinnacle of luxury, offering expansive spaces, private amenities, and panoramic city or ocean views.",
|
||||
href: "#",
|
||||
imageSrc: "https://images.pexels.com/photos/34658187/pexels-photo-34658187.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
{
|
||||
title: "Spa & Wellness",
|
||||
description: "Rejuvenate your mind and body with our bespoke spa treatments, state-of-the-art fitness center, and serene relaxation areas.",
|
||||
href: "#",
|
||||
imageSrc: "https://images.pexels.com/photos/14929575/pexels-photo-14929575.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
{
|
||||
title: "Fine Dining",
|
||||
description: "Savor culinary masterpieces crafted by world-renowned chefs in our exquisite restaurants and private dining rooms.",
|
||||
href: "#",
|
||||
imageSrc: "https://images.pexels.com/photos/24877173/pexels-photo-24877173.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
{
|
||||
title: "Conference & Events",
|
||||
description: "Host your next successful event in our sophisticated meeting rooms and grand ballrooms, equipped with advanced technology.",
|
||||
href: "#",
|
||||
imageSrc: "https://images.pexels.com/photos/34823909/pexels-photo-34823909.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
{
|
||||
title: "Fitness Center",
|
||||
description: "Maintain your routine with our fully equipped fitness center, personal trainers, and invigorating group classes.",
|
||||
href: "#",
|
||||
imageSrc: "https://images.pexels.com/photos/31012863/pexels-photo-31012863.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
32
src/pages/HomePage/sections/SocialProof.tsx
Normal file
32
src/pages/HomePage/sections/SocialProof.tsx
Normal file
@@ -0,0 +1,32 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "social-proof" section.
|
||||
|
||||
import React from 'react';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function SocialProofSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SectionErrorBoundary name="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="Our Esteemed Partners"
|
||||
title="Trusted by Leading Travel & Hospitality Brands"
|
||||
description="We collaborate with the best to ensure an exceptional experience for our guests."
|
||||
names={[
|
||||
"Travel Luxe Magazine",
|
||||
"Global Getaways",
|
||||
"Elite Experiences",
|
||||
"World Class Destinations",
|
||||
"Luxury Living Guides",
|
||||
"Premier Vacations",
|
||||
"Grand Tour Travel",
|
||||
"The Sophisticated Traveler",
|
||||
"Voyage Prive",
|
||||
"Exclusive Retreats",
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
42
src/pages/HomePage/sections/Testimonials.tsx
Normal file
42
src/pages/HomePage/sections/Testimonials.tsx
Normal file
@@ -0,0 +1,42 @@
|
||||
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
|
||||
// file as the canonical source for the "testimonials" section.
|
||||
|
||||
import React from 'react';
|
||||
import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function TestimonialsSection(): React.JSX.Element {
|
||||
return (
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialTrustCard
|
||||
quote="The most luxurious and relaxing experience I've ever had. Every detail was perfect, from the impeccable service to the breathtaking views."
|
||||
rating={5}
|
||||
author="Eleanor Vance, Esteemed Guest"
|
||||
avatars={[
|
||||
{
|
||||
name: "John Doe",
|
||||
imageSrc: "https://images.pexels.com/photos/13756112/pexels-photo-13756112.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
{
|
||||
name: "Jane Smith",
|
||||
imageSrc: "https://images.pexels.com/photos/4127547/pexels-photo-4127547.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
{
|
||||
name: "Mike Johnson",
|
||||
imageSrc: "https://images.pexels.com/photos/19551259/pexels-photo-19551259.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
{
|
||||
name: "Sarah Williams",
|
||||
imageSrc: "https://images.pexels.com/photos/29978149/pexels-photo-29978149.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
{
|
||||
name: "Robert Chen",
|
||||
imageSrc: "https://images.pexels.com/photos/17582358/pexels-photo-17582358.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user