From 88b258f6f5e4df39a7b8bb08fb1a9e0ff2e6610f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 8 Mar 2026 16:38:33 +0000
Subject: [PATCH] Update src/app/contact/page.tsx

---
 src/app/contact/page.tsx | 244 ++++++++++-----------------------------
 1 file changed, 59 insertions(+), 185 deletions(-)

diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 74f1a0f..d58f68f 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -3,227 +3,108 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
-import FeatureBento from "@/components/sections/feature/FeatureBento";
+import FaqDouble from "@/components/sections/faq/FaqDouble";
 import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 import Link from "next/link";
-import {
-  Zap,
-  Mail,
-  Phone,
-  MapPin,
-  Sparkles,
-  MessageSquare,
-  Users,
-  Code,
-  Database,
-  Shield,
-  BarChart,
-  Rocket,
-  Home,
-  Settings,
-} from "lucide-react";
+import { Sparkles, HelpCircle, Rocket, Mail } from "lucide-react";
 
 export default function ContactPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="icon-arrow"
-      defaultTextAnimation="background-highlight"
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="medium"
       sizing="medium"
-      background="none"
-      cardStyle="gradient-bordered"
+      background="circleGradient"
+      cardStyle="glass-elevated"
       primaryButtonStyle="gradient"
-      secondaryButtonStyle="layered"
-      headingFontWeight="semibold"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           navItems={[
-            { name: "Platform", id: "features" },
-            { name: "Architecture", id: "about" },
+            { name: "Home", id: "/" },
+            { name: "Features", id: "features" },
             { name: "Pricing", id: "pricing" },
-            { name: "Docs", id: "https://docs.example.com" },
             { name: "Contact", id: "contact" },
           ]}
           brandName="AgentOS"
-          bottomLeftText="Multi-Agent Intelligence"
+          bottomLeftText="Enterprise AI Infrastructure"
           bottomRightText="hello@agentosxyz.com"
         />
       </div>
 
-      <div id="contact-intro" data-section="contact-intro">
+      <div id="contact-hero" data-section="contact-hero">
         <MetricSplitMediaAbout
           tag="Get in Touch"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          title="Connect with the AgentOS Team"
-          description="Whether you're interested in a demo, need technical support, have partnership inquiries, or want to join our team, we're here to help. Choose the option that best fits your needs."
+          title="We're Here to Help Your Enterprise Succeed"
+          description="Have questions about AgentOS? Our team of AI infrastructure experts is ready to guide you through implementation, answer technical questions, or discuss custom enterprise solutions."
           metrics={[
-            {
-              value: "24/7",
-              title: "Support Available",
-            },
-            {
-              value: "2hrs",
-              title: "Average Response Time",
-            },
+            { value: "24/7", title: "Support Available" },
+            { value: "50+", title: "Enterprise Customers" },
           ]}
           useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afaxor0c3SQZSw5hntbOw7buIX/illustration-showing-ai-agent-tool-integ-1772987653370-b74d5dde.png"
-          imageAlt="AgentOS Team Support"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Afaxor0c3SQZSw5hntbOw7buIX/a-cutting-edge-ai-agent-platform-dashboa-1772987655054-205a4722.png"
+          imageAlt="A cutting-edge AI agent platform dashboard interface featuring real-time monitoring of multiple auto"
           mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
         />
       </div>
 
-      <div id="contact-options" data-section="contact-options">
-        <FeatureBento
-          title="How to Reach Us"
-          description="Multiple ways to connect with our team for different needs and preferences."
-          tag="Support Channels"
-          tagIcon={MessageSquare}
+      <div id="contact-faq" data-section="contact-faq">
+        <FaqDouble
+          title="Common Questions"
+          description="Find answers to frequently asked questions about our support, onboarding, and services."
+          tag="Help Center"
+          tagIcon={HelpCircle}
           tagAnimation="slide-up"
           textboxLayout="default"
-          animationType="slide-up"
+          faqsAnimation="slide-up"
           useInvertedBackground={true}
