Switch to version 5: modified src/app/terms/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -32,7 +32,9 @@ export default function ZenithAiPage() {
             { 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">
@@ -123,7 +125,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: "Corporate", items: [{ label: "Our Founder's Vision", href: "#founder" }, { label: "Help & Support", href: "#faq" }, { label: "Terms", href: "/terms" }, { label: "Policy", 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 +133,4 @@ export default function ZenithAiPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/policy/page.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import LegalSection from "@/components/legal/LegalSection";
+
+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">
+      <NavbarStyleApple
+        navItems={[
+            { name: "Capabilities", id: "offer" },
+            { name: "Pricing", id: "pricing" },
+            { name: "Our Vision", id: "founder" },
+            { name: "How It Works", id: "works" },
+            { name: "FAQ", id: "faq" },
+            { name: "Terms", id: "terms" },
+            { name: "Policy", id: "policy" }
+        ]}
+      />
+      <LegalSection
+        layout="page"
+        title="Policy and Procedures"
+        sections={[
+          { heading: "Privacy Policy", content: { type: "paragraph", text: "We protect your data with enterprise-grade encryption. Your personal information is never shared with third-party marketers without consent." } },
+          { heading: "Account Procedures", content: { type: "numbered-list", items: ["Account registration requires a professional email.", "Service termination notice period is 30 days.", "Refunds are issued according to our 14-day trial policy."] } }
+        ]}
+      />
+    </ThemeProvider>
+  );
+}

src/app/terms/page.tsx

@@ -0,0 +1,31 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
+import LegalSection from "@/components/legal/LegalSection";
+
+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">
+      <NavbarStyleApple
+        navItems={[
+            { name: "Capabilities", id: "offer" },
+            { name: "Pricing", id: "pricing" },
+            { name: "Our Vision", id: "founder" },
+            { name: "How It Works", id: "works" },
+            { name: "FAQ", id: "faq" },
+            { name: "Terms", id: "terms" },
+            { name: "Policy", id: "policy" }
+        ]}
+      />
+      <LegalSection
+        layout="page"
+        title="Terms and Conditions"
+        sections={[
+          { heading: "Acceptance of Terms", content: { type: "paragraph", text: "By accessing Zenith AI Solutions, you agree to these terms. If you do not agree, please discontinue use." } },
+          { heading: "Usage Guidelines", content: { type: "list", items: ["Service is for professional business use.", "Do not attempt to reverse engineer our AI.", "Maintain account confidentiality."] } }
+        ]}
+      />
+    </ThemeProvider>
+  );
+}