Update src/pages/HomePage.tsx
This commit is contained in:
@@ -19,20 +19,14 @@ export default function HomePage() {
|
||||
title="Experience Unrivaled Comfort and Elegance"
|
||||
description="Discover a sanctuary where classic charm meets modern luxury. The Grand Hotel offers an unforgettable escape with exquisite service and breathtaking views."
|
||||
primaryButton={{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Your Stay", href: "#contact"}}
|
||||
secondaryButton={{
|
||||
text: "Explore Rooms",
|
||||
href: "#rooms",
|
||||
}}
|
||||
text: "Explore Rooms", href: "#rooms"}}
|
||||
items={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-golden-lamp-hangs-ceiling_1304-5596.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-golden-lamp-hangs-ceiling_1304-5596.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892901.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892901.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
@@ -43,13 +37,9 @@ export default function HomePage() {
|
||||
<AboutText
|
||||
title="A Legacy of Hospitality"
|
||||
primaryButton={{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Our Story", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "Discover Our Values",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Discover Our Values", href: "#"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
@@ -62,79 +52,38 @@ export default function HomePage() {
|
||||
description="From gourmet dining to a serene spa, every detail is crafted for your utmost comfort and pleasure."
|
||||
features={[
|
||||
{
|
||||
title: "Gourmet Dining",
|
||||
description: "Savor exquisite cuisine prepared by our award-winning chefs in a sophisticated ambiance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/catering-logo-template-set_52683-66968.jpg",
|
||||
imageAlt: "gourmet meal icon",
|
||||
bentoComponent: "info-card-marquee",
|
||||
infoCards: [
|
||||
title: "Gourmet Dining", description: "Savor exquisite cuisine prepared by our award-winning chefs in a sophisticated ambiance.", bentoComponent: "info-card-marquee", infoCards: [
|
||||
{
|
||||
icon: Utensils,
|
||||
label: "Breakfast",
|
||||
value: "Daily",
|
||||
},
|
||||
label: "Breakfast", value: "Daily"},
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "Lunch",
|
||||
value: "Seasonal",
|
||||
},
|
||||
label: "Lunch", value: "Seasonal"},
|
||||
{
|
||||
icon: Wine,
|
||||
label: "Dinner",
|
||||
value: "À la carte",
|
||||
},
|
||||
],
|
||||
label: "Dinner", value: "À la carte"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Wellness & Spa",
|
||||
description: "Rejuvenate your mind and body with our luxurious spa treatments, state-of-the-art fitness center, and serene pool.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-golden-lamp-hangs-ceiling_1304-5596.jpg?_wi=2",
|
||||
imageAlt: "gourmet meal icon",
|
||||
bentoComponent: "orbiting-icons",
|
||||
centerIcon: Droplet,
|
||||
title: "Wellness & Spa", description: "Rejuvenate your mind and body with our luxurious spa treatments, state-of-the-art fitness center, and serene pool.", bentoComponent: "orbiting-icons", centerIcon: Droplet,
|
||||
orbitIcons: [
|
||||
"Spa",
|
||||
"Dumbbell",
|
||||
"Meditation",
|
||||
],
|
||||
"Spa", "Dumbbell", "Meditation"]
|
||||
},
|
||||
{
|
||||
title: "Seamless Stay",
|
||||
description: "Experience effortless check-in and personalized services tailored to your preferences, ensuring a truly relaxing visit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892901.jpg?_wi=2",
|
||||
imageAlt: "gourmet meal icon",
|
||||
bentoComponent: "checklist-timeline",
|
||||
heading: "Your Journey",
|
||||
subheading: "Experience a smooth process from arrival to departure.",
|
||||
checklistItems: [
|
||||
title: "Seamless Stay", description: "Experience effortless check-in and personalized services tailored to your preferences, ensuring a truly relaxing visit.", bentoComponent: "checklist-timeline", heading: "Your Journey", subheading: "Experience a smooth process from arrival to departure.", checklistItems: [
|
||||
{
|
||||
label: "Pre-Arrival Concierge",
|
||||
detail: "Assistance before your stay",
|
||||
},
|
||||
label: "Pre-Arrival Concierge", detail: "Assistance before your stay"},
|
||||
{
|
||||
label: "Expedited Check-in",
|
||||
detail: "Quick and easy registration",
|
||||
},
|
||||
label: "Expedited Check-in", detail: "Quick and easy registration"},
|
||||
{
|
||||
label: "Personalized Itinerary",
|
||||
detail: "Curated experiences just for you",
|
||||
},
|
||||
label: "Personalized Itinerary", detail: "Curated experiences just for you"},
|
||||
],
|
||||
completedLabel: "Enjoy Your Stay",
|
||||
completedLabel: "Enjoy Your Stay"
|
||||
},
|
||||
{
|
||||
title: "Personalized Service",
|
||||
description: "Our dedicated concierge and room service team are available 24/7 to cater to your every need.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-massage-concept-with-stones_23-2148531204.jpg",
|
||||
imageAlt: "gourmet meal icon",
|
||||
bentoComponent: "icon-text-marquee",
|
||||
centerIcon: User,
|
||||
title: "Personalized Service", description: "Our dedicated concierge and room service team are available 24/7 to cater to your every need.", bentoComponent: "icon-text-marquee", centerIcon: User,
|
||||
marqueeTexts: [
|
||||
"Concierge",
|
||||
"Room Service",
|
||||
"Guest Relations",
|
||||
"Valet Parking",
|
||||
],
|
||||
"Concierge", "Room Service", "Guest Relations", "Valet Parking"]
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -149,41 +98,17 @@ export default function HomePage() {
|
||||
description="Choose from a selection of elegantly designed rooms and spacious suites, each offering supreme comfort and sophisticated amenities."
|
||||
products={[
|
||||
{
|
||||
name: "Deluxe Room",
|
||||
variant: "King or Twin",
|
||||
price: "$350/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",
|
||||
},
|
||||
name: "Deluxe Room", variant: "King or Twin", price: "$350/night", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg"},
|
||||
{
|
||||
name: "Executive Suite",
|
||||
variant: "City View",
|
||||
price: "$550/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-woman-black-suit-butterfly-tie-hat-luxury-villa_343596-2804.jpg",
|
||||
},
|
||||
name: "Executive Suite", variant: "City View", price: "$550/night", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-woman-black-suit-butterfly-tie-hat-luxury-villa_343596-2804.jpg"},
|
||||
{
|
||||
name: "Family Suite",
|
||||
variant: "Connecting Rooms",
|
||||
price: "$700/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/little-girl-sitting-with-her-parents-bed-looking-serious_1150-4933.jpg",
|
||||
},
|
||||
name: "Family Suite", variant: "Connecting Rooms", price: "$700/night", imageSrc: "http://img.b2bpic.net/free-photo/little-girl-sitting-with-her-parents-bed-looking-serious_1150-4933.jpg"},
|
||||
{
|
||||
name: "Presidential Suite",
|
||||
variant: "Panoramic View",
|
||||
price: "$1200/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg",
|
||||
},
|
||||
name: "Presidential Suite", variant: "Panoramic View", price: "$1200/night", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg"},
|
||||
{
|
||||
name: "Ocean View Room",
|
||||
variant: "Private Balcony",
|
||||
price: "$450/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-brunette-female-sexy-dress-posing-stylish-hotel-asian-style_273443-3184.jpg",
|
||||
},
|
||||
name: "Ocean View Room", variant: "Private Balcony", price: "$450/night", imageSrc: "http://img.b2bpic.net/free-photo/elegant-brunette-female-sexy-dress-posing-stylish-hotel-asian-style_273443-3184.jpg"},
|
||||
{
|
||||
name: "City View Room",
|
||||
variant: "High Floor",
|
||||
price: "$400/night",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-enjoys-view-from-window-hotel-room_1163-5497.jpg",
|
||||
},
|
||||
name: "City View Room", variant: "High Floor", price: "$400/night", imageSrc: "http://img.b2bpic.net/free-photo/businessman-enjoys-view-from-window-hotel-room_1163-5497.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
@@ -197,22 +122,13 @@ export default function HomePage() {
|
||||
description="Celebrating milestones in guest satisfaction, service quality, and memorable experiences that define The Grand Hotel."
|
||||
metrics={[
|
||||
{
|
||||
value: "98%",
|
||||
title: "Guest Satisfaction",
|
||||
description: "Consistently high ratings from our valued guests.",
|
||||
icon: Sparkles,
|
||||
value: "98%", title: "Guest Satisfaction", description: "Consistently high ratings from our valued guests.", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
value: "5000+",
|
||||
title: "Happy Guests Annually",
|
||||
description: "Welcoming thousands of visitors who return year after year.",
|
||||
icon: Star,
|
||||
value: "5000+", title: "Happy Guests Annually", description: "Welcoming thousands of visitors who return year after year.", icon: Star,
|
||||
},
|
||||
{
|
||||
value: "5-Star",
|
||||
title: "Service Rating",
|
||||
description: "Recognized for our impeccable service and luxurious standards.",
|
||||
icon: Award,
|
||||
value: "5-Star", title: "Service Rating", description: "Recognized for our impeccable service and luxurious standards.", icon: Award,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -226,25 +142,15 @@ export default function HomePage() {
|
||||
title="What Our Guests Say"
|
||||
avatars={[
|
||||
{
|
||||
name: "Sarah L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-couch-smiling_23-2148095698.jpg",
|
||||
},
|
||||
name: "Sarah L.", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-couch-smiling_23-2148095698.jpg"},
|
||||
{
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg",
|
||||
},
|
||||
name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-man-posing-with-crossed-arms_23-2149206526.jpg"},
|
||||
{
|
||||
name: "Emily C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-home_23-2149412549.jpg",
|
||||
},
|
||||
name: "Emily C.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-home_23-2149412549.jpg"},
|
||||
{
|
||||
name: "John P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-male-wearing-suit-tie-standing-classroom_181624-14287.jpg",
|
||||
},
|
||||
name: "John P.", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-male-wearing-suit-tie-standing-classroom_181624-14287.jpg"},
|
||||
{
|
||||
name: "Jessica M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caucasian-businesswoman-with-elegance-confidence-standing-generative-ai_188544-7684.jpg",
|
||||
},
|
||||
name: "Jessica M.", imageSrc: "http://img.b2bpic.net/free-photo/caucasian-businesswoman-with-elegance-confidence-standing-generative-ai_188544-7684.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
@@ -258,21 +164,13 @@ export default function HomePage() {
|
||||
description="Find answers to common questions about your stay, booking, and hotel amenities at The Grand Hotel."
|
||||
items={[
|
||||
{
|
||||
question: "Can I modify or cancel my reservation?",
|
||||
answer: "Yes, reservation modifications and cancellations are possible based on the terms of your booking. Please refer to your confirmation email or contact our reservations team for assistance.",
|
||||
},
|
||||
question: "Can I modify or cancel my reservation?", answer: "Yes, reservation modifications and cancellations are possible based on the terms of your booking. Please refer to your confirmation email or contact our reservations team for assistance."},
|
||||
{
|
||||
question: "What are the check-in and check-out times?",
|
||||
answer: "Standard check-in time is 3:00 PM, and check-out is 12:00 PM. Early check-in or late check-out may be available upon request and subject to availability, additional charges may apply.",
|
||||
},
|
||||
question: "What are the check-in and check-out times?", answer: "Standard check-in time is 3:00 PM, and check-out is 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 complimentary breakfast?",
|
||||
answer: "Complimentary breakfast is included with certain room packages and loyalty tiers. Please check your booking details or inquire at the front desk for more information.",
|
||||
},
|
||||
question: "Do you offer complimentary breakfast?", answer: "Complimentary breakfast is included with certain room packages and loyalty tiers. Please check your booking details or inquire at the front desk for more information."},
|
||||
{
|
||||
question: "Is parking available at the hotel?",
|
||||
answer: "Valet parking is available for guests at an additional charge. Self-parking options are also nearby. Please contact the concierge for directions and rates.",
|
||||
},
|
||||
question: "Is parking available at the hotel?", answer: "Valet parking is available for guests at an additional charge. Self-parking options are also nearby. Please contact the concierge for directions and rates."},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
@@ -284,13 +182,9 @@ export default function HomePage() {
|
||||
tag="Ready to Relax?"
|
||||
text="Book your unforgettable escape at The Grand Hotel today and discover unparalleled luxury."
|
||||
primaryButton={{
|
||||
text: "Reserve Your Room",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Reserve Your Room", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "Contact Our Team",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Contact Our Team", href: "#"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user