diff --git a/src/app/policy/page.tsx b/src/app/policy/page.tsx
index 456f4ed..a6fa05d 100644
--- a/src/app/policy/page.tsx
+++ b/src/app/policy/page.tsx
@@ -10,31 +10,37 @@ export default function PolicyPage() {
   return (
     <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>
-        <NavbarStyleApple
-          brandName="Zenith AI Solutions"
-          navItems={[
-            { name: "Capabilities", id: "/#offer" },
-            { name: "Pricing", id: "/#pricing" },
-            { name: "FAQ", id: "/#faq" },
-            { name: "Terms", id: "/terms" },
-            { name: "Policy", id: "/policy" }
-          ]}
-        />
-        <LegalSection
-          layout="page"
-          title="Policy & Procedures"
-          sections={[
-            { heading: "Data Privacy", content: { type: "paragraph", text: "We prioritize the security of your business communications and client data." } },
-            { heading: "Compliance", content: { type: "numbered-list", items: ["Data encryption at rest.", "Regular security audits.", "Incident reporting protocols."] } }
-          ]}
-        />
-        <FooterBaseReveal
-          logoText="Zenith AI Solutions"
-          columns={[
-            { title: "Navigation", items: [{ label: "Home", href: "/" }] },
-            { title: "Legal", items: [{ label: "Terms & Conditions", href: "/terms" }, { label: "Policy & Procedures", href: "/policy" }] }
-          ]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            brandName="Zenith AI Solutions"
+            navItems={[
+              { name: "Capabilities", id: "/#offer" },
+              { name: "Pricing", id: "/#pricing" },
+              { name: "FAQ", id: "/#faq" },
+              { name: "Terms", id: "/terms" },
+              { name: "Policy", id: "/policy" }
+            ]}
+          />
+        </div>
+        <div id="legal-section" data-section="legal-section">
+          <LegalSection
+            layout="page"
+            title="Policy & Procedures"
+            sections={[
+              { heading: "Data Privacy", content: { type: "paragraph", text: "We prioritize the security of your business communications and client data." } },
+              { heading: "Compliance", content: { type: "numbered-list", items: ["Data encryption at rest.", "Regular security audits.", "Incident reporting protocols."] } }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Zenith AI Solutions"
+            columns={[
+              { title: "Navigation", items: [{ label: "Home", href: "/" }] },
+              { title: "Legal", items: [{ label: "Terms & Conditions", href: "/terms" }, { label: "Policy & Procedures", href: "/policy" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/terms/page.tsx b/src/app/terms/page.tsx
index 0cd1c97..aec7918 100644
--- a/src/app/terms/page.tsx
+++ b/src/app/terms/page.tsx
@@ -10,31 +10,37 @@ export default function TermsPage() {
   return (
     <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>
-        <NavbarStyleApple
-          brandName="Zenith AI Solutions"
-          navItems={[
-            { name: "Capabilities", id: "/#offer" },
-            { name: "Pricing", id: "/#pricing" },
-            { name: "FAQ", id: "/#faq" },
-            { name: "Terms", id: "/terms" },
-            { name: "Policy", id: "/policy" }
-          ]}
-        />
-        <LegalSection
-          layout="page"
-          title="Terms & Conditions"
-          sections={[
-            { heading: "Introduction", content: { type: "paragraph", text: "By accessing Zenith AI Solutions, you agree to be bound by these terms." } },
-            { heading: "Usage", content: { type: "list", items: ["You shall use the AI service for lawful business purposes only.", "Unauthorized access is strictly prohibited."] } }
-          ]}
-        />
-        <FooterBaseReveal
-          logoText="Zenith AI Solutions"
-          columns={[
-            { title: "Navigation", items: [{ label: "Home", href: "/" }] },
-            { title: "Legal", items: [{ label: "Terms & Conditions", href: "/terms" }, { label: "Policy & Procedures", href: "/policy" }] }
-          ]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            brandName="Zenith AI Solutions"
+            navItems={[
+              { name: "Capabilities", id: "/#offer" },
+              { name: "Pricing", id: "/#pricing" },
+              { name: "FAQ", id: "/#faq" },
+              { name: "Terms", id: "/terms" },
+              { name: "Policy", id: "/policy" }
+            ]}
+          />
+        </div>
+        <div id="legal-section" data-section="legal-section">
+          <LegalSection
+            layout="page"
+            title="Terms & Conditions"
+            sections={[
+              { heading: "Introduction", content: { type: "paragraph", text: "By accessing Zenith AI Solutions, you agree to be bound by these terms." } },
+              { heading: "Usage", content: { type: "list", items: ["You shall use the AI service for lawful business purposes only.", "Unauthorized access is strictly prohibited."] } }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Zenith AI Solutions"
+            columns={[
+              { title: "Navigation", items: [{ label: "Home", href: "/" }] },
+              { title: "Legal", items: [{ label: "Terms & Conditions", href: "/terms" }, { label: "Policy & Procedures", href: "/policy" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );