Update src/app/page.tsx

This commit is contained in:
2026-05-09 10:56:31 +00:00
parent bd4837aa74
commit d3a74e21ca

View File

@@ -29,90 +29,57 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Amenities", name: "Amenities", id: "amenities"},
id: "amenities",
},
{ {
name: "Contact", name: "Contact", id: "contact"},
id: "contact",
},
]} ]}
brandName="Marriott Sugar Land" brandName="Marriott Sugar Land"
button={{ button={{
text: "Book Now", text: "Book Now", href: "https://marriott.com"}}
href: "https://marriott.com",
}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroSplit <HeroSplit
background={{ background={{
variant: "plain", variant: "plain"}}
}}
title="Houston Marriott Sugar Land" title="Houston Marriott Sugar Land"
description="Experience unparalleled luxury in the heart of Sugar Land. Your destination for business and relaxation." description="Experience unparalleled luxury in the heart of Sugar Land. Your destination for business and relaxation."
buttons={[ buttons={[
{ {
text: "Book a Room", text: "Book a Room", href: "https://marriott.com"},
href: "https://marriott.com",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896890.jpg" imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896890.jpg"
imageAlt="luxury hotel exterior facade daylight" imageAlt="luxury hotel exterior facade daylight"
mediaAnimation="slide-up" mediaAnimation="slide-up"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-869.jpg", src: "http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-869.jpg", alt: "square front of modern office buildings"},
alt: "square front of modern office buildings",
},
{ {
src: "http://img.b2bpic.net/free-photo/bottom-view-modern-skyscraper_1127-346.jpg", src: "http://img.b2bpic.net/free-photo/bottom-view-modern-skyscraper_1127-346.jpg", alt: "Bottom view of modern skyscraper"},
alt: "Bottom view of modern skyscraper",
},
{ {
src: "http://img.b2bpic.net/free-photo/futuristic-landscape-dubai_23-2151339806.jpg", src: "http://img.b2bpic.net/free-photo/futuristic-landscape-dubai_23-2151339806.jpg", alt: "Futuristic landscape of dubai"},
alt: "Futuristic landscape of dubai",
},
{ {
src: "http://img.b2bpic.net/free-photo/modern-architectural-marvel-futuristic-building_23-2152006114.jpg", src: "http://img.b2bpic.net/free-photo/modern-architectural-marvel-futuristic-building_23-2152006114.jpg", alt: "Modern architectural marvel: a futuristic building"},
alt: "Modern architectural marvel: a futuristic building",
},
{ {
src: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797675.jpg", src: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797675.jpg", alt: "Modern office space with futuristic decor and furniture"},
alt: "Modern office space with futuristic decor and furniture",
},
]} ]}
avatarText="Join 15,000+ satisfied guests" avatarText="Join 15,000+ satisfied guests"
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "5-Star Service"},
text: "5-Star Service",
},
{ {
type: "text", type: "text", text: "Prime Location"},
text: "Prime Location",
},
{ {
type: "text", type: "text", text: "Modern Amenities"},
text: "Modern Amenities",
},
{ {
type: "text", type: "text", text: "Luxury Suites"},
text: "Luxury Suites",
},
{ {
type: "text", type: "text", text: "Gourmet Dining"},
text: "Gourmet Dining",
},
]} ]}
/> />
</div> </div>
@@ -125,17 +92,11 @@ export default function LandingPage() {
description="Located at 16090 City Walk, our hotel combines comfort with premier management facilities. We pride ourselves on providing a 5-star experience for every guest." description="Located at 16090 City Walk, our hotel combines comfort with premier management facilities. We pride ourselves on providing a 5-star experience for every guest."
bulletPoints={[ bulletPoints={[
{ {
title: "Prime Location", title: "Prime Location", description: "Situated in the center of Sugar Land's vibrant commercial district."},
description: "Situated in the center of Sugar Land's vibrant commercial district.",
},
{ {
title: "5-Star Management", title: "5-Star Management", description: "Expertly managed hospitality services ensuring your comfort."},
description: "Expertly managed hospitality services ensuring your comfort.",
},
{ {
title: "Full Facilities", title: "Full Facilities", description: "Access to comprehensive event and business amenities."},
description: "Access to comprehensive event and business amenities.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695775.jpg" imageSrc="http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695775.jpg"
imageAlt="modern luxury hotel lobby interior" imageAlt="modern luxury hotel lobby interior"
@@ -146,39 +107,19 @@ export default function LandingPage() {
<div id="amenities" data-section="amenities"> <div id="amenities" data-section="amenities">
<FeatureCardSeven <FeatureCardSeven
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="split-actions"
useInvertedBackground={false} useInvertedBackground={false}
features={[ features={[
{ {
title: "Luxury Suites", title: "Luxury Suites", description: "Spacious guest rooms with premium amenities.", imageSrc: "http://img.b2bpic.net/free-photo/bedroom-with-bed-chair-front-sliding-glass-door_1340-25294.jpg", imageAlt: "luxury hotel room interior suite"},
description: "Spacious guest rooms with premium amenities.",
imageSrc: "http://img.b2bpic.net/free-photo/bedroom-with-bed-chair-front-sliding-glass-door_1340-25294.jpg",
imageAlt: "luxury hotel room interior suite",
},
{ {
title: "Resort Pool", title: "Resort Pool", description: "Rejuvenate in our expertly maintained swimming facilities.", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-pool_1203-7228.jpg", imageAlt: "modern hotel swimming pool outdoors"},
description: "Rejuvenate in our expertly maintained swimming facilities.",
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-pool_1203-7228.jpg",
imageAlt: "modern hotel swimming pool outdoors",
},
{ {
title: "Gourmet Dining", title: "Gourmet Dining", description: "Experience culinary excellence at our fine-dining restaurant.", imageSrc: "http://img.b2bpic.net/free-photo/grilled-vegetables-served-with-lavash-species_114579-2007.jpg", imageAlt: "gourmet hotel restaurant dining room"},
description: "Experience culinary excellence at our fine-dining restaurant.",
imageSrc: "http://img.b2bpic.net/free-photo/grilled-vegetables-served-with-lavash-species_114579-2007.jpg",
imageAlt: "gourmet hotel restaurant dining room",
},
{ {
title: "Fitness Center", title: "Fitness Center", description: "State-of-the-art gym with modern equipment.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv_105762-2214.jpg", imageAlt: "3d rendering beautiful luxury bedroom suite in hotel with tv"},
description: "State-of-the-art gym with modern equipment.",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv_105762-2214.jpg",
imageAlt: "3d rendering beautiful luxury bedroom suite in hotel with tv",
},
{ {
title: "Business Lounge", title: "Business Lounge", description: "Quiet workspaces for the professional traveler.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-style-bedroom-interior-hotel-bedroom-generative-ai-illustration_1258-151611.jpg", imageAlt: "Luxury modern style bedroom Interior of a hotel bedroom Generative AI illustration"},
description: "Quiet workspaces for the professional traveler.",
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-style-bedroom-interior-hotel-bedroom-generative-ai-illustration_1258-151611.jpg",
imageAlt: "Luxury modern style bedroom Interior of a hotel bedroom Generative AI illustration",
},
]} ]}
title="World-Class Amenities" title="World-Class Amenities"
description="Designed to provide comfort, convenience, and luxury during your stay." description="Designed to provide comfort, convenience, and luxury during your stay."
@@ -192,59 +133,28 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", name: "Alice M.", role: "Traveler", company: "Sugar Land", rating: 5,
name: "Alice M.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-drinking-coffee-with-laptop-desk_23-2147955289.jpg"},
role: "Traveler",
company: "Sugar Land",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-drinking-coffee-with-laptop-desk_23-2147955289.jpg",
},
{ {
id: "2", id: "2", name: "Bob D.", role: "Business Guest", company: "Global Corp", rating: 5,
name: "Bob D.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695680.jpg"},
role: "Business Guest",
company: "Global Corp",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-cute-couple-wearing-linen-clothing_23-2150695680.jpg",
},
{ {
id: "3", id: "3", name: "Charlie R.", role: "Vacationer", company: "Nearby City", rating: 5,
name: "Charlie R.", imageSrc: "http://img.b2bpic.net/free-photo/man-having-cup-coffee-while-reading-newspaper_1170-545.jpg"},
role: "Vacationer",
company: "Nearby City",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-having-cup-coffee-while-reading-newspaper_1170-545.jpg",
},
{ {
id: "4", id: "4", name: "Diana K.", role: "Event Attendee", company: "Local Org", rating: 5,
name: "Diana K.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-ginger-girl-yellow-shirt-lying-stone-parapet-looking-down_197531-4548.jpg"},
role: "Event Attendee",
company: "Local Org",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-ginger-girl-yellow-shirt-lying-stone-parapet-looking-down_197531-4548.jpg",
},
{ {
id: "5", id: "5", name: "Ethan S.", role: "Frequent Guest", company: "Sugar Land", rating: 5,
name: "Ethan S.", imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-cafe_1303-25730.jpg"},
role: "Frequent Guest",
company: "Sugar Land",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-cafe_1303-25730.jpg",
},
]} ]}
kpiItems={[ kpiItems={[
{ {
value: "5", value: "5", label: "Star Rating"},
label: "Star Rating",
},
{ {
value: "100%", value: "100%", label: "Commitment"},
label: "Commitment",
},
{ {
value: "16k+", value: "16k+", label: "Served"},
label: "Served",
},
]} ]}
title="Guest Experiences" title="Guest Experiences"
description="See why guests choose Houston Marriott Sugar Land." description="See why guests choose Houston Marriott Sugar Land."
@@ -255,14 +165,11 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "plain", variant: "plain"}}
}}
text="Visit us at 16090 City Walk, Sugar Land, TX 77479, or call us directly at +1 (281) 275-8400." text="Visit us at 16090 City Walk, Sugar Land, TX 77479, or call us directly at +1 (281) 275-8400."
buttons={[ buttons={[
{ {
text: "Call Now", text: "Call Now", href: "tel:+12812758400"},
href: "tel:+12812758400",
},
]} ]}
/> />
</div> </div>
@@ -271,29 +178,19 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Location", title: "Location", items: [
items: [
{ {
label: "16090 City Walk", label: "16090 City Walk", href: "#"},
href: "#",
},
{ {
label: "Sugar Land, TX 77479", label: "Sugar Land, TX 77479", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Contact", title: "Contact", items: [
items: [
{ {
label: "+1 (281) 275-8400", label: "+1 (281) 275-8400", href: "tel:+12812758400"},
href: "tel:+12812758400",
},
{ {
label: "marriott.com", label: "marriott.com", href: "https://marriott.com"},
href: "https://marriott.com",
},
], ],
}, },
]} ]}