-          features={[
+          faqs={[
             {
-              title: "Sales & Demos",
-              description:
-                "Schedule a personalized demo with our sales team to see AgentOS in action.",
-              bentoComponent: "icon-info-cards",
-              items: [
-                {
-                  icon: Zap,
-                  label: "Schedule Demo",
-                  value: "calendly.com/agentosxyz",
-                },
-                {
-                  icon: Mail,
-                  label: "Email Sales",
-                  value: "sales@agentosxyz.com",
-                },
-                {
-                  icon: Phone,
-                  label: "Call Us",
-                  value: "+1 (555) 123-4567",
-                },
-                {
-                  icon: Users,
-                  label: "Enterprise",
-                  value: "enterprise@agentosxyz.com",
-                },
-                {
-                  icon: MessageSquare,
-                  label: "Chat Support",
-                  value: "Live chat available",
-                },
-              ],
-            },
+              id: "1",              title: "What's the typical onboarding timeline?",              content:
+                "Starter plans can get up and running in 24-48 hours. Professional plans include dedicated onboarding support and typically take 3-5 business days. Enterprise plans include white-glove setup with custom timelines based on your infrastructure requirements."},
             {
-              title: "Technical Support",
-              description:
-                "Get help from our engineering team for implementation, API issues, and technical questions.",
-              bentoComponent: "timeline",
-              heading: "Support Channels",
-              subheading: "Choose Your Preferred Method",
-              items: [
-                {
-                  label: "Documentation",
-                  detail: "Comprehensive guides and API reference",
-                },
-                {
-                  label: "Community",
-                  detail: "Active Slack community with 5K+ developers",
-                },
-                {
-                  label: "Support Portal",
-                  detail: "Ticket system with dedicated engineers",
-                },
-              ],
-              completedLabel: "Available",
-            },
+              id: "2",              title: "Do you offer custom enterprise solutions?",              content:
+                "Yes, absolutely. Our Enterprise plan is fully customizable. We can deploy AgentOS on-premise, build custom integrations, create domain-specific agents, and provide dedicated infrastructure. Contact our sales team to discuss your specific requirements."},
             {
-              title: "Partnerships & Integrations",
-              description:
-                "Explore partnership opportunities and build integrations with AgentOS.",
-              bentoComponent: "orbiting-icons",
-              centerIcon: Code,
-              items: [
-                { icon: Database, ring: 1 },
-                { icon: Shield, ring: 1 },
-                { icon: BarChart, ring: 2 },
-                { icon: Users, ring: 2 },
-              ],
-            },
+              id: "3",              title: "What support channels are available?",              content:
+                "We offer email support for all plans, priority support with 1-hour response time for Professional plans, and 24/7 phone and chat support for Enterprise customers. We also provide dedicated Slack channels for Enterprise accounts."},
             {
-              title: "Careers & Join Us",
-              description:
-                "Interested in building the future of AI agents? Explore career opportunities at AgentOS.",
-              bentoComponent: "3d-stack-cards",
-              items: [
-                {
-                  icon: Code,
-                  title: "Engineering",
-                  subtitle: "Python, TypeScript, Rust",
-                  detail: "Build core agent infrastructure",
-                },
-                {
-                  icon: Users,
-                  title: "Product",
-                  subtitle: "Design & Strategy",
-                  detail: "Shape the product roadmap",
-                },
-                {
-                  icon: MessageSquare,
-                  title: "Sales & Success",
-                  subtitle: "Enterprise Growth",
-                  detail: "Help customers succeed",
-                },
-              ],
-            },
+              id: "4",              title: "Can I schedule a demo before committing?",              content:
+                "Of course! We offer free 30-minute demos for all plans. You'll get a hands-on walkthrough of the platform, see live agent execution, and discuss how AgentOS can solve your specific use cases. We can schedule at your convenience."},
             {
-              title: "Social Media",
-              description:
-                "Follow AgentOS for updates, announcements, and community news.",
-              bentoComponent: "marquee",
-              centerIcon: Zap,
-              variant: "text",
-              texts: [
-                "Twitter @agentosxyz",
-                "LinkedIn AgentOS",
-                "GitHub agentosxyz",
-                "Discord Community",
-                "YouTube Tutorials",
-              ],
-            },
+              id: "5",              title: "Is there a trial period?",              content:
+                "Yes, we offer a 14-day free trial for the Professional plan with full feature access. No credit card required. You'll get all the tools needed to build and test multi-agent systems before making a commitment."},
             {
-              title: "Office Locations",
-              description:
-                "Visit our offices in San Francisco, London, and Singapore.",
-              bentoComponent: "animated-bar-chart",
-            },
+              id: "6",              title: "What's your response time for support requests?",              content:
+                "Starter: 48-hour response. Professional: 1-hour response during business hours, 4-hour response outside business hours. Enterprise: immediate response with dedicated support channel. All Enterprise issues receive priority handling."},
+            {
+              id: "7",              title: "Do you provide migration assistance?",              content:
+                "Yes, for Enterprise customers, we offer full migration support from existing automation platforms. Our team will help audit your current setup, design a migration path, and handle the transition with minimal disruption to your operations."},
+            {
+              id: "8",              title: "Can you customize the pricing?",              content:
+                "For Enterprise accounts, pricing is completely flexible and based on your specific requirements including agent count, API request volume, support level, and infrastructure preferences. Our sales team will work with you to create a custom package."},
           ]}
         />
       </div>
 
