diff --git a/src/app/practice/page.tsx b/src/app/practice/page.tsx
index ce67091..8172ac1 100644
--- a/src/app/practice/page.tsx
+++ b/src/app/practice/page.tsx
@@ -6,16 +6,20 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 
 export default function PracticePage() {
   return (
-    <ThemeProvider>
-      <NavbarStyleApple
-        navItems={[{name: "Subjects", id: "/subjects"}, {name: "Units", id: "/units"}, {name: "Practice", id: "/practice"}, {name: "Progress", id: "/progress"}]}
-        brandName="ExamGenius"
-      />
+    <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">
+        <NavbarStyleApple
+          navItems={[{name: "Subjects", id: "/subjects"}, {name: "Units", id: "/units"}, {name: "Practice", id: "/practice"}, {name: "Progress", id: "/progress"}]}
+          brandName="ExamGenius"
+        />
+      </div>
       <div className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
         <h1 className="text-4xl font-bold mb-8">Practice Session</h1>
         <p className="text-lg mb-12">Test your knowledge with AI-generated questions.</p>
       </div>
-      <FooterCard logoText="ExamGenius" />
+      <div id="footer" data-section="footer">
+        <FooterCard logoText="ExamGenius" />
+      </div>
     </ThemeProvider>
   );
 }
\ No newline at end of file
diff --git a/src/app/progress/page.tsx b/src/app/progress/page.tsx
index d096d60..a276ea4 100644
--- a/src/app/progress/page.tsx
+++ b/src/app/progress/page.tsx
@@ -6,16 +6,20 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 
 export default function ProgressPage() {
   return (
-    <ThemeProvider>
-      <NavbarStyleApple
-        navItems={[{name: "Subjects", id: "/subjects"}, {name: "Units", id: "/units"}, {name: "Practice", id: "/practice"}, {name: "Progress", id: "/progress"}]}
-        brandName="ExamGenius"
-      />
+    <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">
+        <NavbarStyleApple
+          navItems={[{name: "Subjects", id: "/subjects"}, {name: "Units", id: "/units"}, {name: "Practice", id: "/practice"}, {name: "Progress", id: "/progress"}]}
+          brandName="ExamGenius"
+        />
+      </div>
       <div className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
         <h1 className="text-4xl font-bold mb-8">Your Progress</h1>
         <p className="text-lg mb-12">Track your performance and mastery across all units.</p>
       </div>
-      <FooterCard logoText="ExamGenius" />
+      <div id="footer" data-section="footer">
+        <FooterCard logoText="ExamGenius" />
+      </div>
     </ThemeProvider>
   );
 }
\ No newline at end of file
diff --git a/src/app/subjects/page.tsx b/src/app/subjects/page.tsx
index 9d209f2..a0c57c0 100644
--- a/src/app/subjects/page.tsx
+++ b/src/app/subjects/page.tsx
@@ -2,21 +2,24 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterCard from '@/components/sections/footer/FooterCard';
 
 export default function SubjectsPage() {
   return (
-    <ThemeProvider>
-      <NavbarStyleApple
-        navItems={[{name: "Subjects", id: "/subjects"}, {name: "Units", id: "/units"}, {name: "Practice", id: "/practice"}, {name: "Progress", id: "/progress"}]}
-        brandName="ExamGenius"
-      />
+    <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">
+        <NavbarStyleApple
+          navItems={[{name: "Subjects", id: "/subjects"}, {name: "Units", id: "/units"}, {name: "Practice", id: "/practice"}, {name: "Progress", id: "/progress"}]}
+          brandName="ExamGenius"
+        />
+      </div>
       <div className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
         <h1 className="text-4xl font-bold mb-8">Select Your Subject</h1>
         <p className="text-lg mb-12">Choose the subject you want to prepare for.</p>
       </div>
-      <FooterCard logoText="ExamGenius" />
+      <div id="footer" data-section="footer">
+        <FooterCard logoText="ExamGenius" />
+      </div>
     </ThemeProvider>
   );
 }
\ No newline at end of file
diff --git a/src/app/units/page.tsx b/src/app/units/page.tsx
index fe36bc3..514beaf 100644
--- a/src/app/units/page.tsx
+++ b/src/app/units/page.tsx
@@ -6,16 +6,20 @@ import FooterCard from '@/components/sections/footer/FooterCard';
 
 export default function UnitsPage() {
   return (
-    <ThemeProvider>
-      <NavbarStyleApple
-        navItems={[{name: "Subjects", id: "/subjects"}, {name: "Units", id: "/units"}, {name: "Practice", id: "/practice"}, {name: "Progress", id: "/progress"}]}
-        brandName="ExamGenius"
-      />
+    <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">
+        <NavbarStyleApple
+          navItems={[{name: "Subjects", id: "/subjects"}, {name: "Units", id: "/units"}, {name: "Practice", id: "/practice"}, {name: "Progress", id: "/progress"}]}
+          brandName="ExamGenius"
+        />
+      </div>
       <div className="pt-32 pb-20 px-6 max-w-4xl mx-auto">
         <h1 className="text-4xl font-bold mb-8">Course Units</h1>
         <p className="text-lg mb-12">Review available units for your selected subject.</p>
       </div>
-      <FooterCard logoText="ExamGenius" />
+      <div id="footer" data-section="footer">
+        <FooterCard logoText="ExamGenius" />
+      </div>
     </ThemeProvider>
   );
 }
\ No newline at end of file