From a76d2f2b1967bc686a0ff968ca782f14b21c01aa Mon Sep 17 00:00:00 2001 From: bender Date: Sat, 23 May 2026 01:14:35 +0000 Subject: [PATCH] Update src/pages/HomePage.tsx --- src/pages/HomePage.tsx | 203 +++++++++-------------------------------- 1 file changed, 44 insertions(+), 159 deletions(-) diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 996b6ee..1bec3aa 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -19,34 +19,24 @@ export default function HomePage() { title="Experience Unrivaled Luxury" description="Discover a sanctuary where comfort meets elegance. The Grand Stay offers an exquisite experience for every guest, blending opulent design with impeccable service for an unforgettable stay." primaryButton={{ - text: "Book Your Stay", - href: "#contact", - }} + text: "Book Your Stay", href: "#contact"}} secondaryButton={{ - text: "Explore Rooms", - href: "#rooms", - }} + text: "Explore Rooms", href: "#rooms"}} leftItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-coffee-tables-cosy-sofas-plants-shelves_140725-7785.jpg?_wi=1", - }, + imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-coffee-tables-cosy-sofas-plants-shelves_140725-7785.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg?_wi=1", - }, + imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683401.jpg?_wi=1", - }, + imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683401.jpg"}, ]} rightItems={[ { - imageSrc: "http://img.b2bpic.net/free-photo/tranquil-sunset-reflection-tropical-coastline-generated-by-ai_188544-36460.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/tranquil-sunset-reflection-tropical-coastline-generated-by-ai_188544-36460.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/bathtub_1203-2911.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/bathtub_1203-2911.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/person-running-gym_140725-7920.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/person-running-gym_140725-7920.jpg"}, ]} /> @@ -61,19 +51,13 @@ export default function HomePage() { items={[ { icon: Building2, - title: "Exceptional Service", - description: "Our dedicated staff anticipates your every need, offering personalized service to make your stay truly memorable.", - }, + title: "Exceptional Service", description: "Our dedicated staff anticipates your every need, offering personalized service to make your stay truly memorable."}, { icon: Utensils, - title: "Exquisite Dining", - description: "Savor gourmet cuisine from world-renowned chefs in our elegant restaurants and bars.", - }, + title: "Exquisite Dining", description: "Savor gourmet cuisine from world-renowned chefs in our elegant restaurants and bars."}, { icon: MapPin, - title: "Prime Location", - description: "Nestled in the heart of the city, we offer easy access to major attractions and business districts.", - }, + title: "Prime Location", description: "Nestled in the heart of the city, we offer easy access to major attractions and business districts."}, ]} imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683507.jpg" /> @@ -88,41 +72,17 @@ export default function HomePage() { description="From opulent suites to cozy deluxe rooms, each space is meticulously designed to offer a serene escape with modern amenities and breathtaking views. Find your perfect retreat." products={[ { - name: "Deluxe Room", - variant: "City View", - price: "$299/night", - imageSrc: "http://img.b2bpic.net/free-photo/man-giving-juice-girlfriend_23-2147766918.jpg", - }, + name: "Deluxe Room", variant: "City View", price: "$299/night", imageSrc: "http://img.b2bpic.net/free-photo/man-giving-juice-girlfriend_23-2147766918.jpg"}, { - name: "Executive Suite", - variant: "Ocean View", - price: "$499/night", - imageSrc: "http://img.b2bpic.net/free-photo/high-angle-office-desk-with-smartphone-medical-mask_23-2148804401.jpg", - }, + name: "Executive Suite", variant: "Ocean View", price: "$499/night", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-office-desk-with-smartphone-medical-mask_23-2148804401.jpg"}, { - name: "Grand Suite", - variant: "Corner View", - price: "$799/night", - imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-home_1157-18416.jpg", - }, + name: "Grand Suite", variant: "Corner View", price: "$799/night", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-home_1157-18416.jpg"}, { - name: "Presidential Suite", - variant: "Penthouse", - price: "$1999/night", - imageSrc: "http://img.b2bpic.net/free-photo/rococo-interior-design-style_23-2151918324.jpg", - }, + name: "Presidential Suite", variant: "Penthouse", price: "$1999/night", imageSrc: "http://img.b2bpic.net/free-photo/rococo-interior-design-style_23-2151918324.jpg"}, { - name: "Family Room", - variant: "Connecting", - price: "$399/night", - imageSrc: "http://img.b2bpic.net/free-photo/sharing-ideas-with-pretty-girlfriend_1098-15697.jpg", - }, + name: "Family Room", variant: "Connecting", price: "$399/night", imageSrc: "http://img.b2bpic.net/free-photo/sharing-ideas-with-pretty-girlfriend_1098-15697.jpg"}, { - name: "Accessible Room", - variant: "Garden View", - price: "$299/night", - imageSrc: "http://img.b2bpic.net/free-photo/empty-living-room-with-wheelchair-help-with-chronic-disability-injury-nobody-space-with-transportation-object-give-support-patient-help-with-accessibility-physical-recovery_482257-39017.jpg", - }, + name: "Accessible Room", variant: "Garden View", price: "$299/night", imageSrc: "http://img.b2bpic.net/free-photo/empty-living-room-with-wheelchair-help-with-chronic-disability-injury-nobody-space-with-transportation-object-give-support-patient-help-with-accessibility-physical-recovery_482257-39017.jpg"}, ]} /> @@ -136,61 +96,32 @@ export default function HomePage() { description="From gourmet dining to a rejuvenating spa, our amenities are curated to enhance your stay and create lasting memories. Experience luxury at every turn." features={[ { - title: "Gourmet Dining", - description: "Indulge in exquisite culinary journeys at our award-winning restaurants and vibrant bars.", - bentoComponent: "media-stack", - mediaItems: [ + title: "Gourmet Dining", description: "Indulge in exquisite culinary journeys at our award-winning restaurants and vibrant bars.", bentoComponent: "media-stack", mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-cooking_23-2148471936.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-cooking_23-2148471936.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/view-pretty-tanned-woman-black-vintage-bikini-lies-green-sun-bed-amazing-villa-sunny-day-resting-enjoying-vacation_343596-2545.jpg", - }, + imageSrc: "http://img.b2bpic.net/free-photo/view-pretty-tanned-woman-black-vintage-bikini-lies-green-sun-bed-amazing-villa-sunny-day-resting-enjoying-vacation_343596-2545.jpg"}, { - imageSrc: "http://img.b2bpic.net/free-photo/tourists-going-through-check-process-hotel-reception-desk_482257-82845.jpg", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-coffee-tables-cosy-sofas-plants-shelves_140725-7785.jpg?_wi=2", - imageAlt: "hotel chef preparing food", + imageSrc: "http://img.b2bpic.net/free-photo/tourists-going-through-check-process-hotel-reception-desk_482257-82845.jpg"}, + ] }, { - title: "Rejuvenating Spa", - description: "Relax and unwind with a range of personalized treatments and wellness programs in our tranquil spa.", - bentoComponent: "info-card-marquee", - infoCards: [ + title: "Rejuvenating Spa", description: "Relax and unwind with a range of personalized treatments and wellness programs in our tranquil spa.", bentoComponent: "info-card-marquee", infoCards: [ { icon: Sparkles, - label: "Massages", - value: "Therapeutic", - }, + label: "Massages", value: "Therapeutic"}, { icon: Leaf, - label: "Facials", - value: "Revitalizing", - }, + label: "Facials", value: "Revitalizing"}, { icon: Droplet, - label: "Hydrotherapy", - value: "Soothing", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg?_wi=2", - imageAlt: "hotel chef preparing food", + label: "Hydrotherapy", value: "Soothing"}, + ] }, { - title: "Fitness Center", - description: "Stay active with state-of-the-art equipment and expert trainers in our modern fitness facility.", - bentoComponent: "orbiting-icons", - centerIcon: Activity, + title: "Fitness Center", description: "Stay active with state-of-the-art equipment and expert trainers in our modern fitness facility.", bentoComponent: "orbiting-icons", centerIcon: Activity, orbitIcons: [ - "HeartPulse", - "Bike", - "Weight", - "PersonStanding", - "Activity", - ], - imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683401.jpg?_wi=2", - imageAlt: "hotel chef preparing food", + "HeartPulse", "Bike", "Weight", "PersonStanding", "Activity"] }, ]} /> @@ -205,22 +136,13 @@ export default function HomePage() { description="With decades of experience and countless satisfied guests, The Grand Stay sets the standard for luxury hospitality, delivering exceptional moments year after year." metrics={[ { - value: "25+", - title: "Years of Service", - description: "A quarter-century of unparalleled hospitality and guest satisfaction.", - icon: Calendar, + value: "25+", title: "Years of Service", description: "A quarter-century of unparalleled hospitality and guest satisfaction.", icon: Calendar, }, { - value: "500+", - title: "Luxurious Rooms", - description: "A diverse collection of rooms and suites designed for ultimate comfort.", - icon: Key, + value: "500+", title: "Luxurious Rooms", description: "A diverse collection of rooms and suites designed for ultimate comfort.", icon: Key, }, { - value: "98%", - title: "Guest Satisfaction", - description: "Consistently high ratings from guests who experience our dedication.", - icon: Star, + value: "98%", title: "Guest Satisfaction", description: "Consistently high ratings from guests who experience our dedication.", icon: Star, }, ]} /> @@ -234,25 +156,15 @@ export default function HomePage() { title="Hear From Our Cherished Guests" avatars={[ { - name: "Sarah J.", - imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg", - }, + name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1613.jpg"}, { - name: "Michael T.", - imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-blonde-woman-speak-by-her-phone-smart-casual-outfit-hat-sweater-clear-glasses-positive-emotions-palm-trees-around_291049-608.jpg", - }, + name: "Michael T.", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-blonde-woman-speak-by-her-phone-smart-casual-outfit-hat-sweater-clear-glasses-positive-emotions-palm-trees-around_291049-608.jpg"}, { - name: "Emily R.", - imageSrc: "http://img.b2bpic.net/free-photo/family-hanging-out-jetty_52683-122478.jpg", - }, + name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/family-hanging-out-jetty_52683-122478.jpg"}, { - name: "David K.", - imageSrc: "http://img.b2bpic.net/free-photo/full-shot-romantic-senior-couple_23-2149728412.jpg", - }, + name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-romantic-senior-couple_23-2149728412.jpg"}, { - name: "James L.", - imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-coffee-near-banister_23-2147694689.jpg", - }, + name: "James L.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-with-coffee-near-banister_23-2147694689.jpg"}, ]} /> @@ -265,17 +177,7 @@ export default function HomePage() { title="Accolades & Affiliations" description="Proudly recognized by leading hospitality organizations and travel critics for our commitment to excellence and luxury standards." names={[ - "Traveler's Choice Awards", - "Luxury Hotel Guide", - "Forbes Travel Guide", - "Conde Nast Traveler", - "AAA Five Diamond Award", - "World Luxury Hotel Awards", - "Michelin Star", - "Leading Hotels of the World", - "Relais & Châteaux", - "Preferred Hotels & Resorts", - ]} + "Traveler's Choice Awards", "Luxury Hotel Guide", "Forbes Travel Guide", "Conde Nast Traveler", "AAA Five Diamond Award", "World Luxury Hotel Awards", "Michelin Star", "Leading Hotels of the World", "Relais & Châteaux", "Preferred Hotels & Resorts"]} /> @@ -288,37 +190,20 @@ export default function HomePage() { description="Have a question or need assistance with your reservation? Our dedicated team is here to help you plan an unforgettable experience. Reach out anytime." inputs={[ { - name: "fullName", - type: "text", - placeholder: "Full Name", - required: true, + name: "fullName", type: "text", placeholder: "Full Name", required: true, }, { - name: "email", - type: "email", - placeholder: "Email Address", - required: true, + name: "email", type: "email", placeholder: "Email Address", required: true, }, { - name: "phone", - type: "tel", - placeholder: "Phone Number", - }, + name: "phone", type: "tel", placeholder: "Phone Number"}, { - name: "checkInDate", - type: "date", - placeholder: "Check-in Date", - }, + name: "checkInDate", type: "date", placeholder: "Check-in Date"}, { - name: "checkOutDate", - type: "date", - placeholder: "Check-out Date", - }, + name: "checkOutDate", type: "date", placeholder: "Check-out Date"}, ]} textarea={{ - name: "message", - placeholder: "Your Message", - rows: 5, + name: "message", placeholder: "Your Message", rows: 5, }} buttonText="Send Inquiry" imageSrc="http://img.b2bpic.net/free-photo/guests-leaving-access-key-card_482257-86295.jpg"