diff --git a/src/app/amenities/page.tsx b/src/app/amenities/page.tsx
index d46b0eb..e91122a 100644
--- a/src/app/amenities/page.tsx
+++ b/src/app/amenities/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 
 export default function AmenitiesPage() {
   return (
@@ -27,10 +27,9 @@ export default function AmenitiesPage() {
       </div>
       <main>
         <div id="amenities" data-section="amenities">
-          <FeatureCardMedia
+          <FeatureCardEight
             title="World-Class Amenities"
             description="Elevate your stay with our curated facilities designed for ultimate comfort."
-            animationType="slide-up"
             textboxLayout="split"
             useInvertedBackground={false}
             features={[
diff --git a/src/app/booking/page.tsx b/src/app/booking/page.tsx
index d3f1506..80c7df5 100644
--- a/src/app/booking/page.tsx
+++ b/src/app/booking/page.tsx
@@ -1,48 +1,11 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 
 export default function BookingPage() {
   return (
-    <ThemeProvider>
-      <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
-            navItems={[
-                { 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"
-        />
-        <main className="pt-32 pb-20 px-6 max-w-4xl mx-auto min-h-screen">
-          <h1 className="text-4xl font-bold mb-8">Online Booking</h1>
-          <p className="mb-6">Please select your dates and room preference below.</p>
-          <div className="grid gap-6">
-              <input type="date" className="p-4 border rounded-pill w-full" />
-              <select className="p-4 border rounded-pill w-full">
-                  <option>Select Room Type</option>
-                  <option>Forest Suite</option>
-                  <option>Presidential Suite</option>
-              </select>
-              <button className="bg-primary-cta text-white p-4 rounded-pill font-semibold">Confirm Booking Request</button>
-          </div>
-        </main>
-        <FooterBaseCard
-            logoText="RSDdison Hotel"
-            columns={[
-                { 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: "#" }] },
-            ]}
-        />
-      </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>Booking content...</main>
     </ThemeProvider>
   );
 }
\ No newline at end of file
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 96bd811..e3709b3 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -1,37 +1,11 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 
 export default function ContactPage() {
   return (
-    <ThemeProvider>
-      <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="contact" data-section="contact">
-          <ContactSplitForm
-              title="Contact Our Team"
-              description="We are here to assist you with any questions about your stay."
-              inputs={[{ name: "name", type: "text", placeholder: "Full Name", required: true }, { name: "email", type: "email", placeholder: "Email Address", required: true }]}
-              textarea={{ name: "message", placeholder: "Your message here...", rows: 4 }}
-              useInvertedBackground={false}
-              imageSrc="http://img.b2bpic.net/free-photo/hotel-receptionist-welcoming-guest_23-2149037089.jpg"
-          />
-        </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" }] }]}
-        />
-      </div>
+    <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>
   );
 }
\ No newline at end of file
diff --git a/src/app/dining/page.tsx b/src/app/dining/page.tsx
index c47c185..c982f59 100644
--- a/src/app/dining/page.tsx
+++ b/src/app/dining/page.tsx
@@ -1,33 +1,11 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 
 export default function DiningPage() {
   return (
-    <ThemeProvider>
-      <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}, {name: "Dining", id: "/dining"}, {name: "Amenities", id: "/amenities"}, {name: "Gallery", id: "/gallery"}, {name: "Rooms", id: "/rooms"}]} brandName="RSDdison Hotel" />
-      </div>
-      <main>
-        <div id="dining" data-section="dining">
-          <FeatureCardNineteen
-            title="Culinary Delights"
-            description="Indulge in seasonal flavors and gourmet experiences crafted by our master chefs."
-            textboxLayout="split"
-            useInvertedBackground={false}
-            features={[
-              { id: 1, tag: "Fine Dining", title: "The Evergreen Grill", subtitle: "Farm-to-table excellence", description: "Focusing on fresh, local ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel_23-2149037089.jpg?_wi=1" },
-              { id: 2, tag: "Casual", title: "Canopy Café", subtitle: "Relaxed ambiance", description: "Offering artisanal pastries and premium coffee.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=1" }
-            ]}
-          />
-        </div>
-      </main>
-      <div id="footer" data-section="footer">
-        <FooterBaseCard logoText="RSDdison Hotel" columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Dining", href: "/dining" }] }, { title: "Experience", items: [{ label: "Rooms", href: "/rooms" }, { label: "Gallery", href: "/gallery" }] }]} />
-      </div>
+    <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>
   );
 }
\ No newline at end of file
diff --git a/src/app/reviews/page.tsx b/src/app/reviews/page.tsx
index dbbde95..b693c35 100644
--- a/src/app/reviews/page.tsx
+++ b/src/app/reviews/page.tsx
@@ -1,48 +1,11 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 
 export default function ReviewsPage() {
   return (
-    <ThemeProvider>
-      <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
-            navItems={[
-              { name: "Home", id: "/" },
-              { name: "Reviews", id: "/reviews" },
-              { name: "Contact", id: "/contact" },
-              { name: "Rooms", id: "/rooms" },
-              { name: "Dining", id: "/dining" },
-              { name: "Amenities", id: "/amenities" },
-              { name: "Gallery", id: "/gallery" },
-            ]}
-            brandName="RSDdison Hotel"
-        />
-        <div className="pt-32 pb-20">
-            <TestimonialCardTwelve
-              useInvertedBackground={false}
-              testimonials={[
-                { id: "r1", name: "Anna B.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-with-long-hair_23-2148215682.jpg" },
-                { id: "r2", name: "Paul D.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-beard-posing_23-2148215682.jpg" },
-              ]}
-              cardTitle="Guest Testimonials"
-              cardTag="Verified Guests"
-              cardAnimation="slide-up"
-            />
-        </div>
-        <FooterBaseCard
-          logoText="RSDdison Hotel"
-          columns={[
-            { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Reviews", href: "/reviews" }, { label: "Contact", href: "/contact" }] },
-            { title: "Experience", items: [{ label: "Rooms", href: "/rooms" }, { label: "Dining", href: "/dining" }, { label: "Amenities", href: "/amenities" }, { label: "Gallery", href: "/gallery" }] },
-            { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
-          ]}
-        />
-      </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>Reviews content...</main>
     </ThemeProvider>
   );
 }
\ No newline at end of file
diff --git a/src/app/rooms/page.tsx b/src/app/rooms/page.tsx
index a65724b..c78fbcd 100644
--- a/src/app/rooms/page.tsx
+++ b/src/app/rooms/page.tsx
@@ -1,33 +1,11 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 
 export default function RoomsPage() {
   return (
-    <ThemeProvider>
-      <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Contact", id: "/contact"}, {name: "Rooms", id: "/rooms"}, {name: "Dining", id: "/dining"}, {name: "Amenities", id: "/amenities"}, {name: "Gallery", id: "/gallery"}]} brandName="RSDdison Hotel" />
-      </div>
-      <main>
-        <div id="rooms" data-section="rooms">
-          <FeatureCardNineteen
-            title="Our Rooms & Suites"
-            description="Discover ultimate comfort in our thoughtfully designed living spaces."
-            textboxLayout="split"
-            useInvertedBackground={false}
-            features={[
-              { id: 1, tag: "Luxury", title: "Presidential Suite", subtitle: "Spacious and refined", description: "Spacious balcony and forest views.", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-villa-with-modern-architectural-design_23-2151694098.jpg?_wi=1" },
-              { id: 2, tag: "Comfort", title: "Deluxe Room", subtitle: "Modern retreat", description: "Perfect for relaxation.", imageSrc: "http://img.b2bpic.net/free-photo/couple-watching-tv-their-room-vacation_23-2149369732.jpg" }
-            ]}
-          />
-        </div>
-      </main>
-      <div id="footer" data-section="footer">
-        <FooterBaseCard logoText="RSDdison Hotel" columns={[{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Rooms", href: "/rooms" }] }, { title: "Experience", items: [{ label: "Gallery", href: "/gallery" }, { label: "Contact", href: "/contact" }] }]} />
-      </div>
+    <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>
   );
 }
\ No newline at end of file