Update src/app/terms/page.tsx

Merge version_5 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
 import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
-import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
+import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
 import SplitAbout from "@/components/sections/about/SplitAbout";
 import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
@@ -28,100 +28,90 @@ export default function ZenithAiPage() {
         <NavbarStyleApple
           brandName="Zenith AI Solutions"
           navItems={[
-            { name: "Offer", id: "offer" },
+            { name: "Capabilities", id: "offer" },
             { name: "Pricing", id: "pricing" },
-            { name: "Founder", id: "founder" },
-            { name: "Works", id: "works" },
-            { name: "FAQ", id: "faq" }
+            { name: "Our Vision", id: "founder" },
+            { name: "FAQ", id: "faq" },
+            { name: "Terms", id: "/terms" },
+            { name: "Policy", id: "/policy" }
           ]}
         />
         <div id="hero">
           <HeroSplitKpi
-            title="Your Business. Always Available."
-            description="AI receptionists that answer calls, book appointments, and send texts — automatically."
+            title="Revolutionizing Business with Intelligent AI Receptionists"
+            description="Zenith AI Solutions provides cutting-edge autonomous receptionists that handle incoming calls, manage client appointments, and orchestrate SMS communications with 100% precision. Never lose a lead again—keep your business operating 24/7 with seamless, human-like AI interaction."
             background={{ variant: "plain" }}
             buttons={[{ text: "Book a Free Demo" }]}
             kpis={[
-              { value: "24/7", label: "Availability" },
-              { value: "100%", label: "Accuracy" },
-              { value: "0", label: "Missed Leads" }
+              { value: "24/7", label: "Uninterrupted Availability" },
+              { value: "100%", label: "Inquiry Resolution" },
+              { value: "0", label: "Missed Opportunities" }
             ]}
             enableKpiAnimation={false}
           />
         </div>
         <div id="offer">
           <FeatureCardMedia
-            title="What We Offer"
+            title="Core Capabilities"
             animationType="none"
-            description="Top-tier AI solutions to streamline operations."
+            description="Our sophisticated AI suite is designed to integrate deeply with your existing business workflows, ensuring every customer interaction is professional, timely, and data-driven."
             textboxLayout="default"
             useInvertedBackground={false}
             features={[
-              { id: "voice", title: "Voice AI Receptionist", description: "Natural, human-like voice AI to answer every customer call.", tag: "Core" },
-              { id: "sms", title: "SMS Automation", description: "Instantly respond to inquiries and convert leads via text.", tag: "Efficient" },
-              { id: "cal", title: "Calendar Booking", description: "Automated appointment scheduling that syncs with your workflow.", tag: "Seamless" }
+              { id: "voice", title: "Autonomous Voice AI Receptionist", description: "Advanced natural language processing that delivers a human-like voice experience, capable of resolving customer queries and providing detailed information instantly.", tag: "AI Voice" },
+              { id: "sms", title: "Dynamic SMS Automation", description: "Intelligent text messaging systems that convert prospects into clients by responding to inquiries and delivering follow-up information in real-time.", tag: "Conversational" },
+              { id: "cal", title: "Automated Appointment Scheduling", description: "A robust, AI-powered booking engine that manages your calendar and synchronizes availability across multiple platforms effortlessly.", tag: "Operational" }
             ]}
           />
         </div>
         <div id="pricing">
-          <PricingCardFive
-            title="Pricing"
+          <PricingCardNine
+            title="Simplified Scaling"
             animationType="none"
-            description="Choose the plan that suits your business scale."
+            description="An all-inclusive, predictable pricing structure engineered to help you scale your business without the overhead of manual operations."
             textboxLayout="default"
             useInvertedBackground={false}
             plans={[
-              { id: "casual", tag: "Basic", price: "$199", period: "/mo", description: "Perfect for small local businesses.", button: { text: "Select Plan" }, featuresTitle: "Features", features: ["Voice AI", "SMS Replies"] },
-              { id: "premium", tag: "Most Popular", price: "$399", period: "/mo", description: "Growth-focused tools for scaling.", button: { text: "Select Plan" }, featuresTitle: "Everything in Casual +", features: ["Calendar Booking", "Custom Scripts"] },
-              { id: "vip", tag: "VIP", price: "$799", period: "/mo", description: "Comprehensive automation for enterprise.", button: { text: "Select Plan" }, featuresTitle: "Everything in Premium +", features: ["Priority Support", "Dedicated AI"] }
+              {
+                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"
+                ]
+              }
             ]}
           />
         </div>
         <div id="founder">
           <SplitAbout
