Update src/app/page.tsx
This commit is contained in:
242
src/app/page.tsx
242
src/app/page.tsx
@@ -32,101 +32,64 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Rooms",
|
||||
id: "features",
|
||||
},
|
||||
name: "Rooms", id: "features"},
|
||||
{
|
||||
name: "Dining",
|
||||
id: "dining",
|
||||
},
|
||||
name: "Dining", id: "dining"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="TRYP by Wyndham Dubai"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Book Now", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Welcome to TRYP by Wyndham Dubai"
|
||||
description="Experience urban elegance in the heart of Dubai. Your perfect retreat for business or leisure."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Rooms",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Explore Rooms", href: "#features"},
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Now", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shanghai-china-march-25-pudong-district-view-from-bund-waterfront-area-march-25-2016-shanghai-china-pudong-is-district-shanghai-located-east-huangpu-river_1127-3178.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shanghai-china-march-25-pudong-district-view-from-bund-waterfront-area-march-25-2016-shanghai-china-pudong-is-district-shanghai-located-east-huangpu-river_1127-3178.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-landscape-dubai_23-2151339806.jpg",
|
||||
alt: "Happy guest 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-landscape-dubai_23-2151339806.jpg", alt: "Happy guest 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/aerial-view-streets-office-building-business-district_107420-95718.jpg",
|
||||
alt: "Happy guest 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/aerial-view-streets-office-building-business-district_107420-95718.jpg", alt: "Happy guest 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/los-angeles-downtown-night-with-urban-buildings-lake_649448-4079.jpg",
|
||||
alt: "Happy guest 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/los-angeles-downtown-night-with-urban-buildings-lake_649448-4079.jpg", alt: "Happy guest 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394962.jpg",
|
||||
alt: "Happy guest 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-tokyo-street-background_23-2149394962.jpg", alt: "Happy guest 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg",
|
||||
alt: "Happy guest 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg", alt: "Happy guest 5"},
|
||||
]}
|
||||
avatarText="Over 5,000 happy travelers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Luxury Amenities",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "Luxury Amenities", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Central Location",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "Central Location", icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Free Wi-Fi",
|
||||
icon: Wifi,
|
||||
type: "text-icon", text: "Free Wi-Fi", icon: Wifi,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Service",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "24/7 Service", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Award Winning",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "Award Winning", icon: Award,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -137,9 +100,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="A Modern Oasis in the City"
|
||||
description={[
|
||||
"Discover a unique blend of style and comfort. Perfectly situated for you to explore all that Dubai has to offer.",
|
||||
"With world-class amenities and personalized service, we redefine your stay.",
|
||||
]}
|
||||
"Discover a unique blend of style and comfort. Perfectly situated for you to explore all that Dubai has to offer.", "With world-class amenities and personalized service, we redefine your stay."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -150,49 +111,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Premium City View Rooms",
|
||||
description: "Wake up to stunning skylines of Dubai every morning.",
|
||||
icon: Building2,
|
||||
title: "Premium City View Rooms", description: "Wake up to stunning skylines of Dubai every morning.", icon: Building2,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fabric-mattress-modern-background-sleep_1203-4116.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fabric-mattress-modern-background-sleep_1203-4116.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-fedora-hat-cozy-bed-with-pillows_181624-40548.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-fedora-hat-cozy-bed-with-pillows_181624-40548.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shanghai-china-march-25-pudong-district-view-from-bund-waterfront-area-march-25-2016-shanghai-china-pudong-is-district-shanghai-located-east-huangpu-river_1127-3178.jpg?_wi=2",
|
||||
imageAlt: "modern hotel room interior",
|
||||
},
|
||||
{
|
||||
title: "Executive Workspaces",
|
||||
description: "Quiet areas for productivity with high-speed internet.",
|
||||
icon: Briefcase,
|
||||
title: "Executive Workspaces", description: "Quiet areas for productivity with high-speed internet.", icon: Briefcase,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-bathroom-toilet-interior_74190-1828.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-luxury-bathroom-toilet-interior_74190-1828.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8583.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8583.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wide-angle-shot-travel-accommodation-hotel-lounge-with-check-reception-desk-stylish-empty-modern-resort-foyer-interior-with-cozy-furniture-warm-fireplace-ready-welcome-tourists_482257-67830.jpg",
|
||||
imageAlt: "modern hotel room interior",
|
||||
},
|
||||
{
|
||||
title: "Urban Balcony Retreats",
|
||||
description: "Relax on your private terrace with a breath of fresh air.",
|
||||
icon: Coffee,
|
||||
title: "Urban Balcony Retreats", description: "Relax on your private terrace with a breath of fresh air.", icon: Coffee,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-shoe-designer-is-sitting-armchair-his-workshop-holding-shoe-from-his-last-collection_613910-17419.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mature-shoe-designer-is-sitting-armchair-his-workshop-holding-shoe-from-his-last-collection_613910-17419.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-admiring-city-view_23-2149444939.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-admiring-city-view_23-2149444939.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-stock-photo-extremely-trendy-luxurious-brunette-model-crop-top-silver-sparkling-jacket-black-trousers-high-heels-model-trendy-outfit-sitting-bar-stool-club-bar_132075-8989.jpg?_wi=1",
|
||||
imageAlt: "modern hotel room interior",
|
||||
},
|
||||
]}
|
||||
title="Thoughtfully Designed Rooms"
|
||||
@@ -208,41 +151,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "d1",
|
||||
name: "International Buffet",
|
||||
price: "Casual",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-length-stock-photo-extremely-trendy-luxurious-brunette-model-crop-top-silver-sparkling-jacket-black-trousers-high-heels-model-trendy-outfit-sitting-bar-stool-club-bar_132075-8989.jpg?_wi=2",
|
||||
},
|
||||
id: "d1", name: "International Buffet", price: "Casual", imageSrc: "http://img.b2bpic.net/free-photo/full-length-stock-photo-extremely-trendy-luxurious-brunette-model-crop-top-silver-sparkling-jacket-black-trousers-high-heels-model-trendy-outfit-sitting-bar-stool-club-bar_132075-8989.jpg"},
|
||||
{
|
||||
id: "d2",
|
||||
name: "Craft Cocktail Bar",
|
||||
price: "Trendy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focused-male-cook-garnishing-dish-with-freshly-cut-vegetables-stove_482257-127704.jpg",
|
||||
},
|
||||
id: "d2", name: "Craft Cocktail Bar", price: "Trendy", imageSrc: "http://img.b2bpic.net/free-photo/focused-male-cook-garnishing-dish-with-freshly-cut-vegetables-stove_482257-127704.jpg"},
|
||||
{
|
||||
id: "d3",
|
||||
name: "Artisan Cafe",
|
||||
price: "Cozy",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wicker-chair-near-white-round-table-with-coffee-cup-breakfast-smoothie-cheesecake_23-2148067145.jpg",
|
||||
},
|
||||
id: "d3", name: "Artisan Cafe", price: "Cozy", imageSrc: "http://img.b2bpic.net/free-photo/wicker-chair-near-white-round-table-with-coffee-cup-breakfast-smoothie-cheesecake_23-2148067145.jpg"},
|
||||
{
|
||||
id: "d4",
|
||||
name: "Poolside Bar",
|
||||
price: "Relaxing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classic-luxury-style-restaurant-with-tables-chairs_140725-9389.jpg",
|
||||
},
|
||||
id: "d4", name: "Poolside Bar", price: "Relaxing", imageSrc: "http://img.b2bpic.net/free-photo/classic-luxury-style-restaurant-with-tables-chairs_140725-9389.jpg"},
|
||||
{
|
||||
id: "d5",
|
||||
name: "Lobby Lounge",
|
||||
price: "Elegant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-food-professional-kitchen_23-2149727959.jpg",
|
||||
},
|
||||
id: "d5", name: "Lobby Lounge", price: "Elegant", imageSrc: "http://img.b2bpic.net/free-photo/view-food-professional-kitchen_23-2149727959.jpg"},
|
||||
{
|
||||
id: "d6",
|
||||
name: "Private Dining",
|
||||
price: "Exclusive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-table-with-drinks_1122-458.jpg",
|
||||
},
|
||||
id: "d6", name: "Private Dining", price: "Exclusive", imageSrc: "http://img.b2bpic.net/free-photo/elegant-table-with-drinks_1122-458.jpg"},
|
||||
]}
|
||||
title="Dining & Refreshments"
|
||||
description="Culinary experiences crafted for every taste, from morning coffee to evening cocktails."
|
||||
@@ -255,45 +174,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Great stay!",
|
||||
quote: "The room design is impeccable. Loved the skyline views.",
|
||||
name: "Sarah Johnson",
|
||||
role: "Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-orange-juice-cafe-with-man-background_1170-551.jpg",
|
||||
},
|
||||
id: "1", title: "Great stay!", quote: "The room design is impeccable. Loved the skyline views.", name: "Sarah Johnson", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-holding-orange-juice-cafe-with-man-background_1170-551.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Perfect location",
|
||||
quote: "Conveniently located near everything I needed for my business trip.",
|
||||
name: "Michael Chen",
|
||||
role: "Executive",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-travelling-with-bag_1303-19671.jpg",
|
||||
},
|
||||
id: "2", title: "Perfect location", quote: "Conveniently located near everything I needed for my business trip.", name: "Michael Chen", role: "Executive", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-travelling-with-bag_1303-19671.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Fantastic service",
|
||||
quote: "Staff was incredibly welcoming and helpful throughout the stay.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Tourist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-lovely-woman-with-cheerful-expression-wears-summer-hat-blouse-looks-happily-her-girlfriend_273609-2361.jpg",
|
||||
},
|
||||
id: "3", title: "Fantastic service", quote: "Staff was incredibly welcoming and helpful throughout the stay.", name: "Emily Rodriguez", role: "Tourist", imageSrc: "http://img.b2bpic.net/free-photo/pretty-lovely-woman-with-cheerful-expression-wears-summer-hat-blouse-looks-happily-her-girlfriend_273609-2361.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Modern & Clean",
|
||||
quote: "Exactly what I look for in a city hotel. Very satisfied.",
|
||||
name: "David Kim",
|
||||
role: "Traveler",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-button-up-his-jacket-smiles_23-2148401389.jpg",
|
||||
},
|
||||
id: "4", title: "Modern & Clean", quote: "Exactly what I look for in a city hotel. Very satisfied.", name: "David Kim", role: "Traveler", imageSrc: "http://img.b2bpic.net/free-photo/man-button-up-his-jacket-smiles_23-2148401389.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Highly Recommend",
|
||||
quote: "Great amenities and breakfast. Will definitely stay again.",
|
||||
name: "Anna Petrova",
|
||||
role: "Guest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
|
||||
},
|
||||
id: "5", title: "Highly Recommend", quote: "Great amenities and breakfast. Will definitely stay again.", name: "Anna Petrova", role: "Guest", imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg"},
|
||||
]}
|
||||
title="Guest Experiences"
|
||||
description="What our guests are saying about their stay in Dubai."
|
||||
@@ -306,25 +195,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What is the check-in time?",
|
||||
content: "Check-in begins at 3:00 PM.",
|
||||
},
|
||||
id: "f1", title: "What is the check-in time?", content: "Check-in begins at 3:00 PM."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Is parking available?",
|
||||
content: "Yes, we offer complimentary parking for all registered guests.",
|
||||
},
|
||||
id: "f2", title: "Is parking available?", content: "Yes, we offer complimentary parking for all registered guests."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is breakfast included?",
|
||||
content: "Breakfast packages are available for purchase during your booking.",
|
||||
},
|
||||
id: "f3", title: "Is breakfast included?", content: "Breakfast packages are available for purchase during your booking."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Are there shuttle services?",
|
||||
content: "Yes, we provide scheduled shuttles to popular Dubai attractions.",
|
||||
},
|
||||
id: "f4", title: "Are there shuttle services?", content: "Yes, we provide scheduled shuttles to popular Dubai attractions."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to commonly asked questions about our hotel services."
|
||||
@@ -336,8 +213,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact Us"
|
||||
title="Start Your Journey"
|
||||
description="Have questions or want to plan your trip? Contact our concierge team."
|
||||
@@ -350,33 +226,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Rooms",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Rooms", href: "#features"},
|
||||
{
|
||||
label: "Dining",
|
||||
href: "#dining",
|
||||
},
|
||||
label: "Dining", href: "#dining"},
|
||||
{
|
||||
label: "Location",
|
||||
href: "#",
|
||||
},
|
||||
label: "Location", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Use", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user