bender/f27dc0f1-a971-44a1-ab45-df9c4e34c979
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/pages/HomePage.tsx

Browse Source
This commit is contained in:
bender
2026-06-08 11:17:56 +00:00
parent 718340fe8b
commit fa2c38ba1d
1 changed files with 59 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files

249
src/pages/HomePage.tsx
View File

@@ -19,13 +19,9 @@ export default function HomePage() {
brand="The Grand Oasis Hotel"
description="Experience unparalleled luxury and serenity in the heart of the city. Your ultimate escape awaits."
primaryButton={{
text: "Book Your Stay",
href: "#contact",
}}
text: "Book Your Stay", href: "#contact"}}
secondaryButton={{
text: "Explore Rooms",
href: "#rooms",
}}
text: "Explore Rooms", href: "#rooms"}}
imageSrc="http://img.b2bpic.net/free-photo/abstract-science-fiction-futuristic-background-with-golden-neon-lights_181624-15608.jpg"
/>
</SectionErrorBoundary>
@@ -38,13 +34,9 @@ export default function HomePage() {
title="A Legacy of Hospitality and Elegance"
description="Nestled in a vibrant locale, The Grand Oasis Hotel has been a beacon of luxury and comfort for decades. Our commitment to impeccable service, exquisite design, and personalized experiences ensures every guest's stay is memorable and enchanting. Discover a haven where every detail is crafted for your utmost pleasure."
primaryButton={{
text: "Our Story",
href: "#",
}}
text: "Our Story", href: "#"}}
secondaryButton={{
text: "Virtual Tour",
href: "#",
}}
text: "Virtual Tour", href: "#"}}
imageSrc="http://img.b2bpic.net/free-photo/couple-passing-time-lounge-area_482257-81665.jpg"
/>
</SectionErrorBoundary>
@@ -58,141 +50,83 @@ export default function HomePage() {
description="Indulge in our exquisitely designed rooms and suites, offering a perfect blend of comfort and sophistication. Each space is meticulously crafted to provide a tranquil retreat."
items={[
{
title: "Deluxe King Room",
tags: "City View, King Bed",
badge: "Popular",
details: [
title: "Deluxe King Room", tags: "City View, King Bed", badge: "Popular", details: [
{
icon: Bed,
label: "Bed",
value: "King",
},
label: "Bed", value: "King"},
{
icon: Wifi,
label: "Connectivity",
value: "Free Wi-Fi",
},
label: "Connectivity", value: "Free Wi-Fi"},
{
icon: Users,
label: "Capacity",
value: "2 Adults",
},
label: "Capacity", value: "2 Adults"},
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150956527.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150956527.jpg"},
{
title: "Executive Suite",
tags: "Spacious, Lounge Access",
badge: "Premium",
details: [
title: "Executive Suite", tags: "Spacious, Lounge Access", badge: "Premium", details: [
{
icon: Sofa,
label: "Living",
value: "Separate Lounge",
},
label: "Living", value: "Separate Lounge"},
{
icon: Coffee,
label: "Coffee",
value: "Espresso Machine",
},
label: "Coffee", value: "Espresso Machine"},
{
icon: Users,
label: "Capacity",
value: "3 Adults",
},
label: "Capacity", value: "3 Adults"},
],
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_1203-9643.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_1203-9643.jpg"},
{
title: "Family Connecting Room",
tags: "Connecting, Two Queens",
details: [
title: "Family Connecting Room", tags: "Connecting, Two Queens", details: [
{
icon: Bed,
label: "Beds",
value: "2 Queen",
},
label: "Beds", value: "2 Queen"},
{
icon: Users,
label: "Capacity",
value: "4 Adults, 2 Kids",
},
label: "Capacity", value: "4 Adults, 2 Kids"},
{
icon: SquareStack,
label: "Space",
value: "75 sqm",
},
label: "Space", value: "75 sqm"},
],
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-jumping-bed-before-wedding_1153-2805.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-women-jumping-bed-before-wedding_1153-2805.jpg"},
{
title: "Ocean View Balcony",
tags: "Sea Breeze, Private Balcony",
badge: "Featured",
details: [
title: "Ocean View Balcony", tags: "Sea Breeze, Private Balcony", badge: "Featured", details: [
{
icon: Waves,
label: "View",
value: "Oceanfront",
},
label: "View", value: "Oceanfront"},
{
icon: Wind,
label: "Feature",
value: "Private Balcony",
},
label: "Feature", value: "Private Balcony"},
{
icon: ShowerHead,
label: "Bathroom",
value: "Rain Shower",
},
label: "Bathroom", value: "Rain Shower"},
],
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497255.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497255.jpg"},
{
title: "Penthouse Suite",
tags: "Panoramic Views, Luxury Amenities",
badge: "Exclusive",
details: [
title: "Penthouse Suite", tags: "Panoramic Views, Luxury Amenities", badge: "Exclusive", details: [
{
icon: Castle,
label: "Level",
value: "Top Floor",
},
label: "Level", value: "Top Floor"},
{
icon: Tv,
label: "Entertainment",
value: "Home Cinema",
},
label: "Entertainment", value: "Home Cinema"},
{
icon: Wine,
label: "Perks",
value: "Private Bar",
},
label: "Perks", value: "Private Bar"},
],
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119019.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151119019.jpg"},
{
title: "Accessible Guest Room",
tags: "Spacious, Wheelchair Friendly",
details: [
title: "Accessible Guest Room", tags: "Spacious, Wheelchair Friendly", details: [
{
icon: Accessibility,
label: "Access",
value: "ADA Compliant",
},
label: "Access", value: "ADA Compliant"},
{
icon: ShowerHead,
label: "Bathroom",
value: "Roll-in Shower",
},
label: "Bathroom", value: "Roll-in Shower"},
{
icon: DoorOpen,
label: "Space",
value: "Wide Doors",
},
label: "Space", value: "Wide Doors"},
],
imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2725.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bathroom_1203-2725.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -206,26 +140,11 @@ export default function HomePage() {
description="Enhance your stay with our diverse range of amenities, designed for relaxation, rejuvenation, and exquisite dining experiences."
steps={[
{
tag: "Rejuvenate",
title: "Serene Spa & Wellness",
subtitle: "Indulge in ultimate relaxation",
description: "Our luxurious spa offers a sanctuary of calm, with a range of treatments from therapeutic massages to invigorating facials, designed to restore your balance and well-being.",
imageSrc: "http://img.b2bpic.net/free-photo/girl-white-robe-spa-stairs-cozy-light-calm-mood-kid-wellness_169016-69180.jpg",
},
tag: "Rejuvenate", title: "Serene Spa & Wellness", subtitle: "Indulge in ultimate relaxation", description: "Our luxurious spa offers a sanctuary of calm, with a range of treatments from therapeutic massages to invigorating facials, designed to restore your balance and well-being.时不我待.", imageSrc: "http://img.b2bpic.net/free-photo/girl-white-robe-spa-stairs-cozy-light-calm-mood-kid-wellness_169016-69180.jpg"},
{
tag: "Dine",
title: "Gourmet Dining Experiences",
subtitle: "Savor exquisite culinary delights",
description: "Embark on a culinary journey at our award-winning restaurants. From sophisticated fine dining to casual al fresco options, our chefs craft unforgettable meals using the freshest local ingredients.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081450.jpg",
},
tag: "Dine", title: "Gourmet Dining Experiences", subtitle: "Savor exquisite culinary delights", description: "Embark on a culinary journey at our award-winning restaurants. From sophisticated fine dining to casual al fresco options, our chefs craft unforgettable meals using the freshest local ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081450.jpg"},
{
tag: "Unwind",
title: "Infinity Pool with City Views",
subtitle: "Relax above the city skyline",
description: "Take a refreshing dip in our breathtaking infinity pool, offering panoramic city views. The perfect spot to unwind, soak up the sun, or enjoy a sunset cocktail.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relax-happy-smile-leisure-around-outdoor-swimming-pool_74190-11170.jpg",
},
tag: "Unwind", title: "Infinity Pool with City Views", subtitle: "Relax above the city skyline", description: "Take a refreshing dip in our breathtaking infinity pool, offering panoramic city views. The perfect spot to unwind, soak up the sun, or enjoy a sunset cocktail.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relax-happy-smile-leisure-around-outdoor-swimming-pool_74190-11170.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -240,19 +159,13 @@ export default function HomePage() {
metrics={[
{
icon: Star,
title: "Guest Rating",
value: "4.9/5",
},
title: "Guest Rating", value: "4.9/5"},
{
icon: Heart,
title: "Repeat Guests",
value: "85%",
},
title: "Repeat Guests", value: "85%"},
{
icon: Bell,
title: "Years of Service",
value: "30+",
},
title: "Years of Service", value: "30+"},
]}
/>
</SectionErrorBoundary>
@@ -265,14 +178,7 @@ export default function HomePage() {
title="Proudly Affiliated & Recommended"
description="We collaborate with leading travel and hospitality brands to bring you an unparalleled experience."
names={[
"Luxury Travel Magazine",
"Global Hotel Awards",
"Elite Destinations",
"Voyage & Leisure",
"Gourmet Escapes",
"Wellness Retreats",
"City Explorer Guide",
]}
"Luxury Travel Magazine", "Global Hotel Awards", "Elite Destinations", "Voyage & Leisure", "Gourmet Escapes", "Wellness Retreats", "City Explorer Guide"]}
/>
</SectionErrorBoundary>
</div>
@@ -283,34 +189,20 @@ export default function HomePage() {
tag="Guest Experiences"
title="What Our Guests Say"
primaryButton={{
text: "Read All Reviews",
href: "#",
}}
text: "Read All Reviews", href: "#"}}
avatars={[
{
name: "John Doe",
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg",
},
name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-surprised-expression_1194-3809.jpg"},
{
name: "Jane Smith",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-hat-traveling_23-2148518196.jpg",
},
name: "Jane Smith", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-hat-traveling_23-2148518196.jpg"},
{
name: "Robert Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-celebrating-birthday-together_23-2150572127.jpg",
},
name: "Robert Johnson", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-family-celebrating-birthday-together_23-2150572127.jpg"},
{
name: "Emily Chen",
imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-man-smiling-happy-standing-city_839833-10609.jpg",
},
name: "Emily Chen", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-man-smiling-happy-standing-city_839833-10609.jpg"},
{
name: "Michael Chang",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
},
name: "Michael Chang", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg"},
{
name: "Sarah Jenkins",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hat-traveling_23-2148518197.jpg",
},
name: "Sarah Jenkins", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hat-traveling_23-2148518197.jpg"},
]}
/>
</SectionErrorBoundary>
@@ -324,47 +216,28 @@ export default function HomePage() {
description="Find quick answers to common questions about your stay, bookings, and hotel services."
categories={[
{
name: "Bookings & Check-in",
items: [
name: "Bookings & Check-in", items: [
{
question: "What are your check-in and check-out times?",
answer: "Check-in is at 3:00 PM and check-out is at 11:00 AM. Early check-in and late check-out may be available upon request and subject to availability.",
},
question: "What are your check-in and check-out times?", answer: "Check-in is at 3:00 PM and check-out is at 11:00 AM. Early check-in and late check-out may be available upon request and subject to availability."},
{
question: "Do you offer airport transportation?",
answer: "Yes, we offer airport shuttle services. Please contact our concierge desk at least 24 hours in advance to arrange your pick-up or drop-off.",
},
question: "Do you offer airport transportation?", answer: "Yes, we offer airport shuttle services. Please contact our concierge desk at least 24 hours in advance to arrange your pick-up or drop-off."},
{
question: "What is your cancellation policy?",
answer: "Our standard cancellation policy allows free cancellation up to 48 hours prior to your arrival date. Policies may vary for special packages or promotions.",
},
question: "What is your cancellation policy?", answer: "Our standard cancellation policy allows free cancellation up to 48 hours prior to your arrival date. Policies may vary for special packages or promotions."},
],
},
{
name: "Hotel Services",
items: [
name: "Hotel Services", items: [
{
question: "Is breakfast included in the room rate?",
answer: "Breakfast inclusion depends on your room package. Please refer to your booking confirmation or inquire at the front desk for details.",
},
question: "Is breakfast included in the room rate?", answer: "Breakfast inclusion depends on your room package. Please refer to your booking confirmation or inquire at the front desk for details."},
{
question: "Do you have a fitness center or spa?",
answer: "Yes, we have a fully equipped fitness center and a luxurious spa offering a variety of treatments. Both are accessible to guests during operational hours.",
},
question: "Do you have a fitness center or spa?", answer: "Yes, we have a fully equipped fitness center and a luxurious spa offering a variety of treatments. Both are accessible to guests during operational hours."},
{
question: "Is Wi-Fi available throughout the hotel?",
answer: "Complimentary high-speed Wi-Fi is available in all guest rooms and public areas of the hotel for your convenience.",
},
question: "Is Wi-Fi available throughout the hotel?", answer: "Complimentary high-speed Wi-Fi is available in all guest rooms and public areas of the hotel for your convenience."},
],
},
]}
cta={{
name: "Alice Wonderland",
role: "Concierge Manager",
buttonText: "Chat with Support",
buttonHref: "#contact",
imageSrc: "http://img.b2bpic.net/free-photo/receptionists-elegant-suits-work-hours_23-2149714404.jpg",
}}
name: "Alice Wonderland", role: "Concierge Manager", buttonText: "Chat with Support", buttonHref: "#contact", imageSrc: "http://img.b2bpic.net/free-photo/receptionists-elegant-suits-work-hours_23-2149714404.jpg"}}
/>
</SectionErrorBoundary>
</div>
@@ -375,13 +248,9 @@ export default function HomePage() {
tag="Your Perfect Stay Awaits"
text="Ready to experience unparalleled luxury and hospitality? Book your dream getaway today."
primaryButton={{
text: "Make a Reservation",
href: "#",
}}
text: "Make a Reservation", href: "#"}}
secondaryButton={{
text: "Contact Our Team",
href: "#",
}}
text: "Contact Our Team", href: "#"}}
/>
</SectionErrorBoundary>
</div>