-            title="Meet the Founder"
-            description="Kai's journey began with a frustration for missed calls at local shops, sparking the innovation behind Zenith AI."
+            title="The Vision Behind Zenith AI"
+            description="Zenith AI Solutions was born from a singular mission: to eliminate the operational friction that costs growing businesses thousands in lost potential. Kai established Zenith to ensure that no entrepreneur ever loses a critical customer opportunity simply because they were unavailable to answer a call. We build the intelligence that keeps you accessible, always."
             bulletPoints={[]}
             textboxLayout="default"
             useInvertedBackground={false}
           />
         </div>
-        <div id="works">
-          <FeatureCardMedia
-            title="How It Works"
-            animationType="none"
-            description="A simple three-step process to get started."
-            textboxLayout="default"
-            useInvertedBackground={false}
-            features={[
-              { id: "s1", title: "1. Connect", description: "Connect your business number and calendar in minutes.", tag: "Step 1" },
-              { id: "s2", title: "2. Customize", description: "Configure your AI personality and response logic.", tag: "Step 2" },
-              { id: "s3", title: "3. Automate", description: "Start capturing every lead without lifting a finger.", tag: "Step 3" }
-            ]}
-          />
-        </div>
         <div id="faq">
           <FaqSplitMedia
-            title="Frequently Asked Questions"
+            title="Intelligence at Scale: Frequently Asked Questions"
             faqsAnimation="none"
-            description="Quick answers to common questions."
+            description="Find detailed insights into how our AI receptionists function and how they enhance your specific business operations."
             textboxLayout="default"
             useInvertedBackground={false}
             faqs={[
-              { id: "q1", title: "Is the setup difficult?", content: "Setup takes less than 15 minutes with our wizard." },
-              { id: "q2", title: "Can it handle complex questions?", content: "Yes, our AI is trained on your specific business data." },
-              { id: "q3", title: "Does it support multi-language?", content: "We support over 20 global languages natively." },
-              { id: "q4", title: "How is data kept secure?", content: "All data is encrypted using industry-standard protocols." },
-              { id: "q5", title: "Can I try it before paying?", content: "We offer a 14-day free trial on all plans." }
+              { id: "q1", title: "Is the deployment and setup process complex?", content: "Our onboarding is highly intuitive. With our guided setup wizard, most businesses are fully integrated within 15 minutes." },
+              { id: "q2", title: "Can the AI manage highly specific or complex business queries?", content: "Yes. Our AI learns from your business data and documentation, allowing it to provide accurate, context-aware answers to complex customer questions." },
+              { id: "q3", title: "What level of linguistic support do you provide?", content: "Zenith AI natively supports over 20 languages, ensuring your professional presence remains consistent across diverse demographics." },
+              { id: "q4", title: "How is sensitive client data maintained?", content: "Security is our core competency. We utilize robust, enterprise-grade encryption for all interactions and data storage compliance." },
+              { id: "q5", title: "Do you provide trial opportunities for evaluation?", content: "We invite businesses to experience the power of Zenith AI firsthand with a comprehensive 14-day free trial on all service plans." }
             ]}
           />
         </div>
         <FooterBaseReveal
           logoText="Zenith AI Solutions"
           columns={[
-            { title: "Product", items: [{ label: "Features", href: "#offer" }, { label: "Pricing", href: "#pricing" }] },
-            { title: "Company", items: [{ label: "About Founder", href: "#founder" }, { label: "Support", href: "#faq" }] },
-            { title: "Contact", items: [{ label: "hello@zenith.ai", href: "mailto:hello@zenith.ai" }] }
+            { 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" }] }
           ]}
           copyrightText="© 2024 Zenith AI Solutions. All rights reserved."
         />

src/app/policy/page.tsx

@@ -0,0 +1,42 @@
+"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>
+    </ThemeProvider>
+  );
+}

src/app/terms/page.tsx

@@ -0,0 +1,42 @@
+"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>
+    </ThemeProvider>
+  );
+}