Bob AI: Populate src/pages/AiCommandCenterPage.tsx (snippet builder, 2 sections)
This commit is contained in:
kudinDmitriyUp
@@ -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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user