Update src/pages/HomePage.tsx
This commit is contained in:
@@ -1,293 +1,141 @@
|
||||
import AboutFeaturesSplit from '@/components/sections/about/AboutFeaturesSplit';
|
||||
import AboutText from '@/components/sections/about/AboutText';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
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 FeaturesArrowCards from '@/components/sections/features/FeaturesArrowCards';
|
||||
import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
|
||||
import ProductVariantCards from '@/components/sections/product/ProductVariantCards';
|
||||
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
|
||||
import TestimonialRatingCards from '@/components/sections/testimonial/TestimonialRatingCards';
|
||||
import { Bell, Building, MapPin } from "lucide-react";
|
||||
import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div>
|
||||
<div id="hero" data-section="hero">
|
||||
<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."
|
||||
<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."
|
||||
primaryButton={{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Your Stay", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Explore Rooms",
|
||||
href: "#rooms",
|
||||
}}
|
||||
imageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=ontnmt&_wi=1"
|
||||
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"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<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={[
|
||||
{
|
||||
icon: Building,
|
||||
title: "Unrivaled Comfort",
|
||||
description: "Indulge in plush furnishings and serene atmospheres designed for ultimate relaxation.",
|
||||
},
|
||||
{
|
||||
icon: Bell,
|
||||
title: "Personalized Service",
|
||||
description: "Our dedicated concierge team ensures every need is met with prompt and courteous attention.",
|
||||
},
|
||||
{
|
||||
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&_wi=1"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="rooms" data-section="rooms">
|
||||
<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 City View",
|
||||
price: "From $350/night",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=3tgvqh&_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Executive Suite",
|
||||
price: "From $580/night",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=7z4xgw&_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Master Penthouse",
|
||||
price: "From $1200/night",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=zneelx",
|
||||
},
|
||||
{
|
||||
name: "Classic Queen Room",
|
||||
price: "From $290/night",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=i2qzjf",
|
||||
},
|
||||
{
|
||||
name: "Junior Suite",
|
||||
price: "From $450/night",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=obpdhs",
|
||||
},
|
||||
{
|
||||
name: "Family Executive Room",
|
||||
price: "From $650/night",
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=65t719",
|
||||
},
|
||||
]}
|
||||
<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">
|
||||
<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={[
|
||||
<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."
|
||||
items={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
],
|
||||
imageAlt: "luxury hotel spa serene environment",
|
||||
},
|
||||
title: "Rooftop Bar & Lounge", tags: [
|
||||
"Views", "Cocktails"],
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=ief6v8"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
],
|
||||
imageAlt: "luxury hotel spa serene environment",
|
||||
},
|
||||
title: "State-of-the-Art Fitness Center", tags: [
|
||||
"Gym", "Wellness"],
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=jqb289"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
],
|
||||
imageAlt: "luxury hotel spa serene environment",
|
||||
},
|
||||
title: "24/7 Concierge Service", tags: [
|
||||
"Support", "Assistance"],
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=ob7op3"},
|
||||
]}
|
||||
/>
|
||||
</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."
|
||||
products={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
],
|
||||
imageAlt: "luxury hotel spa serene environment",
|
||||
},
|
||||
name: "Deluxe Room", variant: "King or Two Queens", price: "$350/night", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=69vf9w"},
|
||||
{
|
||||
name: "Executive Suite", variant: "City View", price: "$650/night", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=6vg56e"},
|
||||
{
|
||||
name: "Presidential Suite", variant: "Panoramic View", price: "$1800/night", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=s0h7yj"},
|
||||
{
|
||||
name: "Family Suite", variant: "Connecting Rooms", price: "$750/night", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=3gumu9"},
|
||||
{
|
||||
name: "Junior Suite", variant: "Garden View", price: "$480/night", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=i3vj6b"},
|
||||
{
|
||||
name: "Accessible Room", variant: "Enhanced Features", price: "$380/night", imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=ac5321"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialRatingCards
|
||||
tag="Guest Experiences"
|
||||
<TestimonialOverlayCards
|
||||
tag="Guest Reviews"
|
||||
title="What Our Guests Say"
|
||||
description="Hear firsthand from those who have experienced the unique charm, luxury, and impeccable service of Grand Lux Hotel."
|
||||
description="Hear from travelers who have experienced the unparalleled luxury and service at The Grand Haven Hotel, making their stays unforgettable."
|
||||
testimonials={[
|
||||
{
|
||||
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: "Sarah J.", role: "Business Traveler", company: "Global Corp", rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=yorly5"},
|
||||
{
|
||||
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: "Mark D.", role: "Leisure Guest", company: "Explorer Magazine", rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=idif1f"},
|
||||
{
|
||||
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: "Emily R.", role: "Couple's Retreat", company: "Travel Duo", rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=rrbz5f"},
|
||||
{
|
||||
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: "David L.", role: "Solo Adventurer", company: "Wanderlust Blog", rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=6mx3r6"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
name: "Jessica M.", role: "Family Vacation", company: "Happy Family Travels", rating: 5,
|
||||
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=qowfhz"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofMarquee
|
||||
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."
|
||||
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."
|
||||
names={[
|
||||
"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.",
|
||||
},
|
||||
]}
|
||||
"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"]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCta
|
||||
tag="Plan Your Visit"
|
||||
text="Ready for an unforgettable escape? Book your luxurious stay with us today and let us craft an experience beyond compare."
|
||||
text="Ready to create unforgettable memories? Book your luxurious stay with us today and let us take care of every detail."
|
||||
primaryButton={{
|
||||
text: "Check Availability",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Book Now", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Contact Us", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user