diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 4bb032b..8048304 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -9,22 +9,30 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 
 export default function AboutPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarLayoutFloatingInline navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Amenities", id: "/amenities"}, {name: "Gallery", id: "/gallery"}, {name: "Contact", id: "/contact"}]} brandName="RISE" />
+        <div id="nav" data-section="nav">
+           <NavbarLayoutFloatingInline navItems={[{name: "Home", id: "/"}, {name: "About", id: "/about"}, {name: "Amenities", id: "/amenities"}, {name: "Gallery", id: "/gallery"}, {name: "Contact", id: "/contact"}]} brandName="RISE" button={{text: "Book Now", href: "/contact"}} />
+        </div>
         <SplitAbout 
           title="Our Story"
           description="Welcome to RISE, where culinary passion meets the iconic backdrop of Marina Bay Sands. We believe in crafting unforgettable memories through exceptional food and service."
           textboxLayout="split"
           imageSrc="http://img.b2bpic.net/free-photo/side-view-table-with-cheese-plate-pate-it_140725-12866.jpg"
+          bulletPoints={[]}
+          useInvertedBackground={false}
         />
         <TeamCardTen 
           title="Meet Our Culinary Masters"
           tag="The Team"
           memberVariant="card"
           members={[{ id: "1", name: "Head Chef" }, { id: "2", name: "Sous Chef" }, { id: "3", name: "Pastry Chef" }]}
+          membersAnimation="slide-up"
+          useInvertedBackground={false}
         />
-        <FooterBase logoText="RISE" columns={[]} />
+        <div id="footer" data-section="footer">
+           <FooterBase logoText="RISE" columns={[]} />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );