bender/77237a7b-81f0-466c-99ae-a02a94460dee
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-10 21:42:07 +00:00
parent 3d8fcbe732
commit e5c2b5ed4f
1 changed files with 36 additions and 235 deletions
Download Patch File Download Diff File Expand all files Collapse all files

271
src/app/page.tsx
View File

@@ -31,77 +31,28 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "Rooms",
id: "#rooms",
},
{
name: "Dining",
id: "#dining",
},
{
name: "Spa",
id: "#spa",
},
{
name: "Location",
id: "#location",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Home", id: "#hero" },
{ name: "Rooms", id: "#rooms" },
{ name: "Dining", id: "#dining" },
{ name: "Spa", id: "#spa" },
{ name: "Location", id: "#location" },
{ name: "Contact", id: "#contact" },
]}
brandName="Mansard Riyadh"
button={{
text: "Book Your Stay",
href: "#booking",
}}
button={{ text: "Book Your Stay", href: "#booking" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="An Exceptional Luxury Stay in the Heart of Riyadh"
description="Experience refined hospitality at Mansard Riyadh, Radisson Collection, where modern luxury meets timeless elegance."
buttons={[
{
text: "Book Now",
href: "#booking",
},
{
text: "Explore the Hotel",
href: "#rooms",
},
]}
buttons={[{ text: "Book Now", href: "#booking" }, { text: "Explore the Hotel", href: "#rooms" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/gazebo-surrounded-by-palm-trees-water-sunset_181624-57249.jpg",
imageAlt: "luxury hotel exterior sunset",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/girl-enjoying-spa-day-with-cake_23-2148238376.jpg",
imageAlt: "luxury hotel room interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-sofa-jacket-suit-new-feminity-concept_23-2148951029.jpg",
imageAlt: "luxury hotel executive suite",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-dark-wood-european-classic-bedroom-suite-hotel_105762-2164.jpg",
imageAlt: "luxury royal hotel suite",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/twigs-leaves-near-lamp-cutlery_23-2147811213.jpg",
imageAlt: "luxury hotel restaurant dining",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/gazebo-surrounded-by-palm-trees-water-sunset_181624-57249.jpg", imageAlt: "luxury hotel exterior sunset" },
{ imageSrc: "http://img.b2bpic.net/free-photo/girl-enjoying-spa-day-with-cake_23-2148238376.jpg", imageAlt: "luxury hotel room interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-sofa-jacket-suit-new-feminity-concept_23-2148951029.jpg", imageAlt: "luxury hotel executive suite" }
]}
mediaAnimation="slide-up"
/>
@@ -113,24 +64,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "c1",
title: "Check-in",
description: "Select your arrival date",
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-paradise-tourism-swimming-luxury_1203-4750.jpg",
},
{
id: "c2",
title: "Check-out",
description: "Select your departure date",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-silhouette-umbrella-chair-around-resort-sunrise-time_74190-7909.jpg",
},
{
id: "c3",
title: "Guests",
description: "Specify number of guests",
imageSrc: "http://img.b2bpic.net/free-photo/los-angeles-downtown-night-with-urban-buildings-lake_649448-4079.jpg",
},
{ id: "c1", title: "Check-in", description: "Select your arrival date", tag: "Booking", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-paradise-tourism-swimming-luxury_1203-4750.jpg" },
{ id: "c2", title: "Check-out", description: "Select your departure date", tag: "Booking", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-outdoor-swimming-pool-with-silhouette-umbrella-chair-around-resort-sunrise-time_74190-7909.jpg" },
{ id: "c3", title: "Guests", description: "Specify number of guests", tag: "Booking", imageSrc: "http://img.b2bpic.net/free-photo/los-angeles-downtown-night-with-urban-buildings-lake_649448-4079.jpg" }
]}
title="Reservation"
description="Secure your refined stay in the heart of Riyadh."
@@ -144,48 +80,9 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Deluxe Room",
price: "From $450",
variant: "Modern",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg",
},
{
id: "p2",
name: "Executive Suite",
price: "From $650",
variant: "Luxury",
imageSrc: "http://img.b2bpic.net/free-photo/room-with-green-leather-sofa_140725-6419.jpg",
},
{
id: "p3",
name: "Royal Suite",
price: "From $1200",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/room-interior-hotel-bedroom_23-2150683481.jpg",
},
{
id: "p4",
name: "Premium Collection",
price: "From $900",
variant: "Elite",
imageSrc: "http://img.b2bpic.net/free-photo/interior-modern-comfortable-hotel-room_1232-1822.jpg",
},
{
id: "p5",
name: "Signature Suite",
price: "From $750",
variant: "Classic",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-vase-with-artificial-flowers-living-room_169016-5183.jpg",
},
{
id: "p6",
name: "Grand Suite",
price: "From $1100",
variant: "Grand",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-smartphone-vibrator_23-2150232151.jpg",
},
{ id: "p1", name: "Deluxe Room", price: "From $450", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-comtemporary-luxury-bedroom-suite-hotel-with-tv_105762-2063.jpg" },
{ id: "p2", name: "Executive Suite", price: "From $650", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/room-with-green-leather-sofa_140725-6419.jpg" },
{ id: "p3", name: "Royal Suite", price: "From $1200", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/room-interior-hotel-bedroom_23-2150683481.jpg" }
]}
title="Rooms & Suites"
description="Discover unparalleled comfort and sophisticated design."
@@ -211,24 +108,9 @@ export default function LandingPage() {
textboxLayout="inline-image"
useInvertedBackground={false}
features={[
{
id: "s1",
title: "Indoor Pool",
description: "Relax in our climate-controlled pool.",
imageSrc: "http://img.b2bpic.net/free-photo/silhouette-woman-spa_23-2148000387.jpg",
},
{
id: "s2",
title: "Luxury Spa",
description: "Exclusive treatments for total relaxation.",
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-pool-indoors_23-2149089245.jpg",
},
{
id: "s3",
title: "Fitness Center",
description: "State-of-the-art gym facilities.",
imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman-relaxing-water_23-2148000136.jpg",
},
{ id: "s1", title: "Indoor Pool", description: "Relax in our climate-controlled pool.", tag: "Spa", imageSrc: "http://img.b2bpic.net/free-photo/silhouette-woman-spa_23-2148000387.jpg" },
{ id: "s2", title: "Luxury Spa", description: "Exclusive treatments for total relaxation.", tag: "Spa", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-pool-indoors_23-2149089245.jpg" },
{ id: "s3", title: "Fitness Center", description: "State-of-the-art gym facilities.", tag: "Spa", imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-woman-relaxing-water_23-2148000136.jpg" }
]}
title="Spa & Wellness"
description="Rejuvenate your senses at our state-of-the-art spa and wellness sanctuary."
@@ -241,21 +123,9 @@ export default function LandingPage() {
title="The Mansard Experience"
tag="Why Mansard"
metrics={[
{
id: "m1",
value: "5-Star",
description: "Luxury rating",
},
{
id: "m2",
value: "3,095+",
description: "Guest reviews",
},
{
id: "m3",
value: "Prime",
description: "Location",
},
{ id: "m1", value: "5-Star", description: "Luxury rating" },
{ id: "m2", value: "3,095+", description: "Guest reviews" },
{ id: "m3", value: "Prime", description: "Location" }
]}
/>
</div>
@@ -266,24 +136,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
features={[
{
id: "g1",
title: "Facade",
description: "Grand exterior",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-casa-bruno-cuadros-building-decorated-with-umbrellas-hand-fans-spain_181624-41139.jpg",
},
{
id: "g2",
title: "Dining",
description: "Gourmet dishes",
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-couple-handsome-stylish-male-charming-brunette-woman-dating-luxury-restaurant_613910-4373.jpg",
},
{
id: "g3",
title: "Pool",
description: "Luxury wellness",
imageSrc: "http://img.b2bpic.net/free-photo/tranquil-pool-oasis-meditation-space_23-2151935119.jpg",
},
{ id: "g1", title: "Facade", description: "Grand exterior", tag: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-casa-bruno-cuadros-building-decorated-with-umbrellas-hand-fans-spain_181624-41139.jpg" },
{ id: "g2", title: "Dining", description: "Gourmet dishes", tag: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-couple-handsome-stylish-male-charming-brunette-woman-dating-luxury-restaurant_613910-4373.jpg" },
{ id: "g3", title: "Pool", description: "Luxury wellness", tag: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/tranquil-pool-oasis-meditation-space_23-2151935119.jpg" }
]}
title="Photo Gallery"
description="Immerse yourself in the visual splendor of our hotel."
@@ -294,31 +149,11 @@ export default function LandingPage() {
<TestimonialCardTwelve
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/man-s-placing-wedding-ring-woman-s-hand_23-2147891147.jpg",
},
{
id: "t2",
name: "Michael Chen",
imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661547.jpg",
},
{
id: "t3",
name: "Emily Rodriguez",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-binoculars_107420-9647.jpg",
},
{
id: "t4",
name: "David Kim",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-smiling_23-2150771071.jpg",
},
{
id: "t5",
name: "Maria Garcia",
imageSrc: "http://img.b2bpic.net/free-photo/family-with-daughter-autumn-park_1157-22526.jpg",
},
{ id: "t1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/man-s-placing-wedding-ring-woman-s-hand_23-2147891147.jpg" },
{ id: "t2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661547.jpg" },
{ id: "t3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-binoculars_107420-9647.jpg" },
{ id: "t4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/close-up-businessman-smiling_23-2150771071.jpg" },
{ id: "t5", name: "Maria Garcia", imageSrc: "http://img.b2bpic.net/free-photo/family-with-daughter-autumn-park_1157-22526.jpg" }
]}
cardTitle="Guest Reviews"
cardTag="Luxury Service"
@@ -329,9 +164,7 @@ export default function LandingPage() {
<div id="location" data-section="location">
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Visit Us"
title="Mansard Riyadh Location"
description="4248 Prince Mohammed bin Salman bin Abdulaziz Road, Al Rabie, Riyadh 13315. Contact: +966 11 829 0900."
@@ -341,40 +174,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Explore",
items: [
{
label: "Rooms",
href: "#rooms",
},
{
label: "Dining",
href: "#dining",
},
{
label: "Spa",
href: "#spa",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "Location",
href: "#location",
},
{
label: "Book Now",
href: "#booking",
},
],
},
{ title: "Explore", items: [{ label: "Rooms", href: "#rooms" }, { label: "Dining", href: "#dining" }, { label: "Spa", href: "#spa" }] },
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Location", href: "#location" }, { label: "Book Now", href: "#booking" }] }
]}
bottomLeftText="© 2024 Mansard Riyadh."
bottomRightText="Privacy Policy"
@@ -383,4 +184,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}