Update src/pages/HomePage.tsx
This commit is contained in:
@@ -1,141 +1,190 @@
|
||||
import AboutText from '@/components/sections/about/AboutText';
|
||||
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FeaturesArrowCards from '@/components/sections/features/FeaturesArrowCards';
|
||||
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
|
||||
import ProductVariantCards from '@/components/sections/product/ProductVariantCards';
|
||||
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
|
||||
import FeaturesBento from '@/components/sections/features/FeaturesBento';
|
||||
import HeroBrand from '@/components/sections/hero/HeroBrand';
|
||||
import ProductMediaCards from '@/components/sections/product/ProductMediaCards';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
|
||||
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
import { Bell, Building, MapPin } from "lucide-react";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<div>
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitVerticalMarquee
|
||||
tag="Welcome"
|
||||
title="Experience Unparalleled Luxury"
|
||||
description="Discover exquisite comfort and world-class service at The Grand Haven Hotel, your perfect escape. We blend classic charm with modern sophistication."
|
||||
<HeroBrand
|
||||
brand="Grand Lux Hotel"
|
||||
description="Experience unparalleled luxury and comfort in the heart of the city, where every moment is crafted for your delight."
|
||||
primaryButton={{
|
||||
text: "Book Your Stay", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Explore Rooms", href: "#rooms"}}
|
||||
leftItems={[
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=e2qtw5"},
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=4jxxum"},
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=84f7ey"},
|
||||
]}
|
||||
rightItems={[
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=1hftm5"},
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=x9k3wi"},
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=aico4v"},
|
||||
]}
|
||||
imageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=ontnmt"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutText
|
||||
title="A Legacy of Hospitality and Elegance"
|
||||
primaryButton={{
|
||||
text: "Our Story", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "View Services", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="amenities" data-section="amenities">
|
||||
<FeaturesArrowCards
|
||||
tag="Amenities"
|
||||
title="World-Class Facilities for Your Comfort"
|
||||
description="Indulge in a range of premium amenities designed to enhance your stay. From rejuvenating spa treatments to gourmet dining, we ensure every moment is memorable."
|
||||
<AboutFeaturesSplit
|
||||
tag="Our Story"
|
||||
title="Where Elegance Meets Exceptional Service"
|
||||
description="Nestled in a vibrant location, Grand Lux Hotel offers a sanctuary of refined taste and personalized care. From our opulent interiors to our attentive staff, every detail is crafted to ensure an unforgettable stay. Discover a world where luxury is redefined."
|
||||
items={[
|
||||
{
|
||||
title: "Rooftop Bar & Lounge", tags: [
|
||||
"Views", "Cocktails"],
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=ief6v8"},
|
||||
icon: Building,
|
||||
title: "Unrivaled Comfort", description: "Indulge in plush furnishings and serene atmospheres designed for ultimate relaxation."},
|
||||
{
|
||||
title: "State-of-the-Art Fitness Center", tags: [
|
||||
"Gym", "Wellness"],
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=jqb289"},
|
||||
icon: Bell,
|
||||
title: "Personalized Service", description: "Our dedicated concierge team ensures every need is met with prompt and courteous attention."},
|
||||
{
|
||||
title: "24/7 Concierge Service", tags: [
|
||||
"Support", "Assistance"],
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=ob7op3"},
|
||||
icon: MapPin,
|
||||
title: "Prime Location", description: "Strategically located to offer easy access to the city's finest attractions and business hubs."},
|
||||
]}
|
||||
imageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=gqlypv"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="rooms" data-section="rooms">
|
||||
<ProductVariantCards
|
||||
tag="Accommodations"
|
||||
title="Elegant Rooms & Suites"
|
||||
description="Choose from our exquisite selection of rooms and suites, each meticulously designed for your utmost comfort and luxury. Experience a blend of classic elegance and modern amenities."
|
||||
<ProductMediaCards
|
||||
tag="Our Rooms & Suites"
|
||||
title="Indulge in Supreme Comfort"
|
||||
description="Each room at Grand Lux Hotel is a masterpiece of design, offering breathtaking views and amenities tailored for your relaxation and enjoyment."
|
||||
products={[
|
||||
{
|
||||
name: "Deluxe Room", variant: "King or Two Queens", price: "$350/night", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=69vf9w"},
|
||||
name: "Deluxe City View", price: "From $350/night", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=3tgvqh"},
|
||||
{
|
||||
name: "Executive Suite", variant: "City View", price: "$650/night", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=6vg56e"},
|
||||
name: "Executive Suite", price: "From $580/night", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=7z4xgw"},
|
||||
{
|
||||
name: "Presidential Suite", variant: "Panoramic View", price: "$1800/night", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=s0h7yj"},
|
||||
name: "Master Penthouse", price: "From $1200/night", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=zneelx"},
|
||||
{
|
||||
name: "Family Suite", variant: "Connecting Rooms", price: "$750/night", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=3gumu9"},
|
||||
name: "Classic Queen Room", price: "From $290/night", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=i2qzjf"},
|
||||
{
|
||||
name: "Junior Suite", variant: "Garden View", price: "$480/night", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=i3vj6b"},
|
||||
name: "Junior Suite", price: "From $450/night", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=obpdhs"},
|
||||
{
|
||||
name: "Accessible Room", variant: "Enhanced Features", price: "$380/night", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=ac5321"},
|
||||
name: "Family Executive Room", price: "From $650/night", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=65t719"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="amenities" data-section="amenities">
|
||||
<FeaturesBento
|
||||
tag="Hotel Amenities"
|
||||
title="Experiences Tailored For You"
|
||||
description="From rejuvenating spa treatments to exquisite dining, our amenities are designed to enrich every moment of your stay with unparalleled luxury and convenience."
|
||||
features={[
|
||||
{
|
||||
title: "Serene Spa & Wellness", description: "Rejuvenate your senses with our bespoke spa treatments and state-of-the-art wellness facilities.", bentoComponent: "media-stack", mediaItems: [
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=hirjs4"},
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=zexeag"},
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=4elhn0"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Exquisite Dining", description: "Savor gourmet cuisine and a selection of fine wines at our signature restaurant, a culinary journey await.", bentoComponent: "media-stack", mediaItems: [
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=dm8uxs"},
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=df8vwv"},
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=gwbhwt"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Rooftop Infinity Pool", description: "Take a dip in our stunning rooftop infinity pool, offering panoramic views of the city skyline.", bentoComponent: "media-stack", mediaItems: [
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=qp0aep"},
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=8btusr"},
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=riicvr"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "State-of-the-Art Fitness", description: "Maintain your routine with access to our fully equipped fitness center, open 24/7 for your convenience.", bentoComponent: "media-stack", mediaItems: [
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=eyh3fl"},
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=lnxzbs"},
|
||||
{
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=6ngl4p"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialOverlayCards
|
||||
tag="Guest Reviews"
|
||||
<TestimonialRatingCards
|
||||
tag="Guest Experiences"
|
||||
title="What Our Guests Say"
|
||||
description="Hear from travelers who have experienced the unparalleled luxury and service at The Grand Haven Hotel, making their stays unforgettable."
|
||||
description="Hear firsthand from those who have experienced the unique charm, luxury, and impeccable service of Grand Lux Hotel."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.", role: "Business Traveler", company: "Global Corp", rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=yorly5"},
|
||||
name: "Eleanor Vance", role: "CEO, Global Ventures", quote: "The Grand Lux Hotel sets a new standard for hospitality. Every detail, from the exquisite rooms to the attentive staff, was simply perfect. A truly remarkable stay!", rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=nqrzm8"},
|
||||
{
|
||||
name: "Mark D.", role: "Leisure Guest", company: "Explorer Magazine", rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=idif1f"},
|
||||
name: "Marcus Chen", role: "Travel Blogger", quote: "An unforgettable experience! The views from our suite were breathtaking, and the dining options were world-class. Highly recommend for a luxurious escape.", rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=7uyx67"},
|
||||
{
|
||||
name: "Emily R.", role: "Couple's Retreat", company: "Travel Duo", rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=rrbz5f"},
|
||||
name: "Sophia Rodriguez", role: "Family Vacationer", quote: "Our family had an incredible time. The hotel staff went above and beyond to make our stay comfortable and memorable. The kids loved the pool!", rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=rrib86"},
|
||||
{
|
||||
name: "David L.", role: "Solo Adventurer", company: "Wanderlust Blog", rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=6mx3r6"},
|
||||
name: "David Miller", role: "Retired Executive", quote: "Having traveled extensively, I can confidently say Grand Lux is among the finest. The attention to detail and personalized service made us feel truly valued.", rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=mzsxpc"},
|
||||
{
|
||||
name: "Jessica M.", role: "Family Vacation", company: "Happy Family Travels", rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=qowfhz"},
|
||||
name: "Chloe Adams", role: "Solo Traveler", quote: "A perfect sanctuary in the city. I felt safe, pampered, and completely at ease. The concierge recommendations were spot-on. Can't wait to return!", rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=3o8mju"},
|
||||
{
|
||||
name: "Benjamin Kim", role: "Business Consultant", quote: "My business trips are often hectic, but Grand Lux provided the perfect blend of luxury and functionality. Excellent facilities and a peaceful environment for work and rest.", rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=waqluy"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofMarquee
|
||||
tag="Our Accolades"
|
||||
title="Recognized for Excellence"
|
||||
description="Proud recipients of numerous awards and consistently highly-rated by leading travel organizations and esteemed publications worldwide."
|
||||
tag="Awards & Recognitions"
|
||||
title="Trusted by Luxury Travelers"
|
||||
description="We are proudly recognized by leading travel and hospitality organizations for our commitment to excellence and guest satisfaction."
|
||||
names={[
|
||||
"Traveler's Choice Awards", "Luxury Lifestyle Magazine", "Forbes Travel Guide", "AAA Five Diamond Award", "Conde Nast Traveler", "World Travel Awards", "Michelin Guide", "The Leading Hotels of the World", "Green Key Global"]}
|
||||
"Luxury Travel Awards", "Conde Nast Traveler", "Forbes Travel Guide", "AAA Five Diamond", "World Luxury Hotel Awards", "TripAdvisor Travelers' Choice", "The Leading Hotels of the World"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqTwoColumn
|
||||
tag="Guest Information"
|
||||
title="Frequently Asked Questions"
|
||||
description="Find quick answers to common questions about your stay, amenities, booking, and more at Grand Lux 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, additional charges may apply."},
|
||||
{
|
||||
question: "Do you offer airport transportation?", answer: "Yes, we offer luxury airport transportation services. Please contact our concierge desk in advance to arrange your pick-up or drop-off."},
|
||||
{
|
||||
question: "Is breakfast included in the room rate?", answer: "Breakfast is generally not included in the standard room rate, but it can be added during the booking process or enjoyed à la carte at our exquisite restaurant."},
|
||||
{
|
||||
question: "Do you have pet-friendly rooms?", answer: "We welcome well-behaved small pets in designated rooms for an additional fee. Please inform us at the time of booking so we can make appropriate arrangements."},
|
||||
{
|
||||
question: "What is your cancellation policy?", answer: "Our standard cancellation policy allows free cancellation up to 48 hours prior to arrival. Policies may vary for special packages or peak seasons, please refer to your booking confirmation for details."},
|
||||
{
|
||||
question: "Are there any dining options available 24/7?", answer: "Yes, our room service is available 24 hours a day, offering a selection of delicious meals and beverages delivered directly to your room or suite."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCta
|
||||
tag="Plan Your Visit"
|
||||
text="Ready to create unforgettable memories? Book your luxurious stay with us today and let us take care of every detail."
|
||||
text="Ready for an unforgettable escape? Book your luxurious stay with us today and let us craft an experience beyond compare."
|
||||
primaryButton={{
|
||||
text: "Book Now", href: "#"}}
|
||||
text: "Check Availability", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user