Bob AI: Add dashboard page
This commit is contained in:
kudinDmitriyUp
@@ -1,46 +1,71 @@
|
||||
import { routes } from "@/routes";
|
||||
import NavbarCentered from "@/components/ui/NavbarCentered";
|
||||
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
|
||||
import Button from "@/components/ui/Button";
|
||||
import TextAnimation from "@/components/ui/TextAnimation";
|
||||
import GridOrCarousel from "@/components/ui/GridOrCarousel";
|
||||
import ScrollReveal from "@/components/ui/ScrollReveal";
|
||||
import MetricsIconCards from "@/components/sections/metrics/MetricsIconCards";
|
||||
import FeaturesBento from "@/components/sections/features/FeaturesBento";
|
||||
import FeaturesMediaGrid from "@/components/sections/features/FeaturesMediaGrid";
|
||||
import ContactCta from "@/components/sections/contact/ContactCta";
|
||||
|
||||
export default function DashboardPage() {
|
||||
return (
|
||||
<>
|
||||
<div data-webild-section="HeroSplitKpi"><HeroSplitKpi
|
||||
tag="Owner Dashboard"
|
||||
title="Command Center Overview"
|
||||
description="Monitor real-time performance across all teams. Track revenue, analyze AI lead conversions, and manage your entire operational footprint from one unified interface."
|
||||
primaryButton={{"text":"View Reports","href":"/reports"}}
|
||||
secondaryButton={{"text":"Manage Roles","href":"/settings/roles"}}
|
||||
kpis={[{"value":"$1.2M","label":"Monthly Revenue"},{"value":"4,250","label":"Active Leads"},{"value":"8.4%","label":"AI Conversion Rate"}]}
|
||||
imageSrc="https://img.freepik.com/free-photo/business-people-analyzing-statistics-financial-data-working-with-graphs-charts-screen-office_482257-88487.jpg"
|
||||
textAnimation="fade-blur"
|
||||
/></div>
|
||||
<div data-webild-section="MetricsSimpleCards"><section aria-label="Metrics section" className="py-20"><div className="flex flex-col gap-8 md:gap-10"><div className="flex flex-col items-center gap-2 w-content-width mx-auto"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>System Overview</p></div><TextAnimation text="Performance at a Glance" variant="fade-blur" gradientText={true} tag="h2" className="md:max-w-8/10 text-6xl 2xl:text-7xl leading-[1.15] font-semibold text-center text-balance" /><TextAnimation text="Real-time insights across all teams, revenue streams, and AI lead generation." variant="fade-blur" gradientText={false} tag="p" className="md:max-w-7/10 text-lg md:text-xl leading-snug text-center text-balance" /><div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3"><Button text="View Full Report" href="/reports" variant="primary" /><Button text="Manage Teams" href="/teams" variant="secondary" animationDelay={0.1} /></div></div><ScrollReveal variant="slide-up"><GridOrCarousel><div key="$450k" className="flex flex-col justify-between gap-6 p-6 md:p-10 min-h-60 md:min-h-70 2xl:min-h-80 h-full card rounded"><span className="text-9xl md:text-8xl font-semibold leading-none truncate">$450k</span><p className="text-base leading-snug text-balance">Net Profit (Monthly)</p></div>
|
||||
<div key="4,250" className="flex flex-col justify-between gap-6 p-6 md:p-10 min-h-60 md:min-h-70 2xl:min-h-80 h-full card rounded"><span className="text-9xl md:text-8xl font-semibold leading-none truncate">4,250</span><p className="text-base leading-snug text-balance">AI Leads Generated</p></div>
|
||||
<div key="342" className="flex flex-col justify-between gap-6 p-6 md:p-10 min-h-60 md:min-h-70 2xl:min-h-80 h-full card rounded"><span className="text-9xl md:text-8xl font-semibold leading-none truncate">342</span><p className="text-base leading-snug text-balance">Meetings Booked</p></div>
|
||||
<div key="$12.5k" className="flex flex-col justify-between gap-6 p-6 md:p-10 min-h-60 md:min-h-70 2xl:min-h-80 h-full card rounded"><span className="text-9xl md:text-8xl font-semibold leading-none truncate">$12.5k</span><p className="text-base leading-snug text-balance">Avg Employee Earnings</p></div></GridOrCarousel></ScrollReveal></div></section></div>
|
||||
<div data-webild-section="MetricsIconCards"><MetricsIconCards
|
||||
tag="Performance Overview"
|
||||
title="Business Operations Dashboard"
|
||||
description="Real-time insights into team performance, revenue generation, and AI lead conversion rates across the organization."
|
||||
primaryButton={{"text":"View Reports","href":"/reports"}}
|
||||
secondaryButton={{"text":"Manage Team","href":"/team"}}
|
||||
metrics={[{"icon":"TrendingUp","title":"Monthly Revenue","value":"$1.2M"},{"icon":"Users","title":"Active Employees","value":"42"},{"icon":"PhoneCall","title":"Calls Made","value":"12,450"},{"icon":"Bot","title":"AI Leads Generated","value":"4,250"}]}
|
||||
textAnimation="fade-blur"
|
||||
/></div>
|
||||
<div data-webild-section="FeaturesBento"><FeaturesBento
|
||||
tag="Role-Based Access"
|
||||
title="Tailored Dashboards for Every Role"
|
||||
description="Atlas provides customized views for Owners, Partners, and Employees, ensuring everyone has the exact tools and metrics they need to succeed."
|
||||
primaryButton={{"text":"View Live Demo","href":"/demo"}}
|
||||
secondaryButton={{"text":"Manage Roles","href":"/settings/roles"}}
|
||||
textAnimation="fade-blur"
|
||||
features={[{"title":"Executive Overview","description":"Owners get full visibility into company-wide revenue, profit margins, and operational efficiency.","bentoComponent":"animated-bar-chart"},{"title":"Partner Metrics","description":"Track cold calling team performance, conversion rates, and profit metrics in real-time.","bentoComponent":"info-card-marquee","infoCards":[{"icon":"PhoneCall","label":"Calls Made","value":"12,450"},{"icon":"TrendingUp","label":"Conversion","value":"8.4%"},{"icon":"DollarSign","label":"Profit","value":"$450k"},{"icon":"Users","label":"Active Reps","value":"42"}]},{"title":"AI Lead Assistant","description":"Employees interact with our AI to qualify leads, handle objections, and close deals faster.","bentoComponent":"chat-marquee","aiIcon":"Bot","userIcon":"User","exchanges":[{"userMessage":"Lead objected to pricing.","aiResponse":"Highlight our ROI and flexible payment plans."},{"userMessage":"What's the next step?","aiResponse":"Send the contract via Atlas Sign."}],"placeholder":"Ask AI for guidance..."},{"title":"Script Viewer & Goals","description":"Follow the proven sales script step-by-step and track personal earnings progress.","bentoComponent":"checklist-timeline","heading":"Sales Script","subheading":"Standard Cold Call","checklistItems":[{"label":"Introduction","detail":"State name and company clearly."},{"label":"Value Prop","detail":"Explain how Atlas saves them time."},{"label":"Call to Action","detail":"Book a 15-minute demo."}],"completedLabel":"Script Completed"}]}
|
||||
/></div>
|
||||
</>
|
||||
<div className="min-h-screen bg-background text-foreground">
|
||||
<NavbarCentered
|
||||
logo="ATLAS"
|
||||
navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
|
||||
ctaButton={{ text: "System Status", href: "/status" }}
|
||||
/>
|
||||
|
||||
<main>
|
||||
<HeroSplitKpi
|
||||
tag="CEO COMMAND CENTER"
|
||||
title="Executive Overview"
|
||||
description="Real-time telemetry across all operational vectors. Monitor performance, revenue, and workforce efficiency from a single pane of glass designed for absolute clarity."
|
||||
primaryButton={{ text: "View Full Reports", href: "/reports" }}
|
||||
secondaryButton={{ text: "Manage Modules", href: "/settings" }}
|
||||
kpis={[
|
||||
{ value: "$2.4M", label: "Monthly Recurring Revenue" },
|
||||
{ value: "99.9%", label: "System Uptime" },
|
||||
{ value: "142", label: "Active Personnel" }
|
||||
]}
|
||||
imageSrc="https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&q=80"
|
||||
textAnimation="fade"
|
||||
/>
|
||||
|
||||
<FeaturesMediaGrid
|
||||
tag="SYSTEM ARCHITECTURE"
|
||||
title="Integrated Enterprise Modules"
|
||||
description="A unified suite of tools designed for absolute control, automated scaling, and frictionless execution across all departments."
|
||||
items={[
|
||||
{
|
||||
title: "Employee Management",
|
||||
description: "Granular performance tracking and dynamic pay rules based on real-time KPIs.",
|
||||
imageSrc: "https://images.unsplash.com/photo-1600880292203-757bb62b4baf?auto=format&fit=crop&q=80"
|
||||
},
|
||||
{
|
||||
title: "AI-Powered CRM",
|
||||
description: "Intelligent lead scoring, automated follow-ups, and predictive pipeline analytics.",
|
||||
imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?auto=format&fit=crop&q=80"
|
||||
},
|
||||
{
|
||||
title: "Automated Payroll",
|
||||
description: "Frictionless compensation engine with built-in tax compliance and ledger integration.",
|
||||
imageSrc: "https://images.unsplash.com/photo-1554224155-8d04cb21cd6c?auto=format&fit=crop&q=80"
|
||||
},
|
||||
{
|
||||
title: "Cold Calling Workspace",
|
||||
description: "Integrated dialer with dynamic script management and live sentiment analysis.",
|
||||
imageSrc: "https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&q=80"
|
||||
}
|
||||
]}
|
||||
textAnimation="fade"
|
||||
/>
|
||||
|
||||
<ContactCta
|
||||
tag="INITIALIZE"
|
||||
text="Ready to deploy Atlas v1.0 across your organization?"
|
||||
primaryButton={{ text: "Begin Deployment", href: "/deploy" }}
|
||||
secondaryButton={{ text: "View Documentation", href: "/docs" }}
|
||||
textAnimation="fade"
|
||||
/>
|
||||
</main>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user