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

Merge version_5 into main

src/app/page.tsx

@@ -31,9 +31,10 @@ 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: "Terms", id: "/terms" },
-            { name: "Policy", id: "/policy" }
+            { name: "Terms", id: "terms" },
+            { name: "Policy", id: "policy" }
           ]}
         />
         <div id="hero">
@@ -73,9 +74,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"
                 ]
               }
             ]}
@@ -90,6 +91,20 @@ 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"
@@ -110,12 +125,12 @@ export default function ZenithAiPage() {
           logoText="Zenith AI Solutions"
           columns={[
             { title: "Capability", items: [{ label: "AI Features", href: "#offer" }, { label: "Deployment Plans", href: "#pricing" }] },
-            { title: "Legal", items: [{ label: "Terms & Conditions", href: "/terms" }, { label: "Policy & Procedures", href: "/policy" }] },
-            { title: "Direct Contact", items: [{ label: "kaianiel25@iCloud.com", href: "mailto:kaianiel25@iCloud.com" }] }
+            { 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."
         />
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/policy/page.tsx

@@ -1,42 +1,31 @@
 "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 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" }] },
-            { title: "Direct Contact", items: [{ label: "kaianiel25@iCloud.com", href: "mailto:kaianiel25@iCloud.com" }] }
-          ]}
-        />
-      </ReactLenis>
+      <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

@@ -1,42 +1,31 @@
 "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 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" }] },
-            { title: "Direct Contact", items: [{ label: "kaianiel25@iCloud.com", href: "mailto:kaianiel25@iCloud.com" }] }
-          ]}
-        />
-      </ReactLenis>
+      <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>
   );
 }