Update src/app/amenities/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -0,0 +1,47 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+            navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }, { name: "Amenities", id: "/amenities" }, { name: "Rooms", id: "/rooms" }, { name: "Dining", id: "/dining" }, { name: "Gallery", id: "/gallery" }]}
+            brandName="RSDdison Hotel"
+        />
+      </div>
+      <main>
+        <div id="about" data-section="about">
+          <MediaAbout
+            title="A Century of Serenity"
+            description="Founded in 1924, RSDdison Hotel began as a small sanctuary deep within the forest. Through decades, we have preserved the harmony between modern luxury and natural surroundings."
+            tag="Our Story"
+            useInvertedBackground={false}
+            imageSrc="http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=1"
+          />
+        </div>
+      </main>
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="RSDdison Hotel"
+          columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }, { title: "Experience", items: [{ label: "Rooms", href: "/rooms" }, { label: "Dining", href: "/dining" }, { label: "Amenities", href: "/amenities" }, { label: "Gallery", href: "/gallery" }] }]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/amenities/page.tsx

@@ -1,178 +1,50 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
-import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TeamCardTen from '@/components/sections/team/TeamCardTen';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 
-export default function LandingPage() {
+export default function AmenitiesPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="icon-arrow"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
-        contentWidth="mediumSmall"
-        sizing="mediumLarge"
-        background="floatingGradient"
-        cardStyle="subtle-shadow"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="light"
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
-      <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Rooms",
-          id: "/rooms",
-        },
-        {
-          name: "Dining",
-          id: "/dining",
-        },
-        {
-          name: "Amenities",
-          id: "/amenities",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="RSDdison Hotel"
-    />
-  </div>
-
-  <div id="amenities" data-section="amenities">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "a1",
-          title: "Forest Spa",
-          author: "Wellness Team",
-          description: "Rejuvenating treatments in a serene atmosphere.",
-          tags: [
-            "Spa",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel_23-2149037089.jpg?_wi=2",
-        },
-        {
-          id: "a2",
-          title: "Infinity Pool",
-          author: "Staff",
-          description: "Soak in views of the evergreen canopy.",
-          tags: [
-            "Pool",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel_23-2149037089.jpg?_wi=3",
-        },
-        {
-          id: "a3",
-          title: "24/7 Concierge",
-          author: "Service",
-          description: "Tailored experiences just for you.",
-          tags: [
-            "Service",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel_23-2149037089.jpg?_wi=4",
-        },
-      ]}
-      title="World-Class Amenities"
-      description="Everything you need for a restorative stay."
-    />
-  </div>
-
-  <div id="team" data-section="team">
-      <TeamCardTen
-      useInvertedBackground={false}
-      title="Our Wellness Experts"
-      tag="Meet the Team"
-      membersAnimation="slide-up"
-      memberVariant="card"
-      members={[
-        {
-          id: "m1",
-          name: "Sarah Jenkins",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-redhaired-girl-pajamas-with-smile-her-face-holds-disco-ball-glass-with-sweets-living-room-festive-mood-concept_197531-31754.jpg?_wi=2",
-        },
-        {
-          id: "m2",
-          name: "Dr. Marcus Thorne",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=2",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="RSDdison Hotel"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "Rooms",
-              href: "/rooms",
-            },
-            {
-              label: "Dining",
-              href: "/dining",
-            },
-          ],
-        },
-        {
-          title: "Experience",
-          items: [
-            {
-              label: "Amenities",
-              href: "/amenities",
-            },
-            {
-              label: "Gallery",
-              href: "/gallery",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
-      </ReactLenis>
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }, { name: "Amenities", id: "/amenities" }, { name: "Rooms", id: "/rooms" }, { name: "Dining", id: "/dining" }, { name: "Gallery", id: "/gallery" }]}
+          brandName="RSDdison Hotel"
+        />
+      </div>
+      <main>
+        <div id="amenities" data-section="amenities">
+          <FeatureCardEight
+            title="World-Class Amenities"
+            description="Elevate your stay with our curated facilities designed for ultimate comfort."
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: 1, title: "Infinity Pool", description: "Soak in breathtaking forest views from our heated infinity pool.", imageSrc: "https://images.unsplash.com/photo-1540541338287-41700207604f", imageAlt: "Infinity pool" },
+              { id: 2, title: "Luxury Spa", description: "Indulge in rejuvenating treatments at our award-winning spa.", imageSrc: "https://images.unsplash.com/photo-1600334129124-645851f5ea4e", imageAlt: "Luxury spa" }
+            ]}
+          />
+        </div>
+      </main>
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="RSDdison Hotel"
+          columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Contact", href: "/contact" }] }, { title: "Experience", items: [{ label: "Amenities", href: "/amenities" }, { label: "Gallery", href: "/gallery" }] }]}
+        />
+      </div>
     </ThemeProvider>
   );