-      <div id="contact-cta" data-section="contact-cta">
+      <div id="contact" data-section="contact">
         <ContactCTA
-          tag="Ready to Get Started?"
+          tag="Ready to Get Started"
           tagIcon={Rocket}
           tagAnimation="slide-up"
-          title="Schedule Your Demo or Start Your Free Trial"
-          description="Join hundreds of enterprises using AgentOS to automate their workflows. Our team is ready to help you build your first multi-agent system."
+          title="Let's Build Your AI-Powered Future"
+          description="Whether you need a quick demo, want to discuss enterprise solutions, or are ready to get started with AgentOS, our team is here to help. Reach out today and take the first step toward autonomous AI-powered workflows."
           buttons={[
-            {
-              text: "Schedule Demo",
-              href: "https://calendly.example.com",
-            },
-            {
-              text: "Start Free Trial",
-              href: "https://app.example.com/trial",
-            },
+            { text: "Schedule Demo", href: "https://calendly.example.com" },
+            { text: "Start Free Trial", href: "https://app.example.com/trial" },
           ]}
           buttonAnimation="slide-up"
           background={{ variant: "radial-gradient" }}
@@ -236,38 +117,31 @@ export default function ContactPage() {
           logoText="AgentOS"
           columns={[
             {
-              title: "Platform",
-              items: [
+              title: "Platform",              items: [
                 { label: "Features", href: "#features" },
-                { label: "Architecture", href: "#about" },
-                { label: "Pricing", href: "/pricing" },
+                { label: "Architecture", href: "#architecture" },
+                { label: "Pricing", href: "#pricing" },
                 { label: "Docs", href: "https://docs.example.com" },
               ],
             },
             {
-              title: "Company",
-              items: [
+              title: "Company",              items: [
                 { label: "About", href: "https://example.com/about" },
                 { label: "Blog", href: "https://blog.example.com" },
                 { label: "Careers", href: "https://careers.example.com" },
-                { label: "Contact", href: "/contact" },
+                { label: "Contact", href: "#contact" },
               ],
             },
             {
-              title: "Resources",
-              items: [
+              title: "Resources",              items: [
                 { label: "API Reference", href: "https://docs.example.com/api" },
-                {
-                  label: "Tutorials",
-                  href: "https://docs.example.com/tutorials",
-                },
+                { label: "Tutorials", href: "https://docs.example.com/tutorials" },
                 { label: "SDK", href: "https://github.com/agentosxyz" },
                 { label: "Community", href: "https://community.example.com" },
               ],
             },
             {
-              title: "Legal",
-              items: [
+              title: "Legal",              items: [
                 { label: "Privacy Policy", href: "#" },
                 { label: "Terms of Service", href: "#" },
                 { label: "Security", href: "https://security.example.com" },