bender/3786a1b5-8fe6-42e2-8b25-8d310449d30a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-11 09:50:18 +00:00
parent 3363f180ac
commit 9d3d52b305
1 changed files with 79 additions and 268 deletions
Download Patch File Download Diff File Expand all files Collapse all files

347
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Experience",
id: "#experience",
},
name: "Experience", id: "#experience"},
{
name: "Accommodations",
id: "#suites",
},
name: "Accommodations", id: "#suites"},
{
name: "Dining",
id: "#dining",
},
name: "Dining", id: "#dining"},
{
name: "Concierge",
id: "#contact",
},
name: "Concierge", id: "#contact"},
]}
brandName="Marine Bay Mumbai"
/>
@@ -55,108 +47,63 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Where Mumbai Meets Timeless Luxury"
description="Experience unparalleled boutique hospitality overlooking the Arabian Sea in Mumbai’s historic district."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/pool-with-city-background_1203-692.jpg?_wi=1",
imageAlt: "Sea View Suite",
},
imageSrc: "http://img.b2bpic.net/free-photo/pool-with-city-background_1203-692.jpg", imageAlt: "Sea View Suite"},
{
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg?_wi=1",
imageAlt: "Presidential Suite",
},
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg", imageAlt: "Presidential Suite"},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relaxes-leisure-around-swimming-pool_74190-11526.jpg?_wi=1",
imageAlt: "Rooftop Pool",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relaxes-leisure-around-swimming-pool_74190-11526.jpg", imageAlt: "Rooftop Pool"},
{
imageSrc: "http://img.b2bpic.net/free-photo/luxury-dinner-table-hotel_1150-11071.jpg",
imageAlt: "Fine Dining",
},
imageSrc: "http://img.b2bpic.net/free-photo/luxury-dinner-table-hotel_1150-11071.jpg", imageAlt: "Fine Dining"},
{
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-woman-walking-water-surface-infinity-pool-expensive-rich-luxury-villa-mountain-with-sea-view_343596-2993.jpg",
imageAlt: "Sunset Terrace",
},
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-woman-walking-water-surface-infinity-pool-expensive-rich-luxury-villa-mountain-with-sea-view_343596-2993.jpg", imageAlt: "Sunset Terrace"},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-diverse-young-people-being-digital-nomads-working-remotely-from-dreamy-locations_23-2151187843.jpg",
imageAlt: "Concierge Service",
},
imageSrc: "http://img.b2bpic.net/free-photo/scene-with-diverse-young-people-being-digital-nomads-working-remotely-from-dreamy-locations_23-2151187843.jpg", imageAlt: "Concierge Service"},
{
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-round-table-some-chairs-fireplace-plants_140725-8034.jpg",
imageAlt: "Bar View",
},
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-round-table-some-chairs-fireplace-plants_140725-8034.jpg", imageAlt: "Bar View"},
{
imageSrc: "http://img.b2bpic.net/free-photo/city-near-lake_1127-3558.jpg",
imageAlt: "Architecture Detail",
},
imageSrc: "http://img.b2bpic.net/free-photo/city-near-lake_1127-3558.jpg", imageAlt: "Architecture Detail"},
{
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497261.jpg",
imageAlt: "Room Detail",
},
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497261.jpg", imageAlt: "Room Detail"},
{
imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-bistro-medium-shot_23-2149366463.jpg",
imageAlt: "Pool Night",
},
imageSrc: "http://img.b2bpic.net/free-photo/smiley-people-bistro-medium-shot_23-2149366463.jpg", imageAlt: "Pool Night"},
]}
buttons={[
{
text: "Reserve Your Stay",
href: "#booking",
},
text: "Reserve Your Stay", href: "#booking"},
{
text: "Call Concierge",
href: "tel:+912200000000",
},
text: "Call Concierge", href: "tel:+912200000000"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/buildings-edge-river_1353-87.jpg",
alt: "Guest 1",
},
src: "http://img.b2bpic.net/free-photo/buildings-edge-river_1353-87.jpg", alt: "Guest 1"},
{
src: "http://img.b2bpic.net/free-photo/miami_649448-1470.jpg",
alt: "Guest 2",
},
src: "http://img.b2bpic.net/free-photo/miami_649448-1470.jpg", alt: "Guest 2"},
{
src: "http://img.b2bpic.net/free-photo/chinese-park-night_1127-4190.jpg",
alt: "Guest 3",
},
src: "http://img.b2bpic.net/free-photo/chinese-park-night_1127-4190.jpg", alt: "Guest 3"},
{
src: "http://img.b2bpic.net/free-photo/orlando-downtown-architecture_649448-4667.jpg",
alt: "Guest 4",
},
src: "http://img.b2bpic.net/free-photo/orlando-downtown-architecture_649448-4667.jpg", alt: "Guest 4"},
{
src: "http://img.b2bpic.net/free-photo/beautiful-landscape-outdoor-swimming-pool-with-umbrella-deck-chair-hotel-resort-relax-tra_74190-8022.jpg",
alt: "Guest 5",
},
src: "http://img.b2bpic.net/free-photo/beautiful-landscape-outdoor-swimming-pool-with-umbrella-deck-chair-hotel-resort-relax-tra_74190-8022.jpg", alt: "Guest 5"},
]}
avatarText="Trusted by 1,000+ luxury travelers"
marqueeItems={[
{
type: "text",
text: "Forbes 5-Star Rated",
},
type: "text", text: "Forbes 5-Star Rated"},
{
type: "text",
text: "Best Ocean View Mumbai",
},
type: "text", text: "Best Ocean View Mumbai"},
{
type: "text",
text: "World-Class Concierge",
},
type: "text", text: "World-Class Concierge"},
{
type: "text",
text: "Art Deco Heritage",
},
type: "text", text: "Art Deco Heritage"},
{
type: "text",
text: "Fine Culinary Arts",
},
type: "text", text: "Fine Culinary Arts"},
]}
/>
</div>
@@ -168,54 +115,27 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "1",
badge: "Oceanfront",
price: "Suite Collection",
subtitle: "Starting from ₹35,000",
features: [
"Sea view balcony",
"Art Deco design",
"Smart room tech",
"Luxury chauffeur",
],
id: "1", badge: "Oceanfront", price: "Suite Collection", subtitle: "Starting from ₹35,000", features: [
"Sea view balcony", "Art Deco design", "Smart room tech", "Luxury chauffeur"],
buttons: [
{
text: "Book Suite",
},
text: "Book Suite"},
],
},
{
id: "2",
badge: "Signature",
price: "Presidential Collection",
subtitle: "Starting from ₹75,000",
features: [
"Panoramic Arabian Sea view",
"Private dining",
"24/7 Butler",
"Airport transfer",
],
id: "2", badge: "Signature", price: "Presidential Collection", subtitle: "Starting from ₹75,000", features: [
"Panoramic Arabian Sea view", "Private dining", "24/7 Butler", "Airport transfer"],
buttons: [
{
text: "Book Suite",
},
text: "Book Suite"},
],
},
{
id: "3",
badge: "Business",
price: "Executive Stays",
subtitle: "Starting from ₹25,000",
features: [
"High speed WiFi",
"Workstation",
"Business lounge",
"Express check-in",
],
id: "3", badge: "Business", price: "Executive Stays", subtitle: "Starting from ₹25,000", features: [
"High speed WiFi", "Workstation", "Business lounge", "Express check-in"],
buttons: [
{
text: "Book Suite",
},
text: "Book Suite"},
],
},
]}
@@ -231,40 +151,22 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Infinity Rooftop Pool",
description: "Soak in the Mumbai skyline while relaxing in our heated infinity pool.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/patio-balcony-with-chair-around-sea-ocean-view_74190-6864.jpg",
},
title: "Infinity Rooftop Pool", description: "Soak in the Mumbai skyline while relaxing in our heated infinity pool.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/patio-balcony-with-chair-around-sea-ocean-view_74190-6864.jpg"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relax-happy-smile-around-balcony-with-pattaya-city-view_74190-10506.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/pool-with-city-background_1203-692.jpg?_wi=2",
imageAlt: "rooftop bar Mumbai luxury",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relax-happy-smile-around-balcony-with-pattaya-city-view_74190-10506.jpg"},
},
{
title: "Fine Dining",
description: "World-class culinary journeys featuring authentic Mumbai flavors and international cuisine.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/waiter-is-serving-dinner-two-pretty-friends-women-elegant-restaurant_8353-10575.jpg",
},
title: "Fine Dining", description: "World-class culinary journeys featuring authentic Mumbai flavors and international cuisine.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/waiter-is-serving-dinner-two-pretty-friends-women-elegant-restaurant_8353-10575.jpg"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-chicken-fillet-served-with-bulgur-vegetables-white-wine_141793-2435.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-living-room_1150-12613.jpg?_wi=2",
imageAlt: "rooftop bar Mumbai luxury",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-grilled-chicken-fillet-served-with-bulgur-vegetables-white-wine_141793-2435.jpg"},
},
{
title: "Art Deco Suites",
description: "Indulge in spacious, ocean-facing suites meticulously designed for your comfort.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/spacious-hotel-room-with-rug_1203-1495.jpg",
},
title: "Art Deco Suites", description: "Indulge in spacious, ocean-facing suites meticulously designed for your comfort.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/spacious-hotel-room-with-rug_1203-1495.jpg"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-living-room-with-leather-sofa-lamp_105762-2238.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relaxes-leisure-around-swimming-pool_74190-11526.jpg?_wi=2",
imageAlt: "rooftop bar Mumbai luxury",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-living-room-with-leather-sofa-lamp_105762-2238.jpg"},
},
]}
showStepNumbers={false}
@@ -280,17 +182,11 @@ export default function LandingPage() {
description="From private airport transfers to rooftop sunsets, every detail is orchestrated to create memorable hospitality moments."
metrics={[
{
value: "5*",
title: "Luxury Standard",
},
value: "5*", title: "Luxury Standard"},
{
value: "1.4k+",
title: "Guest Reviews",
},
value: "1.4k+", title: "Guest Reviews"},
{
value: "100%",
title: "Concierge Rating",
},
value: "100%", title: "Concierge Rating"},
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relaxes-leisure-around-swimming-pool_74190-11530.jpg"
mediaAnimation="slide-up"
@@ -306,59 +202,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
brand: "Suite",
name: "Ocean Deluxe",
price: "₹35,000",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-breakfast-with-coffee-cup-omelette-plate-hotel-room_176474-3020.jpg",
},
id: "1", brand: "Suite", name: "Ocean Deluxe", price: "₹35,000", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/side-view-breakfast-with-coffee-cup-omelette-plate-hotel-room_176474-3020.jpg"},
{
id: "2",
brand: "Suite",
name: "Marine Suite",
price: "₹45,000",
rating: 5,
reviewCount: "89",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-living-room-with-leather-sofa-lamp_105762-2255.jpg",
},
id: "2", brand: "Suite", name: "Marine Suite", price: "₹45,000", rating: 5,
reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-modern-living-room-with-leather-sofa-lamp_105762-2255.jpg"},
{
id: "3",
brand: "Suite",
name: "Grand Panorama",
price: "₹65,000",
rating: 5,
reviewCount: "54",
imageSrc: "http://img.b2bpic.net/free-photo/modern-clean-interior-design_23-2151929377.jpg",
},
id: "3", brand: "Suite", name: "Grand Panorama", price: "₹65,000", rating: 5,
reviewCount: "54", imageSrc: "http://img.b2bpic.net/free-photo/modern-clean-interior-design_23-2151929377.jpg"},
{
id: "4",
brand: "Suite",
name: "Presidential",
price: "₹75,000",
rating: 5,
reviewCount: "23",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-hotel-room-with-big-bed_1203-1494.jpg",
},
id: "4", brand: "Suite", name: "Presidential", price: "₹75,000", rating: 5,
reviewCount: "23", imageSrc: "http://img.b2bpic.net/free-photo/elegant-hotel-room-with-big-bed_1203-1494.jpg"},
{
id: "5",
brand: "Suite",
name: "Terrace View",
price: "₹55,000",
rating: 5,
reviewCount: "41",
imageSrc: "http://img.b2bpic.net/free-photo/house-apartment-light-decoration-white_1203-4402.jpg",
},
id: "5", brand: "Suite", name: "Terrace View", price: "₹55,000", rating: 5,
reviewCount: "41", imageSrc: "http://img.b2bpic.net/free-photo/house-apartment-light-decoration-white_1203-4402.jpg"},
{
id: "6",
brand: "Suite",
name: "Boutique Room",
price: "₹25,000",
rating: 4,
reviewCount: "300",
imageSrc: "http://img.b2bpic.net/free-photo/hotel-white-home-lamp-cushion_1203-5183.jpg",
},
id: "6", brand: "Suite", name: "Boutique Room", price: "₹25,000", rating: 4,
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/hotel-white-home-lamp-cushion_1203-5183.jpg"},
]}
title="Exquisite Accommodations"
description="Discover a blend of contemporary smart technology and timeless Mumbai heritage."
@@ -371,20 +231,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Can I reserve a private dinner?",
content: "Absolutely. Our concierge is ready to assist with private rooftop dining arrangements.",
},
id: "1", title: "Can I reserve a private dinner?", content: "Absolutely. Our concierge is ready to assist with private rooftop dining arrangements."},
{
id: "2",
title: "Are there vegetarian options?",
content: "Our dining menus are curated to include diverse gourmet vegetarian options inspired by local cuisine.",
},
id: "2", title: "Are there vegetarian options?", content: "Our dining menus are curated to include diverse gourmet vegetarian options inspired by local cuisine."},
{
id: "3",
title: "Is the bar open to public?",
content: "The rooftop bar is accessible to our guests and via prior reservation for non-staying guests.",
},
id: "3", title: "Is the bar open to public?", content: "The rooftop bar is accessible to our guests and via prior reservation for non-staying guests."},
]}
imageSrc="http://img.b2bpic.net/free-photo/side-view-chopped-vegetable-salad-with-chicken-pineapple-plate-table_140725-11500.jpg"
title="Curated Experiences"
@@ -401,45 +252,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah Jenkins",
role: "Travel Blogger",
company: "Global Luxe",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg",
},
id: "1", name: "Sarah Jenkins", role: "Travel Blogger", company: "Global Luxe", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1079.jpg"},
{
id: "2",
name: "Marcus Thorne",
role: "CEO",
company: "Tech Ventures",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-kissing-happy-man-bar-counter_23-2148016762.jpg",
},
id: "2", name: "Marcus Thorne", role: "CEO", company: "Tech Ventures", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-kissing-happy-man-bar-counter_23-2148016762.jpg"},
{
id: "3",
name: "Elena Rossi",
role: "Designer",
company: "Vogue Interiors",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/luxury-sexy-attractive-woman-dressed-black-dress-posing-pier-luxury-resort-hotel-wearing-sunglasses-summer-vacation-tropical-beach_285396-6365.jpg",
},
id: "3", name: "Elena Rossi", role: "Designer", company: "Vogue Interiors", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/luxury-sexy-attractive-woman-dressed-black-dress-posing-pier-luxury-resort-hotel-wearing-sunglasses-summer-vacation-tropical-beach_285396-6365.jpg"},
{
id: "4",
name: "James Wilson",
role: "Executive",
company: "Finance Inc",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hotel-guest-waiting-checkin_482257-85271.jpg",
},
id: "4", name: "James Wilson", role: "Executive", company: "Finance Inc", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/hotel-guest-waiting-checkin_482257-85271.jpg"},
{
id: "5",
name: "Priya Sharma",
role: "Influencer",
company: "Mumbai Styles",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/women-with-champagne-glasses_23-2147931311.jpg",
},
id: "5", name: "Priya Sharma", role: "Influencer", company: "Mumbai Styles", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/women-with-champagne-glasses_23-2147931311.jpg"},
]}
title="Guest Testimonials"
description="Trusted by travelers worldwide for our unparalleled attention to detail and luxury standards."
@@ -453,28 +279,17 @@ export default function LandingPage() {
description="Reach out directly for personalized inquiries, special event bookings, or VIP service requests."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: true,
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
},
{
name: "email",
type: "email",
placeholder: "Email",
required: true,
name: "email", type: "email", placeholder: "Email", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Tell us about your stay requirements...",
}}
name: "message", placeholder: "Tell us about your stay requirements..."}}
imageSrc="http://img.b2bpic.net/free-photo/abandoned-sanitarium_181624-18703.jpg"
/>
</div>
@@ -483,13 +298,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Marine Bay Mumbai"
leftLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
rightLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
/>
</div>
</ReactLenis>