Update src/app/page.tsx
This commit is contained in:
197
src/app/page.tsx
197
src/app/page.tsx
@@ -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",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user