-}
+}

src/app/booking/page.tsx

@@ -0,0 +1,11 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+export default function BookingPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <main>Booking content...</main>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -1,154 +1,11 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="icon-arrow"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
-        contentWidth="mediumSmall"
-        sizing="mediumLarge"
-        background="floatingGradient"
-        cardStyle="subtle-shadow"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="light"
-    >
-      <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Rooms",
-          id: "/rooms",
-        },
-        {
-          name: "Dining",
-          id: "/dining",
-        },
-        {
-          name: "Amenities",
-          id: "/amenities",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="RSDdison Hotel"
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="Reserve Your Stay"
-      title="Begin Your Journey"
-      description="Connect with us to plan your perfect evergreen escape."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "/contact",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Contact FAQs"
-      description="Need immediate assistance?"
-      faqs={[
-        {
-          id: "c1",
-          title: "How can I reach you?",
-          content: "Via email or our 24/7 hotline.",
-        },
-        {
-          id: "c2",
-          title: "Where are you located?",
-          content: "Deep in the evergreen sanctuary.",
-        },
-      ]}
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="RSDdison Hotel"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "Rooms",
-              href: "/rooms",
-            },
-            {
-              label: "Dining",
-              href: "/dining",
-            },
-          ],
-        },
-        {
-          title: "Experience",
-          items: [
-            {
-              label: "Amenities",
-              href: "/amenities",
-            },
-            {
-              label: "Gallery",
-              href: "/gallery",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
-      </ReactLenis>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <main>Contact content...</main>
     </ThemeProvider>
   );
-}
+}

src/app/dining/page.tsx

@@ -1,178 +1,11 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 
-export default function LandingPage() {
+export default function DiningPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="icon-arrow"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
-        contentWidth="mediumSmall"
-        sizing="mediumLarge"
-        background="floatingGradient"
-        cardStyle="subtle-shadow"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="light"
-    >
-      <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Rooms",
-          id: "/rooms",
-        },
-        {
-          name: "Dining",
-          id: "/dining",
-        },
-        {
-          name: "Amenities",
-          id: "/amenities",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="RSDdison Hotel"
-    />
-  </div>
-
-  <div id="dining" data-section="dining">
-      <FeatureCardTwentyFour
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Forest View Restaurant",
-          author: "Chef Marcus",
-          description: "Local seasonal ingredients with a global twist.",
-          tags: [
-            "Fine Dining",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/cutlery-setting-restaurant_268835-3408.jpg?_wi=1",
-        },
-        {
-          id: "f2",
-          title: "Golden Hour Lounge",
-          author: "Mixologist Sarah",
-          description: "Handcrafted cocktails and fine wines.",
-          tags: [
-            "Drinks",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/cutlery-setting-restaurant_268835-3408.jpg?_wi=2",
-        },
-        {
-          id: "f3",
-          title: "Morning Harvest Buffet",
-          author: "Chef Julian",
-          description: "Fresh, organic breakfast to start your day.",
-          tags: [
-            "Breakfast",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/cutlery-setting-restaurant_268835-3408.jpg?_wi=3",
-        },
-      ]}
-      title="Culinary Excellence"
-      description="Savor gourmet flavors in an intimate setting."
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Dining FAQ"
-      description="Learn about our reservation policy."
-      faqs={[
-        {
-          id: "fq1",
-          title: "Are reservations required?",
-          content: "Recommended for the Forest View Restaurant.",
-        },
-        {
-          id: "fq2",
-          title: "Do you accommodate allergies?",
-          content: "Absolutely, please inform our staff beforehand.",
-        },
-      ]}
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="RSDdison Hotel"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "Rooms",
-              href: "/rooms",
-            },
-            {
-              label: "Dining",
-              href: "/dining",
-            },
-          ],
-        },
-        {
-          title: "Experience",
-          items: [
-            {
-              label: "Amenities",
-              href: "/amenities",
-            },
-            {
-              label: "Gallery",
-              href: "/gallery",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
-      </ReactLenis>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <main>Dining content...</main>
     </ThemeProvider>
   );
-}
+}

