diff --git a/src/app/terms/page.tsx b/src/app/terms/page.tsx
index aec7918..0cd1c97 100644
--- a/src/app/terms/page.tsx
+++ b/src/app/terms/page.tsx
@@ -10,37 +10,31 @@ 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>
-        <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>
+        <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" }] }
+          ]}
+        />
       </ReactLenis>
     </ThemeProvider>
   );