Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
199
src/app/page.tsx
199
src/app/page.tsx
@@ -29,90 +29,57 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Amenities",
|
||||
id: "amenities",
|
||||
},
|
||||
name: "Amenities", id: "amenities"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Marriott Sugar Land"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "https://marriott.com",
|
||||
}}
|
||||
text: "Book Now", href: "https://marriott.com"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Houston Marriott Sugar Land"
|
||||
description="Experience unparalleled luxury in the heart of Sugar Land. Your destination for business and relaxation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Room",
|
||||
href: "https://marriott.com",
|
||||
},
|
||||
text: "Book a Room", href: "https://marriott.com"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-abstract-building_23-2150896890.jpg"
|
||||
imageAlt="luxury hotel exterior facade daylight"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-869.jpg",
|
||||
alt: "square front of modern office buildings",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-869.jpg", alt: "square front of modern office buildings"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bottom-view-modern-skyscraper_1127-346.jpg",
|
||||
alt: "Bottom view of modern skyscraper",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bottom-view-modern-skyscraper_1127-346.jpg", alt: "Bottom view of modern skyscraper"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-landscape-dubai_23-2151339806.jpg",
|
||||
alt: "Futuristic landscape of dubai",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-landscape-dubai_23-2151339806.jpg", alt: "Futuristic landscape of dubai"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-architectural-marvel-futuristic-building_23-2152006114.jpg",
|
||||
alt: "Modern architectural marvel: a futuristic building",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-architectural-marvel-futuristic-building_23-2152006114.jpg", alt: "Modern architectural marvel: a futuristic building"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
avatarText="Join 15,000+ satisfied guests"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "5-Star Service",
|
||||
},
|
||||
type: "text", text: "5-Star Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Prime Location",
|
||||
},
|
||||
type: "text", text: "Prime Location"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Amenities",
|
||||
},
|
||||
type: "text", text: "Modern Amenities"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Suites",
|
||||
},
|
||||
type: "text", text: "Luxury Suites"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gourmet Dining",
|
||||
},
|
||||
type: "text", text: "Gourmet Dining"},
|
||||
]}
|
||||
/>
|
||||
</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."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Prime Location",
|
||||
description: "Situated in the center of Sugar Land's vibrant commercial district.",
|
||||
},
|
||||
title: "Prime Location", description: "Situated in the center of Sugar Land's vibrant commercial district."},
|
||||
{
|
||||
title: "5-Star Management",
|
||||
description: "Expertly managed hospitality services ensuring your comfort.",
|
||||
},
|
||||
title: "5-Star Management", description: "Expertly managed hospitality services ensuring your comfort."},
|
||||
{
|
||||
title: "Full Facilities",
|
||||
description: "Access to comprehensive event and business amenities.",
|
||||
},
|
||||
title: "Full Facilities", description: "Access to comprehensive event and business amenities."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-styled-entryway_23-2150695775.jpg"
|
||||
imageAlt="modern luxury hotel lobby interior"
|
||||
@@ -146,39 +107,19 @@ export default function LandingPage() {
|
||||
<div id="amenities" data-section="amenities">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
textboxLayout="split-actions"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
title="World-Class Amenities"
|
||||
description="Designed to provide comfort, convenience, and luxury during your stay."
|
||||
@@ -192,59 +133,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
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: "1", name: "Alice M.", 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",
|
||||
name: "Bob D.",
|
||||
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: "2", name: "Bob D.", 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",
|
||||
name: "Charlie R.",
|
||||
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: "3", name: "Charlie R.", 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",
|
||||
name: "Diana K.",
|
||||
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: "4", name: "Diana K.", 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",
|
||||
name: "Ethan S.",
|
||||
role: "Frequent Guest",
|
||||
company: "Sugar Land",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-cafe_1303-25730.jpg",
|
||||
},
|
||||
id: "5", name: "Ethan S.", role: "Frequent Guest", company: "Sugar Land", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-cafe_1303-25730.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5",
|
||||
label: "Star Rating",
|
||||
},
|
||||
value: "5", label: "Star Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Commitment",
|
||||
},
|
||||
value: "100%", label: "Commitment"},
|
||||
{
|
||||
value: "16k+",
|
||||
label: "Served",
|
||||
},
|
||||
value: "16k+", label: "Served"},
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="See why guests choose Houston Marriott Sugar Land."
|
||||
@@ -255,14 +165,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+12812758400",
|
||||
},
|
||||
text: "Call Now", href: "tel:+12812758400"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -271,29 +178,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "16090 City Walk",
|
||||
href: "#",
|
||||
},
|
||||
label: "16090 City Walk", href: "#"},
|
||||
{
|
||||
label: "Sugar Land, TX 77479",
|
||||
href: "#",
|
||||
},
|
||||
label: "Sugar Land, TX 77479", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "+1 (281) 275-8400",
|
||||
href: "tel:+12812758400",
|
||||
},
|
||||
label: "+1 (281) 275-8400", href: "tel:+12812758400"},
|
||||
{
|
||||
label: "marriott.com",
|
||||
href: "https://marriott.com",
|
||||
},
|
||||
label: "marriott.com", href: "https://marriott.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -303,4 +200,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user