src/app/gallery/page.tsx

@@ -1,150 +1,53 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
 
-export default function LandingPage() {
+export default function GalleryPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="icon-arrow"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
-        contentWidth="mediumSmall"
-        sizing="mediumLarge"
-        background="floatingGradient"
-        cardStyle="subtle-shadow"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="light"
+        defaultButtonVariant="text-stagger"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
-      <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Rooms",
-          id: "/rooms",
-        },
-        {
-          name: "Dining",
-          id: "/dining",
-        },
-        {
-          name: "Amenities",
-          id: "/amenities",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="RSDdison Hotel"
-    />
-  </div>
-
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Featured By"
-      description="Global recognition for our service."
-      names={[
-        "Travel Digest",
-        "Lux Magazine",
-        "Forest Living",
-      ]}
-    />
-  </div>
-
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Gallery Info"
-      description="FAQs about our premises."
-      faqs={[
-        {
-          id: "g1",
-          title: "Can I take photos?",
-          content: "Guests are encouraged to capture the beauty.",
-        },
-        {
-          id: "g2",
-          title: "Are professional shoots allowed?",
-          content: "Please contact us in advance for commercial requests.",
-        },
-      ]}
-      faqsAnimation="slide-up"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="RSDdison Hotel"
-      columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "Rooms",
-              href: "/rooms",
-            },
-            {
-              label: "Dining",
-              href: "/dining",
-            },
-          ],
-        },
-        {
-          title: "Experience",
-          items: [
-            {
-              label: "Amenities",
-              href: "/amenities",
-            },
-            {
-              label: "Gallery",
-              href: "/gallery",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
-      </ReactLenis>
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+            navItems={[{ name: "Home", id: "/" }, { name: "About", id: "/about" }, { name: "Contact", id: "/contact" }, { name: "Gallery", id: "/gallery" }, { name: "Rooms", id: "/rooms" }, { name: "Dining", id: "/dining" }, { name: "Amenities", id: "/amenities" }]}
+            brandName="RSDdison Hotel"
+        />
+      </div>
+      <main>
+        <div id="gallery" data-section="gallery">
+          <ProductCardThree
+            title="Photo Gallery"
+            description="Take a glimpse into the serene beauty of our resort."
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            products={[
+              { id: "g1", name: "Lobby", price: "", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=1" },
+              { id: "g2", name: "Dining Hall", price: "", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=2" },
+              { id: "g3", name: "Spa Area", price: "", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=3" }
+            ]}
+          />
+        </div>
+      </main>
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="RSDdison Hotel"
+          columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Gallery", href: "/gallery" }] }, { title: "Experience", items: [{ label: "Rooms", href: "/rooms" }, { label: "Dining", href: "/dining" }] }]}
+        />
+      </div>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -28,30 +28,13 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Rooms",
-          id: "/rooms",
-        },
-        {
-          name: "Dining",
-          id: "/dining",
-        },
-        {
-          name: "Amenities",
-          id: "/amenities",
-        },
-        {
-          name: "Gallery",
-          id: "/gallery",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
+        { name: "Home", id: "/" },
+        { name: "Rooms", id: "/rooms" },
+        { name: "Booking", id: "/booking" },
+        { name: "Dining", id: "/dining" },
+        { name: "Amenities", id: "/amenities" },
+        { name: "Gallery", id: "/gallery" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="RSDdison Hotel"
     />
@@ -60,41 +43,19 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "rotated-rays-animated",
-      }}
+        variant: "rotated-rays-animated"}}
       title="Escape to the Eternal Forest"
       description="Experience unparalleled luxury and serenity at RSDdison Hotel. Where every detail is designed for your comfort."
       buttons={[
-        {
-          text: "Book Now",
-          href: "#",
-        },
+        { text: "Book Now", href: "/booking" },
       ]}
       carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=3",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=4",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=5",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=6",
-        },
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=1" },
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=2" },
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=3" },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=4" },
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=5" },
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=6" },
       ]}
     />
   </div>
