diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 1e3951a..d9e86b4 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -7,13 +7,15 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 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>
-        <NavbarStyleApple navItems={[{name: "Home", id: "/"}, {name: "Menu", id: "/menu"}, {name: "Catering", id: "/catering"}, {name: "Reservations", id: "/reservations"}, {name: "About", id: "/about"}, {name: "Gallery", id: "/gallery"}, {name: "Contact", id: "/contact"}]} brandName="ABC Barbeque" />
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple navItems={[{name: "Home", id: "/"}, {name: "Menu", id: "/menu"}, {name: "About", id: "/about"}, {name: "Gallery", id: "/gallery"}, {name: "Contact", id: "/contact"}]} brandName="ABC Barbeque" />
+        </div>
         <div className="pt-32 pb-20 container mx-auto text-center">
           <h1 className="text-5xl font-bold">About Us</h1>
         </div>
-        <FooterSimple columns={[]} />
+        <FooterSimple columns={[]} bottomLeftText="© 2024 ABC Barbeque" bottomRightText="All rights reserved" />
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 9c7e450..4f3faf5 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -8,11 +8,15 @@ import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 
 export default function ContactPage() {
   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>
-        <NavbarStyleApple navItems={[{name: "Home", id: "/"}, {name: "Menu", id: "/menu"}, {name: "Catering", id: "/catering"}, {name: "Reservations", id: "/reservations"}, {name: "About", id: "/about"}, {name: "Gallery", id: "/gallery"}, {name: "Contact", id: "/contact"}]} brandName="ABC Barbeque" />
-        <ContactSplitForm title="Contact Us" description="How can we help?" inputs={[{name: "name", type: "text", placeholder: "Name"}, {name: "email", type: "email", placeholder: "Email"}]} />
-        <FooterSimple columns={[]} />
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple navItems={[{name: "Home", id: "/"}, {name: "Menu", id: "/menu"}, {name: "About", id: "/about"}, {name: "Gallery", id: "/gallery"}, {name: "Contact", id: "/contact"}]} brandName="ABC Barbeque" />
+        </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm title="Contact Us" description="How can we help?" inputs={[{name: "name", type: "text", placeholder: "Name"}, {name: "email", type: "email", placeholder: "Email"}]} useInvertedBackground={false} />
+        </div>
+        <FooterSimple columns={[]} bottomLeftText="© 2024 ABC Barbeque" bottomRightText="All rights reserved" />
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/gallery/page.tsx b/src/app/gallery/page.tsx
index 8c85585..fd3d308 100644
--- a/src/app/gallery/page.tsx
+++ b/src/app/gallery/page.tsx
@@ -7,13 +7,15 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 export default function GalleryPage() {
   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>
-        <NavbarStyleApple navItems={[{name: "Home", id: "/"}, {name: "Menu", id: "/menu"}, {name: "Catering", id: "/catering"}, {name: "Reservations", id: "/reservations"}, {name: "About", id: "/about"}, {name: "Gallery", id: "/gallery"}, {name: "Contact", id: "/contact"}]} brandName="ABC Barbeque" />
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple navItems={[{name: "Home", id: "/"}, {name: "Menu", id: "/menu"}, {name: "About", id: "/about"}, {name: "Gallery", id: "/gallery"}, {name: "Contact", id: "/contact"}]} brandName="ABC Barbeque" />
+        </div>
         <div className="pt-32 pb-20 container mx-auto text-center">
           <h1 className="text-5xl font-bold">Gallery</h1>
         </div>
-        <FooterSimple columns={[]} />
+        <FooterSimple columns={[]} bottomLeftText="© 2024 ABC Barbeque" bottomRightText="All rights reserved" />
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
index f356b5e..d2653b9 100644
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -7,13 +7,15 @@ import FooterSimple from '@/components/sections/footer/FooterSimple';
 
 export default function MenuPage() {
   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>
-        <NavbarStyleApple navItems={[{name: "Home", id: "/"}, {name: "Menu", id: "/menu"}, {name: "Catering", id: "/catering"}, {name: "Reservations", id: "/reservations"}, {name: "About", id: "/about"}, {name: "Gallery", id: "/gallery"}, {name: "Contact", id: "/contact"}]} brandName="ABC Barbeque" />
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple navItems={[{name: "Home", id: "/"}, {name: "Menu", id: "/menu"}, {name: "About", id: "/about"}, {name: "Gallery", id: "/gallery"}, {name: "Contact", id: "/contact"}]} brandName="ABC Barbeque" />
+        </div>
         <div className="pt-32 pb-20 container mx-auto text-center">
           <h1 className="text-5xl font-bold">Our Menu</h1>
         </div>
-        <FooterSimple columns={[]} />
+        <FooterSimple columns={[]} bottomLeftText="© 2024 ABC Barbeque" bottomRightText="All rights reserved" />
       </ReactLenis>
     </ThemeProvider>
   );