Update src/app/page.tsx

src/app/page.tsx

@@ -31,77 +31,28 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Home", id: "#hero" },
-          name: "Home",
+        { name: "Rooms", id: "#rooms" },
-          id: "#hero",
+        { name: "Dining", id: "#dining" },
-        },
+        { name: "Spa", id: "#spa" },
-        {
+        { name: "Location", id: "#location" },
-          name: "Rooms",
+        { name: "Contact", id: "#contact" },
-          id: "#rooms",
-        },
-        {
-          name: "Dining",
-          id: "#dining",
-        },
-        {
-          name: "Spa",
-          id: "#spa",
-        },
-        {
-          name: "Location",
-          id: "#location",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
       ]}
       brandName="Mansard Riyadh"
-      button={{
+      button={{ text: "Book Your Stay", href: "#booking" }}
-        text: "Book Your Stay",
-        href: "#booking",
-      }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroBillboardGallery
-      background={{
+      background={{ variant: "gradient-bars" }}
-        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={[
+      buttons={[{ text: "Book Now", href: "#booking" }, { text: "Explore the Hotel", href: "#rooms" }]}
-        {
-          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/gazebo-surrounded-by-palm-trees-water-sunset_181624-57249.jpg",
+        { imageSrc: "http://img.b2bpic.net/free-photo/girl-enjoying-spa-day-with-cake_23-2148238376.jpg", imageAlt: "luxury hotel room interior" },
-          imageAlt: "luxury hotel exterior sunset",
+        { 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/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",
-        },
       ]}
       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", tag: "Booking", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-paradise-tourism-swimming-luxury_1203-4750.jpg" },
-          id: "c1",
+        { 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" },
-          title: "Check-in",
+        { 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" }
-          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",
-        },
       ]}
       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: "p1",
+        { 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" },
-          name: "Deluxe Room",
+        { id: "p3", name: "Royal Suite", price: "From $1200", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/room-interior-hotel-bedroom_23-2150683481.jpg" }
-          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",
-        },
       ]}
       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.", tag: "Spa", imageSrc: "http://img.b2bpic.net/free-photo/silhouette-woman-spa_23-2148000387.jpg" },
-          id: "s1",
+        { 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" },
-          title: "Indoor Pool",
+        { 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" }
-          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",
-        },
       ]}
       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: "m1",
+        { id: "m2", value: "3,095+", description: "Guest reviews" },
-          value: "5-Star",
+        { id: "m3", value: "Prime", description: "Location" }
-          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", 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: "g1",
+        { 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" },
-          title: "Facade",
+        { id: "g3", title: "Pool", description: "Luxury wellness", tag: "Gallery", imageSrc: "http://img.b2bpic.net/free-photo/tranquil-pool-oasis-meditation-space_23-2151935119.jpg" }
-          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",
-        },
       ]}
       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: "t1",
+        { id: "t2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661547.jpg" },
-          name: "Sarah Johnson",
+        { id: "t3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-binoculars_107420-9647.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/man-s-placing-wedding-ring-woman-s-hand_23-2147891147.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: "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={{
+      background={{ variant: "plain" }}
-        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: "Explore",
+        { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Location", href: "#location" }, { label: "Book Now", href: "#booking" }] }
-          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"