@@ -112,31 +73,11 @@ export default function LandingPage() {
       <TestimonialCardTwelve
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Elena R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-redhaired-girl-pajamas-with-smile-her-face-holds-disco-ball-glass-with-sweets-living-room-festive-mood-concept_197531-31754.jpg?_wi=1",
-        },
-        {
-          id: "t2",
-          name: "James V.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-sitting-with-luggage-passport-un-waiting-area_107420-63620.jpg",
-        },
-        {
-          id: "t3",
-          name: "Sarah K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=1",
-        },
-        {
-          id: "t4",
-          name: "Mark L.",
-          imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-tv-their-room-vacation_23-2149369732.jpg",
-        },
-        {
-          id: "t5",
-          name: "Sophie M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/press-reporter-fallowing-leads-case_23-2149579755.jpg",
-        },
+        { id: "t1", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-redhaired-girl-pajamas-with-smile-her-face-holds-disco-ball-glass-with-sweets-living-room-festive-mood-concept_197531-31754.jpg?_wi=1" },
+        { id: "t2", name: "James V.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-sitting-with-luggage-passport-un-waiting-area_107420-63620.jpg" },
+        { id: "t3", name: "Sarah K.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=1" },
+        { id: "t4", name: "Mark L.", imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-tv-their-room-vacation_23-2149369732.jpg" },
+        { id: "t5", name: "Sophie M.", imageSrc: "http://img.b2bpic.net/free-photo/press-reporter-fallowing-leads-case_23-2149579755.jpg" },
       ]}
       cardTitle="Our Guests' Stories"
       cardTag="Testimonials"
