From f1ef5e8f857e062209969aeb7f62753ba89944c6 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sat, 4 Jul 2026 20:55:28 +0000
Subject: [PATCH 1/2] Bob AI: Add ai-command-center page

---
 src/App.tsx                       |   2 +
 src/components/Layout.tsx         |   2 +
 src/pages/AiCommandCenterPage.tsx | 118 ++++++++++++++++++++++++++++++
 src/routes.ts                     |   1 +
 4 files changed, 123 insertions(+)
 create mode 100644 src/pages/AiCommandCenterPage.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 21c0cfa..97c505c 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -3,12 +3,14 @@ import Layout from './components/Layout';
 import HomePage from './pages/HomePage';
 
 import DashboardPage from "@/pages/DashboardPage";
+import AiCommandCenterPage from "@/pages/AiCommandCenterPage";
 export default function App() {
   return (
     <Routes>
       <Route element={<Layout />}>
         <Route path="/" element={<HomePage />} />
         <Route path="/dashboard" element={<DashboardPage />} />
+        <Route path="/ai-command-center" element={<AiCommandCenterPage />} />
       </Route>
     </Routes>
   );
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index 4994796..c0aba9f 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -29,6 +29,8 @@ export default function Layout() {
     "name": "Metrics",    "href": "#metrics"
   },
   { name: "Dashboard", href: "/dashboard" },
+  { name: "Ai Command Center", href: "/ai-command-center" },
+
 
 ];
 
diff --git a/src/pages/AiCommandCenterPage.tsx b/src/pages/AiCommandCenterPage.tsx
new file mode 100644
index 0000000..0025d14
--- /dev/null
+++ b/src/pages/AiCommandCenterPage.tsx
@@ -0,0 +1,118 @@
+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 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>
+  );
+}
\ No newline at end of file
diff --git a/src/routes.ts b/src/routes.ts
index 6f95978..4553036 100644
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -7,4 +7,5 @@ export interface Route {
 export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
   { path: '/dashboard', label: 'Dashboard', pageFile: 'DashboardPage' },
+  { path: '/ai-command-center', label: 'Ai Command Center', pageFile: 'AiCommandCenterPage' },
 ];
-- 
2.49.1


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 2/2] 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
+}
-- 
2.49.1