From 9af97f8bfad35f07e9d115d9e2ee82473e15d320 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sat, 4 Jul 2026 20:56:08 +0000
Subject: [PATCH] Bob AI: Populate src/pages/AiCommandCenterPage.tsx (snippet
 builder, 2 sections)

---
 src/pages/AiCommandCenterPage.tsx | 135 +++++-------------------------
 1 file changed, 22 insertions(+), 113 deletions(-)

diff --git a/src/pages/AiCommandCenterPage.tsx b/src/pages/AiCommandCenterPage.tsx
index 0025d14..5af4a5c 100644
--- a/src/pages/AiCommandCenterPage.tsx
+++ b/src/pages/AiCommandCenterPage.tsx
@@ -1,118 +1,27 @@
-import { routes } from "@/routes";
-import NavbarCentered from "@/components/ui/NavbarCentered";
-import HeroBillboard from "@/components/sections/hero/HeroBillboard";
-import FeaturesMediaCards from "@/components/sections/features/FeaturesMediaCards";
+import FeaturesIconCards from "@/components/sections/features/FeaturesIconCards";
 import FeaturesAlternatingSplit from "@/components/sections/features/FeaturesAlternatingSplit";
-import ContactCta from "@/components/sections/contact/ContactCta";
-import FooterSimple from "@/components/sections/footer/FooterSimple";
 
 export default function AiCommandCenterPage() {
   return (
-    <div className="min-h-screen bg-background text-foreground flex flex-col">
-      <NavbarCentered
-        logo="Webild"
-        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
-        ctaButton={{ text: "Get Started", href: "/contact" }}
-      />
-      
-      <main className="flex-grow">
-        <HeroBillboard
-          tag="Command Center"
-          title="Your Entire Agency, Powered by AI"
-          description="Manage your AI workforce and agency tools from one centralized dashboard. Deploy specialized AI agents and build powerful assets in minutes."
-          primaryButton={{ text: "Deploy Agents", href: "#agents" }}
-          secondaryButton={{ text: "Explore Studio", href: "#studio" }}
-          imageSrc="https://images.unsplash.com/photo-1551288049-bebda4e38f71?q=80&w=2070&auto=format&fit=crop"
-          textAnimation="fade-blur"
-        />
-
-        <FeaturesMediaCards
-          tag="AI Workforce"
-          title="Meet Your Executive AI Team"
-          description="Specialized AI agents designed to handle every aspect of your agency's operations, from high-level strategy to daily execution."
-          textAnimation="fade-blur"
-          items={[
-            {
-              title: "CEO AI",
-              description: "Drives high-level strategy, analyzes market trends, and oversees the performance of all other AI agents.",
-              imageSrc: "https://images.unsplash.com/photo-1573164713988-8665fc963095?q=80&w=800&auto=format&fit=crop"
-            },
-            {
-              title: "Sales AI",
-              description: "Engages prospects, handles objections, and closes deals autonomously 24/7.",
-              imageSrc: "https://images.unsplash.com/photo-1556761175-5973dc0f32d7?q=80&w=800&auto=format&fit=crop"
-            },
-            {
-              title: "Lead Hunter AI",
-              description: "Scours the web to identify and qualify high-value prospects matching your ideal customer profile.",
-              imageSrc: "https://images.unsplash.com/photo-1460925895917-afdab827c52f?q=80&w=800&auto=format&fit=crop"
-            },
-            {
-              title: "Marketing AI",
-              description: "Generates campaigns, writes copy, and optimizes ad spend across all your active channels.",
-              imageSrc: "https://images.unsplash.com/photo-1533750516457-a7f992034fec?q=80&w=800&auto=format&fit=crop"
-            },
-            {
-              title: "Operations AI",
-              description: "Streamlines workflows, manages project timelines, and ensures seamless delivery of services.",
-              imageSrc: "https://images.unsplash.com/photo-1518770660439-4636190af475?q=80&w=800&auto=format&fit=crop"
-            },
-            {
-              title: "Payroll AI",
-              description: "Automates invoicing, tracks expenses, and manages financial reporting with zero errors.",
-              imageSrc: "https://images.unsplash.com/photo-1554224155-8d04cb21cd6c?q=80&w=800&auto=format&fit=crop"
-            }
-          ]}
-        />
-
-        <FeaturesAlternatingSplit
-          tag="Agency Studio"
-          title="Build and Manage with Ease"
-          description="Everything you need to run your agency, integrated directly into your Command Center."
-          textAnimation="fade-blur"
-          items={[
-            {
-              title: "Website Builder",
-              description: "Create stunning, high-converting websites in minutes using our drag-and-drop interface and AI-generated layouts.",
-              imageSrc: "https://images.unsplash.com/photo-1498050108023-c5249f4df085?q=80&w=1000&auto=format&fit=crop",
-              primaryButton: { text: "Launch Builder", href: "#" }
-            },
-            {
-              title: "AI Chatbot Builder",
-              description: "Train custom chatbots on your own data to handle customer support, lead generation, and onboarding.",
-              imageSrc: "https://images.unsplash.com/photo-1531746790731-6c087fecd65a?q=80&w=1000&auto=format&fit=crop",
-              primaryButton: { text: "Create Bot", href: "#" }
-            },
-            {
-              title: "Hosting Manager",
-              description: "Deploy and manage all your client sites from a single dashboard with automated backups and SSL.",
-              imageSrc: "https://images.unsplash.com/photo-1558494949-ef010cbdcc31?q=80&w=1000&auto=format&fit=crop",
-              primaryButton: { text: "Manage Hosting", href: "#" }
-            }
-          ]}
-        />
-
-        <ContactCta
-          tag="Get Started"
-          text="Ready to automate your entire agency?"
-          primaryButton={{ text: "Start Free Trial", href: "/signup" }}
-          secondaryButton={{ text: "Book a Demo", href: "/demo" }}
-          textAnimation="fade-blur"
-        />
-      </main>
-
-      <FooterSimple
-        brand="Webild"
-        copyright="© 2024 Webild. All rights reserved."
-        columns={[
-          { title: "Product", items: [{ label: "Command Center", href: "#" }, { label: "Studio", href: "#" }] },
-          { title: "Company", items: [{ label: "About", href: "#" }, { label: "Contact", href: "#" }] }
-        ]}
-        links={[
-          { label: "Privacy Policy", href: "#" },
-          { label: "Terms of Service", href: "#" }
-        ]}
-      />
-    </div>
+    <>
+      <div data-webild-section="FeaturesIconCards"><FeaturesIconCards
+        tag="AI Command Center"
+        title="Your Autonomous Workforce"
+        description="Deploy specialized AI agents to manage every aspect of your agency. From high-level strategy to daily operations, Atlas handles it all."
+        primaryButton={{"text":"Deploy Agents","href":"/deploy"}}
+        secondaryButton={{"text":"View Capabilities","href":"#capabilities"}}
+        features={[{"icon":"BrainCircuit","title":"CEO AI","description":"High-level strategic planning, resource allocation, and performance monitoring."},{"icon":"TrendingUp","title":"Sales AI","description":"Automated outreach, deal closing, and pipeline management."},{"icon":"DollarSign","title":"Payroll AI","description":"Seamless compensation tracking, invoice generation, and financial reporting."},{"icon":"Target","title":"Lead Hunter AI","description":"Autonomous prospecting, data scraping, and lead qualification."},{"icon":"Megaphone","title":"Marketing AI","description":"Campaign creation, content generation, and multi-channel distribution."},{"icon":"Settings","title":"Operations AI","description":"Workflow automation, system maintenance, and daily task execution."}]}
+        textAnimation="fade-blur"
+      /></div>
+      <div data-webild-section="FeaturesAlternatingSplit"><FeaturesAlternatingSplit
+        tag="AI Command Center"
+        title="Your Autonomous Agency Workforce"
+        description="Deploy specialized AI agents to manage every aspect of your business, from high-level strategy to daily operations."
+        primaryButton={{"text":"Deploy Agents","href":"/deploy"}}
+        secondaryButton={{"text":"View Architecture","href":"#architecture"}}
+        items={[{"title":"CEO AI: Strategic Oversight","description":"Monitor agency health, analyze performance metrics, and make data-driven decisions autonomously.","imageSrc":"https://img.freepik.com/premium-photo/artificial-intelligence-technology-ai-tech-hologram-brain-concept-business-analysis-analytics_117023-1834.jpg","primaryButton":{"text":"View Dashboard","href":"/ceo-ai"}},{"title":"Sales & Lead Hunter AI","description":"Automatically prospect, qualify leads, and close deals 24/7 without human intervention.","imageSrc":"https://img.freepik.com/premium-photo/global-business-network-connection-data-exchange-customer-connection_117023-1835.jpg","primaryButton":{"text":"Configure Sales","href":"/sales-ai"}},{"title":"Marketing & Operations AI","description":"Execute multi-channel campaigns and streamline daily workflows with intelligent automation.","imageSrc":"https://img.freepik.com/premium-photo/automation-software-technology-process-system-business-concept_117023-1836.jpg","primaryButton":{"text":"Manage Workflows","href":"/operations-ai"}},{"title":"Payroll AI: Financial Control","description":"Manage contractor payouts, track expenses, and ensure compliance with zero manual data entry.","imageSrc":"https://img.freepik.com/premium-photo/financial-technology-fintech-cryptocurrency-investment-concept_117023-1837.jpg","primaryButton":{"text":"Review Payroll","href":"/payroll-ai"}},{"title":"Agency Studio Management","description":"Build websites, deploy AI chatbots, and manage hosting infrastructure from one centralized hub.","imageSrc":"https://img.freepik.com/premium-photo/web-design-development-programming-coding-concept_117023-1838.jpg","primaryButton":{"text":"Open Studio","href":"/agency-studio"}}]}
+        textAnimation="slide-up"
+      /></div>
+    </>
   );
-}
\ No newline at end of file
+}