From 9771c4b2952f59e55dea9aa55ed22b202d65fdf4 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Fri, 3 Jul 2026 20:21:11 +0000
Subject: [PATCH 1/2] Bob AI: Add dashboard page

---
 src/App.tsx                 |  2 ++
 src/components/Layout.tsx   |  4 ++-
 src/pages/DashboardPage.tsx | 59 +++++++++++++++++++++++++++++++++++++
 src/routes.ts               |  1 +
 4 files changed, 65 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/DashboardPage.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 33d15f9..21c0cfa 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2,11 +2,13 @@ import { Routes, Route } from 'react-router-dom';
 import Layout from './components/Layout';
 import HomePage from './pages/HomePage';
 
+import DashboardPage from "@/pages/DashboardPage";
 export default function App() {
   return (
     <Routes>
       <Route element={<Layout />}>
         <Route path="/" element={<HomePage />} />
+        <Route path="/dashboard" element={<DashboardPage />} />
       </Route>
     </Routes>
   );
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index ce8dfe6..4994796 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -27,7 +27,9 @@ export default function Layout() {
   },
   {
     "name": "Metrics",    "href": "#metrics"
-  }
+  },
+  { name: "Dashboard", href: "/dashboard" },
+
 ];
 
   return (
diff --git a/src/pages/DashboardPage.tsx b/src/pages/DashboardPage.tsx
new file mode 100644
index 0000000..15a86d8
--- /dev/null
+++ b/src/pages/DashboardPage.tsx
@@ -0,0 +1,59 @@
+import React from "react";
+import { routes } from "@/routes";
+import NavbarCentered from "@/components/ui/NavbarCentered";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
+import FeaturesDetailedCards from "@/components/sections/features/FeaturesDetailedCards";
+import FooterMinimal from "@/components/sections/footer/FooterMinimal";
+
+export default function DashboardPage() {
+  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: "Login", href: "/login" }}
+      />
+      
+      <main className="flex-grow">
+        <HeroSplit
+          tag="Unified Workspace"
+          title="Role-Based Dashboards"
+          description="Tailored views for Owners, Partners, and Employees. Everyone gets exactly the data they need to perform at their best, securely and efficiently."
+          primaryButton={{ text: "View Live Demo", href: "#demo" }}
+          secondaryButton={{ text: "Read Documentation", href: "#docs" }}
+          imageSrc="https://images.unsplash.com/photo-1551288049-bebda4e38f71?q=80&w=2070&auto=format&fit=crop"
+          textAnimation="fade-blur"
+        />
+
+        <FeaturesDetailedCards
+          tag="Access Control"
+          title="Purpose-Built Interfaces"
+          description="Explore how the platform adapts to different responsibilities across your organization, ensuring focus and data privacy."
+          items={[
+            {
+              title: "Owner Dashboard",
+              description: "Complete organizational oversight. View all team performance metrics, global financial data, system-wide settings, and manage all user permissions.",
+              tags: ["Admin", "Full Access", "Global Settings"]
+            },
+            {
+              title: "Partner Dashboard",
+              description: "Focused on team growth and ROI. Monitor specific cold calling team performance, track profit metrics, and analyze campaign effectiveness in real-time.",
+              tags: ["Management", "Analytics", "Team View"]
+            },
+            {
+              title: "Employee Dashboard",
+              description: "Built for daily execution. Access the interactive script viewer, manage AI-assigned leads, and track personal earnings, commissions, and daily goals.",
+              tags: ["Agent", "Operations", "Personal Metrics"]
+            }
+          ]}
+          textAnimation="slide-up"
+        />
+      </main>
+
+      <FooterMinimal
+        brand="Webild"
+        copyright="© 2024 Webild. All rights reserved."
+      />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/routes.ts b/src/routes.ts
index 362ecb5..6f95978 100644
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -6,4 +6,5 @@ export interface Route {
 
 export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
+  { path: '/dashboard', label: 'Dashboard', pageFile: 'DashboardPage' },
 ];
-- 
2.49.1


From 169f355329116ae518bfedea1f8076dc7fc348d1 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Fri, 3 Jul 2026 20:22:56 +0000
Subject: [PATCH 2/2] Bob AI: Populate src/pages/DashboardPage.tsx (snippet
 builder, 4 sections)

---
 src/pages/DashboardPage.tsx | 97 ++++++++++++++++---------------------
 1 file changed, 42 insertions(+), 55 deletions(-)

diff --git a/src/pages/DashboardPage.tsx b/src/pages/DashboardPage.tsx
index 15a86d8..8b5c725 100644
--- a/src/pages/DashboardPage.tsx
+++ b/src/pages/DashboardPage.tsx
@@ -1,59 +1,46 @@
-import React from "react";
-import { routes } from "@/routes";
-import NavbarCentered from "@/components/ui/NavbarCentered";
-import HeroSplit from "@/components/sections/hero/HeroSplit";
-import FeaturesDetailedCards from "@/components/sections/features/FeaturesDetailedCards";
-import FooterMinimal from "@/components/sections/footer/FooterMinimal";
+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";
 
 export default function DashboardPage() {
   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: "Login", href: "/login" }}
-      />
-      
-      <main className="flex-grow">
-        <HeroSplit
-          tag="Unified Workspace"
-          title="Role-Based Dashboards"
-          description="Tailored views for Owners, Partners, and Employees. Everyone gets exactly the data they need to perform at their best, securely and efficiently."
-          primaryButton={{ text: "View Live Demo", href: "#demo" }}
-          secondaryButton={{ text: "Read Documentation", href: "#docs" }}
-          imageSrc="https://images.unsplash.com/photo-1551288049-bebda4e38f71?q=80&w=2070&auto=format&fit=crop"
-          textAnimation="fade-blur"
-        />
-
-        <FeaturesDetailedCards
-          tag="Access Control"
-          title="Purpose-Built Interfaces"
-          description="Explore how the platform adapts to different responsibilities across your organization, ensuring focus and data privacy."
-          items={[
-            {
-              title: "Owner Dashboard",
-              description: "Complete organizational oversight. View all team performance metrics, global financial data, system-wide settings, and manage all user permissions.",
-              tags: ["Admin", "Full Access", "Global Settings"]
-            },
-            {
-              title: "Partner Dashboard",
-              description: "Focused on team growth and ROI. Monitor specific cold calling team performance, track profit metrics, and analyze campaign effectiveness in real-time.",
-              tags: ["Management", "Analytics", "Team View"]
-            },
-            {
-              title: "Employee Dashboard",
-              description: "Built for daily execution. Access the interactive script viewer, manage AI-assigned leads, and track personal earnings, commissions, and daily goals.",
-              tags: ["Agent", "Operations", "Personal Metrics"]
-            }
-          ]}
-          textAnimation="slide-up"
-        />
-      </main>
-
-      <FooterMinimal
-        brand="Webild"
-        copyright="© 2024 Webild. All rights reserved."
-      />
-    </div>
+    <>
+      <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>
+    </>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1