src/app/about/page.tsx

@@ -8,27 +8,35 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 export default function AboutPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider 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>
-        <NavbarStyleCentered
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "About", id: "/about" },
-            { name: "Pricing", id: "/pricing" },
-            { name: "Booking", id: "/booking" },
-          ]}
-          brandName="Sonesta Cairo"
-        />
-        <MediaAbout
-          title="About Our Legacy"
-          description="For over two decades, Sonesta Hotel Tower & Casino has defined hospitality in Nasr City. We blend contemporary design with authentic Egyptian service."
-        />
-        <FooterSimple
-          columns={[
-            { title: "Contact", items: [{ label: "3 El Tayaran St, Nasr City" }, { label: "02 22641111" }] },
-            { title: "Legal", items: [{ label: "Privacy Policy" }, { label: "Terms of Service" }] },
-          ]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Pricing", id: "/pricing" },
+            ]}
+            brandName="Sonesta Cairo"
+          />
+        </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            title="About Our Legacy"
+            description="For over two decades, Sonesta Hotel Tower & Casino has defined hospitality in Nasr City. We blend contemporary design with authentic Egyptian service."
+            useInvertedBackground={false}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Contact", items: [{ label: "3 El Tayaran St, Nasr City" }, { label: "02 22641111" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy" }, { label: "Terms of Service" }] },
+            ]}
+            bottomLeftText="© 2025 Sonesta"
+            bottomRightText="All Rights Reserved"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/pricing/page.tsx

@@ -8,33 +8,42 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 export default function PricingPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider 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>
-        <NavbarStyleCentered
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "About", id: "/about" },
-            { name: "Pricing", id: "/pricing" },
-            { name: "Booking", id: "/booking" },
-          ]}
-          brandName="Sonesta Cairo"
-        />
-        <PricingCardOne
-          title="Our Room Packages"
-          description="Choose the perfect stay option tailored to your needs."
-          animationType="slide-up"
-          plans={[
-            { id: "p1", badge: "Essential", price: "$150", subtitle: "Comfortable standard stay", features: ["Free Wi-Fi", "Breakfast included", "City View"] },
-            { id: "p2", badge: "Deluxe", price: "$250", subtitle: "Premium tower views", features: ["All Essential features", "Executive Lounge Access", "Priority Check-in"] },
-            { id: "p3", badge: "Royal", price: "$450", subtitle: "Ultimate luxury experience", features: ["All Deluxe features", "Airport Transfers", "Private Concierge"] }
-          ]}
-        />
-        <FooterSimple
-          columns={[
-            { title: "Contact", items: [{ label: "3 El Tayaran St, Nasr City" }, { label: "02 22641111" }] },
-            { title: "Legal", items: [{ label: "Privacy Policy" }, { label: "Terms of Service" }] },
-          ]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Pricing", id: "/pricing" },
+            ]}
+            brandName="Sonesta Cairo"
+          />
+        </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardOne
+            title="Our Room Packages"
+            description="Choose the perfect stay option tailored to your needs."
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { id: "p1", badge: "Essential", price: "$150", subtitle: "Comfortable standard stay", features: ["Free Wi-Fi", "Breakfast included", "City View"] },
+              { id: "p2", badge: "Deluxe", price: "$250", subtitle: "Premium tower views", features: ["All Essential features", "Executive Lounge Access", "Priority Check-in"] },
+              { id: "p3", badge: "Royal", price: "$450", subtitle: "Ultimate luxury experience", features: ["All Deluxe features", "Airport Transfers", "Private Concierge"] }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Contact", items: [{ label: "3 El Tayaran St, Nasr City" }, { label: "02 22641111" }] },
+              { title: "Legal", items: [{ label: "Privacy Policy" }, { label: "Terms of Service" }] },
+            ]}
+            bottomLeftText="© 2025 Sonesta"
+            bottomRightText="All Rights Reserved"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );