Update src/app/page.tsx
This commit is contained in:
349
src/app/page.tsx
349
src/app/page.tsx
@@ -31,130 +31,47 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "#rooms",
|
||||
},
|
||||
{
|
||||
name: "Dining",
|
||||
id: "#dining",
|
||||
},
|
||||
{
|
||||
name: "Events",
|
||||
id: "#events",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "#location",
|
||||
},
|
||||
{ name: "Rooms", id: "#rooms" },
|
||||
{ name: "Dining", id: "#dining" },
|
||||
{ name: "Events", id: "#events" },
|
||||
{ name: "Location", id: "#location" },
|
||||
]}
|
||||
brandName="Sheraton Hanoi West"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Experience 5-Star Luxury in the Heart of Hanoi"
|
||||
description="Elegant accommodations, world-class dining, and exceptional hospitality near Mỹ Đình National Stadium."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "Traveler",
|
||||
testimonial: "An incredible experience. The service was impeccable.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-employee-calling-manager_482257-78578.jpg",
|
||||
},
|
||||
{
|
||||
name: "Mark R.",
|
||||
handle: "Business",
|
||||
testimonial: "Perfect location for meetings. The club lounge is a highlight.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-eco-food-bowl_624325-1722.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elena V.",
|
||||
handle: "Guest",
|
||||
testimonial: "The rooms are spacious and elegantly designed.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "Tourist",
|
||||
testimonial: "Everything was perfect, from check-in to checkout.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-old-woman-hotel-reception_482257-90621.jpg",
|
||||
},
|
||||
{
|
||||
name: "Maya L.",
|
||||
handle: "Planner",
|
||||
testimonial: "Great events facilities and dedicated staff.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497255.jpg",
|
||||
},
|
||||
{ name: "Sarah J.", handle: "Traveler", testimonial: "An incredible experience. The service was impeccable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pov-employee-calling-manager_482257-78578.jpg" },
|
||||
{ name: "Mark R.", handle: "Business", testimonial: "Perfect location for meetings. The club lounge is a highlight.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-with-eco-food-bowl_624325-1722.jpg" },
|
||||
{ name: "Elena V.", handle: "Guest", testimonial: "The rooms are spacious and elegantly designed.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg" },
|
||||
{ name: "David W.", handle: "Tourist", testimonial: "Everything was perfect, from check-in to checkout.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-old-woman-hotel-reception_482257-90621.jpg" },
|
||||
{ name: "Maya L.", handle: "Planner", testimonial: "Great events facilities and dedicated staff.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497255.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Stay",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+84000000000",
|
||||
},
|
||||
{ text: "Book Your Stay", href: "#contact" },
|
||||
{ text: "Call Now", href: "tel:+84000000000" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-hotel-reception-entryway-with-glamorous-decorations_482257-87376.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg",
|
||||
alt: "Guest 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/3d-rendering-modern-steel-elevator-lift-lobby-business-hotel-with-luxury-design_105762-2042.jpg",
|
||||
alt: "Guest 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712925.jpg",
|
||||
alt: "Guest 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683457.jpg",
|
||||
alt: "Guest 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pov-employee-calling-manager_482257-78578.jpg",
|
||||
alt: "Guest 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg", alt: "Guest 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/3d-rendering-modern-steel-elevator-lift-lobby-business-hotel-with-luxury-design_105762-2042.jpg", alt: "Guest 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/modern-styled-small-entryway_23-2150712925.jpg", alt: "Guest 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683457.jpg", alt: "Guest 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/pov-employee-calling-manager_482257-78578.jpg", alt: "Guest 5" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Five-Star Rating",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Award-Winning Service",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Amenities",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Prime Location",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Hospitality",
|
||||
},
|
||||
{ type: "text", text: "Five-Star Rating" },
|
||||
{ type: "text", text: "Award-Winning Service" },
|
||||
{ type: "text", text: "Premium Amenities" },
|
||||
{ type: "text", text: "Prime Location" },
|
||||
{ type: "text", text: "Luxury Hospitality" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -163,15 +80,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Marriott Bonvoy",
|
||||
"TripAdvisor Choice",
|
||||
"Forbes Travel",
|
||||
"Michelin Guide",
|
||||
"Agoda Preferred",
|
||||
"Booking.com Elite",
|
||||
"World Luxury Awards",
|
||||
]}
|
||||
names={["Marriott Bonvoy", "TripAdvisor Choice", "Forbes Travel", "Michelin Guide", "Agoda Preferred", "Booking.com Elite", "World Luxury Awards"]}
|
||||
title="Trusted Globally"
|
||||
description="Recognized by industry leaders for our commitment to excellence."
|
||||
/>
|
||||
@@ -184,60 +93,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Luxury",
|
||||
name: "Deluxe Room",
|
||||
price: "from $150",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Luxury",
|
||||
name: "Executive Suite",
|
||||
price: "from $280",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv-working-table_105762-2022.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Luxury",
|
||||
name: "Presidential Suite",
|
||||
price: "from $650",
|
||||
rating: 5,
|
||||
reviewCount: "42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2058.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Luxury",
|
||||
name: "Club Room",
|
||||
price: "from $210",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Luxury",
|
||||
name: "Junior Suite",
|
||||
price: "from $240",
|
||||
rating: 5,
|
||||
reviewCount: "67",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-850.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Luxury",
|
||||
name: "Studio Room",
|
||||
price: "from $180",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-4628.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Luxury", name: "Deluxe Room", price: "from $150", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg" },
|
||||
{ id: "2", brand: "Luxury", name: "Executive Suite", price: "from $280", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-bedroom-suite-hotel-with-tv-working-table_105762-2022.jpg" },
|
||||
{ id: "3", brand: "Luxury", name: "Presidential Suite", price: "from $650", rating: 5, reviewCount: "42", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2058.jpg" },
|
||||
{ id: "4", brand: "Luxury", name: "Club Room", price: "from $210", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg" },
|
||||
{ id: "5", brand: "Luxury", name: "Junior Suite", price: "from $240", rating: 5, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-850.jpg" },
|
||||
{ id: "6", brand: "Luxury", name: "Studio Room", price: "from $180", rating: 5, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/white-pillow-bed_74190-4628.jpg" }
|
||||
]}
|
||||
title="Rooms & Suites"
|
||||
description="Sophisticated spaces designed for ultimate comfort and relaxation."
|
||||
@@ -250,21 +111,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "The Market Buffet",
|
||||
description: "Authentic local and international cuisine.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598345.jpg",
|
||||
},
|
||||
{
|
||||
title: "Sky Bar",
|
||||
description: "Panoramic city views and artisan cocktails.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-dreadlocks-walking-night-street-city_627829-9558.jpg",
|
||||
},
|
||||
{
|
||||
title: "Lobby Lounge",
|
||||
description: "Refined afternoon tea and casual meetings.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg",
|
||||
},
|
||||
{ title: "The Market Buffet", description: "Authentic local and international cuisine.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598345.jpg" },
|
||||
{ title: "Sky Bar", description: "Panoramic city views and artisan cocktails.", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-dreadlocks-walking-night-street-city_627829-9558.jpg" },
|
||||
{ title: "Lobby Lounge", description: "Refined afternoon tea and casual meetings.", imageSrc: "http://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg" }
|
||||
]}
|
||||
title="Dining Experiences"
|
||||
description="Exquisite culinary journeys await you in our world-class dining venues."
|
||||
@@ -276,15 +125,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="Meetings & Events"
|
||||
description={[
|
||||
"Host unforgettable corporate conferences and weddings in our grand ballrooms.",
|
||||
"Dedicated planning support for professional and personal events.",
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Request Proposal",
|
||||
href: "#contact",
|
||||
},
|
||||
"Host unforgettable corporate conferences and weddings in our grand ballrooms.", "Dedicated planning support for professional and personal events."
|
||||
]}
|
||||
buttons={[{ text: "Request Proposal", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -294,36 +137,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "24/7",
|
||||
title: "Fitness & Wellness",
|
||||
items: [
|
||||
"Fully equipped gym",
|
||||
"Indoor swimming pool",
|
||||
"Luxury spa treatments",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Free",
|
||||
title: "Convenience",
|
||||
items: [
|
||||
"High-speed Wi-Fi",
|
||||
"Ample parking",
|
||||
"Business centers",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Direct",
|
||||
title: "Transport",
|
||||
items: [
|
||||
"Airport transfers",
|
||||
"Concierge desk",
|
||||
"Accessibility access",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "24/7", title: "Fitness & Wellness", items: ["Fully equipped gym", "Indoor swimming pool", "Luxury spa treatments"] },
|
||||
{ id: "m2", value: "Free", title: "Convenience", items: ["High-speed Wi-Fi", "Ample parking", "Business centers"] },
|
||||
{ id: "m3", value: "Direct", title: "Transport", items: ["Airport transfers", "Concierge desk", "Accessibility access"] }
|
||||
]}
|
||||
title="Hotel Amenities"
|
||||
description="Everything you need for a comfortable and productive stay."
|
||||
@@ -332,50 +148,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Elena V.",
|
||||
role: "Traveler",
|
||||
company: "Global Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13209.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James K.",
|
||||
role: "CEO",
|
||||
company: "Tech Ventures",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118950.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Maya L.",
|
||||
role: "Planner",
|
||||
company: "Events Co",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/valentine-s-day-table-set-with-pasta-wine_23-2148752647.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Tourist",
|
||||
company: "Individual",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-school-classroom-future-students_23-2150906404.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophia P.",
|
||||
role: "Guest",
|
||||
company: "Staycation",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-friends-with-drinks_23-2149436805.jpg",
|
||||
},
|
||||
{ id: "1", name: "Elena V.", role: "Traveler", company: "Global Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13209.jpg" },
|
||||
{ id: "2", name: "James K.", role: "CEO", company: "Tech Ventures", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118950.jpg" },
|
||||
{ id: "3", name: "Maya L.", role: "Planner", company: "Events Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/valentine-s-day-table-set-with-pasta-wine_23-2148752647.jpg" },
|
||||
{ id: "4", name: "David W.", role: "Tourist", company: "Individual", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/futuristic-school-classroom-future-students_23-2150906404.jpg" },
|
||||
{ id: "5", name: "Sophia P.", role: "Guest", company: "Staycation", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-friends-with-drinks_23-2149436805.jpg" }
|
||||
]}
|
||||
title="Guest Reviews"
|
||||
description="Real experiences from guests who appreciate luxury."
|
||||
@@ -385,22 +167,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Inquire Now"
|
||||
title="Start Your Sheraton Journey"
|
||||
description="Ready to book or have a question? Our hospitality team is standing by."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp Us",
|
||||
href: "https://wa.me/84000000000",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#" }, { text: "WhatsApp Us", href: "https://wa.me/84000000000" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -408,32 +179,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="Sheraton Hanoi West"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "Privacy Policy", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 Sheraton Hanoi West. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user