diff --git a/src/app/page.tsx b/src/app/page.tsx
index af66638..6deba39 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,8 +31,9 @@ export default function ZenithAiPage() {
             { name: "Capabilities", id: "offer" },
             { name: "Pricing", id: "pricing" },
             { name: "Our Vision", id: "founder" },
-            { name: "How It Works", id: "works" },
-            { name: "FAQ", id: "faq" }
+            { name: "FAQ", id: "faq" },
+            { name: "Terms", id: "/terms" },
+            { name: "Policy", id: "/policy" }
           ]}
         />
         <div id="hero">
@@ -72,9 +73,9 @@ export default function ZenithAiPage() {
             useInvertedBackground={false}
             plans={[
               {
-                id: "ultimate",                title: "Zenith Business Suite",                price: "$1500 setup + $750",                period: "/mo",                button: { text: "Deploy AI Agent" },
+                id: "ultimate", title: "Zenith Business Suite", price: "$1500 setup + $750", period: "/mo", button: { text: "Deploy AI Agent" },
                 features: [
-                  "Dedicated AI Voice Agent deployment",                  "Automated SMS and text lead capture",                  "Real-time calendar synchronization",                  "Full-scale booking management dashboard",                  "Automated proactive calendar audit reports"
+                  "Dedicated AI Voice Agent deployment", "Automated SMS and text lead capture", "Real-time calendar synchronization", "Full-scale booking management dashboard", "Automated proactive calendar audit reports"
                 ]
               }
             ]}
@@ -89,20 +90,6 @@ export default function ZenithAiPage() {
             useInvertedBackground={false}
           />
         </div>
-        <div id="works">
-          <FeatureCardMedia
-            title="Seamless Implementation"
-            animationType="none"
-            description="Transform your operations in three straightforward steps. Our onboarding process ensures your AI agent is optimized and ready to represent your brand professionally."
-            textboxLayout="default"
-            useInvertedBackground={false}
-            features={[
-              { id: "s1", title: "1. Infrastructure Connection", description: "Link your existing business communication channels and professional calendars into our secure, unified AI ecosystem.", tag: "Connect" },
-              { id: "s2", title: "2. Persona Personalization", description: "Configure the AI agent with your specific business parameters, tone, and logical rules for responding to complex client needs.", tag: "Customize" },
-              { id: "s3", title: "3. Automated Execution", description: "Go live with a system that manages, captures, and converts leads while you focus on high-value business strategy.", tag: "Deploy" }
-            ]}
-          />
-        </div>
         <div id="faq">
           <FaqSplitMedia
             title="Intelligence at Scale: Frequently Asked Questions"
@@ -123,7 +110,7 @@ export default function ZenithAiPage() {
           logoText="Zenith AI Solutions"
           columns={[
             { title: "Capability", items: [{ label: "AI Features", href: "#offer" }, { label: "Deployment Plans", href: "#pricing" }] },
-            { title: "Corporate", items: [{ label: "Our Founder's Vision", href: "#founder" }, { label: "Help & Support", href: "#faq" }] },
+            { title: "Legal", items: [{ label: "Terms & Conditions", href: "/terms" }, { label: "Policy & Procedures", href: "/policy" }] },
             { title: "Direct Contact", items: [{ label: "hello@zenith.ai", href: "mailto:hello@zenith.ai" }] }
           ]}
           copyrightText="© 2024 Zenith AI Solutions. All rights reserved."
@@ -131,4 +118,4 @@ export default function ZenithAiPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/policy/page.tsx b/src/app/policy/page.tsx
new file mode 100644
index 0000000..4ede57d
--- /dev/null
+++ b/src/app/policy/page.tsx
@@ -0,0 +1,41 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import LegalSection from "@/components/legal/LegalSection";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+
+export default function PolicyPage() {
+  return (
+    <ThemeProvider>
+      <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" }] }
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file
diff --git a/src/app/terms/page.tsx b/src/app/terms/page.tsx
new file mode 100644
index 0000000..fc8a9e8
--- /dev/null
+++ b/src/app/terms/page.tsx
@@ -0,0 +1,41 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import LegalSection from "@/components/legal/LegalSection";
+import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
+
+export default function TermsPage() {
+  return (
+    <ThemeProvider>
+      <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" }] }
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file