@@ -152,40 +93,8 @@ export default function LandingPage() {
       title="Exclusive Packages"
       description="Indulge in tailored experiences designed for your relaxation."
       plans={[
-        {
-          id: "p1",
-          badge: "Popular",
-          price: "$1200",
-          subtitle: "Weekly Forest Retreat",
-          buttons: [
-            {
-              text: "Select Plan",
-              href: "#",
-            },
-          ],
-          features: [
-            "Full board",
-            "Spa access",
-            "Daily excursions",
-          ],
-        },
-        {
-          id: "p2",
-          badge: "Luxury",
-          price: "$2500",
-          subtitle: "Presidential Stay",
-          buttons: [
-            {
-              text: "Select Plan",
-              href: "#",
-            },
-          ],
-          features: [
-            "VIP treatment",
-            "Private balcony",
-            "Unlimited fine dining",
-          ],
-        },
+        { id: "p1", badge: "Popular", price: "$1200", subtitle: "Weekly Forest Retreat", buttons: [{ text: "Book Now", href: "/booking" }], features: ["Full board", "Spa access", "Daily excursions"] },
+        { id: "p2", badge: "Luxury", price: "$2500", subtitle: "Presidential Stay", buttons: [{ text: "Book Now", href: "/booking" }], features: ["VIP treatment", "Private balcony", "Unlimited fine dining"] },
       ]}
     />
   </div>
@@ -197,16 +106,8 @@ export default function LandingPage() {
       title="Frequently Asked Questions"
       description="Find answers to common inquiries about your upcoming visit."
       faqs={[
-        {
-          id: "q1",
-          title: "What time is check-in?",
-          content: "Check-in begins at 3:00 PM.",
-        },
-        {
-          id: "q2",
-          title: "Do you offer airport shuttle?",
-          content: "Yes, we provide concierge-led private transport.",
-        },
+        { id: "q1", title: "What time is check-in?", content: "Check-in begins at 3:00 PM." },
+        { id: "q2", title: "Do you offer airport shuttle?", content: "Yes, we provide concierge-led private transport." },
       ]}
       faqsAnimation="slide-up"
     />
@@ -216,57 +117,13 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="RSDdison Hotel"
       columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "Rooms",
-              href: "/rooms",
-            },
-            {
-              label: "Dining",
-              href: "/dining",
-            },
-          ],
-        },
-        {
-          title: "Experience",
-          items: [
-            {
-              label: "Amenities",
-              href: "/amenities",
-            },
-            {
-              label: "Gallery",
-              href: "/gallery",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Rooms", href: "/rooms" }, { label: "Booking", href: "/booking" }] },
+        { title: "Experience", items: [{ label: "Amenities", href: "/amenities" }, { label: "Gallery", href: "/gallery" }, { label: "Contact", href: "/contact" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/reviews/page.tsx

@@ -0,0 +1,11 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+
+export default function ReviewsPage() {
+  return (
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <main>Reviews content...</main>
+    </ThemeProvider>
+  );
+}

src/app/rooms/page.tsx

@@ -1,85 +1,11 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 
 export default function RoomsPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="icon-arrow"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
-        contentWidth="mediumSmall"
-        sizing="mediumLarge"
-        background="floatingGradient"
-        cardStyle="subtle-shadow"
-        primaryButtonStyle="primary-glow"
-        secondaryButtonStyle="layered"
-        headingFontWeight="light"
-    >
-      <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "Rooms", id: "/rooms" },
-        { name: "Dining", id: "/dining" },
-        { name: "Amenities", id: "/amenities" },
-        { name: "Gallery", id: "/gallery" },
-        { name: "Contact", id: "/contact" },
-      ]}
-      brandName="RSDdison Hotel"
-    />
-  </div>
-
-  <div id="rooms" data-section="rooms">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        { id: "p1", name: "Presidential Forest Suite", price: "$899/night", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/stone-natural-room-interior-design_23-2151890396.jpg", brand: "RSDdison" },
-        { id: "p2", name: "Executive Garden Room", price: "$599/night", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/hotel-guest-sitting-lounge-area-waiting-room-check-before-meeting-with-international-company-shareholders-professional-businessman-travelling-work-hotel-accommodation_482257-72885.jpg", brand: "RSDdison" },
-        { id: "p3", name: "Premium Canopy Suite", price: "$699/night", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497275.jpg", brand: "RSDdison" },
-        { id: "p4", name: "Deluxe Serenity Room", price: "$450/night", rating: 5, reviewCount: "82", imageSrc: "http://img.b2bpic.net/free-photo/decorated-interior-christmas-beautiful-christmas-tree-near-modern-expensive-couch-big-clock-with-roman-numbers_132075-11378.jpg", brand: "RSDdison" },
-        { id: "p5", name: "Junior Harmony Suite", price: "$399/night", rating: 5, reviewCount: "64", imageSrc: "http://img.b2bpic.net/free-photo/hotel-room-with-open-balcony-soft-light-through-curtains-cozy-bedroom_169016-70022.jpg", brand: "RSDdison" },
-        { id: "p6", name: "Classic Forest View", price: "$299/night", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-bedroom-suite-bathroom_105762-1791.jpg", brand: "RSDdison" },
-      ]}
-      title="Exquisite Suites"
-      description="Choose your perfect sanctuary."
-    />
-  </div>
-
-  <div id="pricing" data-section="pricing">
-      <PricingCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Room Rates"
-      description="View our flexible pricing options."
-      plans={[
-        { id: "pr1", badge: "Classic", price: "$250", subtitle: "Standard rate", buttons: [{ text: "View", href: "#" }], features: ["WiFi", "Breakfast"] },
-        { id: "pr2", badge: "Premium", price: "$450", subtitle: "Deluxe rate", buttons: [{ text: "View", href: "#" }], features: ["WiFi", "Breakfast", "Spa access"] },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="RSDdison Hotel"
-      columns={[
-        { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Rooms", href: "/rooms" }, { label: "Dining", href: "/dining" }] },
-        { title: "Experience", items: [{ label: "Amenities", href: "/amenities" }, { label: "Gallery", href: "/gallery" }, { label: "Contact", href: "/contact" }] },
-        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
-      ]}
-    />
-  </div>
-      </ReactLenis>
+    <ThemeProvider defaultButtonVariant="text-stagger" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <main>Rooms content...</main>
     </ThemeProvider>
   );
 }