From 536b71c8edaaf5682d477e357989725d03439bdd Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sat, 4 Jul 2026 21:01:59 +0000
Subject: [PATCH 1/2] Bob AI: Add investment-dashboard page

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

diff --git a/src/App.tsx b/src/App.tsx
index 97c505c..2a5924b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -4,6 +4,7 @@ import HomePage from './pages/HomePage';
 
 import DashboardPage from "@/pages/DashboardPage";
 import AiCommandCenterPage from "@/pages/AiCommandCenterPage";
+import InvestmentDashboardPage from "@/pages/InvestmentDashboardPage";
 export default function App() {
   return (
     <Routes>
@@ -11,6 +12,7 @@ export default function App() {
         <Route path="/" element={<HomePage />} />
         <Route path="/dashboard" element={<DashboardPage />} />
         <Route path="/ai-command-center" element={<AiCommandCenterPage />} />
+        <Route path="/investment-dashboard" element={<InvestmentDashboardPage />} />
       </Route>
     </Routes>
   );
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index c0aba9f..e0a14aa 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -30,6 +30,8 @@ export default function Layout() {
   },
   { name: "Dashboard", href: "/dashboard" },
   { name: "Ai Command Center", href: "/ai-command-center" },
+  { name: "Investment Dashboard", href: "/investment-dashboard" },
+
 
 
 ];
diff --git a/src/pages/InvestmentDashboardPage.tsx b/src/pages/InvestmentDashboardPage.tsx
new file mode 100644
index 0000000..7da3c09
--- /dev/null
+++ b/src/pages/InvestmentDashboardPage.tsx
@@ -0,0 +1,79 @@
+import { routes } from "@/routes";
+import NavbarCentered from "@/components/ui/NavbarCentered";
+import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
+import MetricsSimpleCards from "@/components/sections/metrics/MetricsSimpleCards";
+import FeaturesMediaGrid from "@/components/sections/features/FeaturesMediaGrid";
+import FooterMinimal from "@/components/sections/footer/FooterMinimal";
+import GridLinesBackground from "@/components/ui/GridLinesBackground";
+
+export default function InvestmentDashboardPage() {
+  return (
+    <div className="min-h-screen bg-background text-foreground selection:bg-primary-cta/30">
+      <GridLinesBackground position="fixed" />
+      
+      <NavbarCentered
+        logo="Apex Capital"
+        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
+        ctaButton={{ text: "Client Portal", href: "/portal" }}
+      />
+
+      <main className="relative z-10 pt-16">
+        <HeroSplitKpi
+          tag="Portfolio Overview"
+          title="Executive Investment Dashboard"
+          description="Real-time insights into your diversified real estate and equity holdings. Monitor performance, track distributions, and analyze asset appreciation."
+          primaryButton={{ text: "Download Q3 Report", href: "/reports" }}
+          secondaryButton={{ text: "Contact Advisor", href: "/contact" }}
+          kpis={[
+            { value: "$42.5M", label: "Total Assets Under Management" },
+            { value: "18.4%", label: "Target Internal Rate of Return" },
+            { value: "12", label: "Active Real Estate Holdings" }
+          ]}
+          imageSrc="https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?q=80&w=2070&auto=format&fit=crop"
+          textAnimation="fade-blur"
+        />
+
+        <MetricsSimpleCards
+          tag="Performance Metrics"
+          title="Quarterly Highlights"
+          description="Consistent growth and yield generation across all major asset classes in the current fiscal quarter."
+          metrics={[
+            { value: "8.2%", description: "Average Cash-on-Cash Return" },
+            { value: "96.5%", description: "Portfolio-wide Occupancy Rate" },
+            { value: "12.1%", description: "Year-to-Date Capital Appreciation" }
+          ]}
+          textAnimation="slide-up"
+        />
+
+        <FeaturesMediaGrid
+          tag="Real Estate Portfolio"
+          title="Active Properties"
+          description="Current holdings in the commercial, industrial, and multi-family residential sectors."
+          items={[
+            { 
+              title: "The Meridian Tower", 
+              description: "Class A Office Space • Chicago, IL • 450,000 sq ft", 
+              imageSrc: "https://images.unsplash.com/photo-1577495508048-b635879837f1?q=80&w=2000&auto=format&fit=crop" 
+            },
+            { 
+              title: "Oakwood Logistics Center", 
+              description: "Industrial Warehouse • Dallas, TX • 1.2M sq ft", 
+              imageSrc: "https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?q=80&w=2000&auto=format&fit=crop" 
+            },
+            { 
+              title: "Azure Residences", 
+              description: "Multi-Family • Austin, TX • 320 Units", 
+              imageSrc: "https://images.unsplash.com/photo-1545324418-cc1a3fa10c00?q=80&w=2000&auto=format&fit=crop" 
+            }
+          ]}
+          textAnimation="fade"
+        />
+      </main>
+
+      <FooterMinimal 
+        brand="Apex Capital" 
+        copyright="© 2024 Apex Capital Partners. All rights reserved." 
+      />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/routes.ts b/src/routes.ts
index 4553036..52b6c77 100644
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -8,4 +8,5 @@ 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' },
+  { path: '/investment-dashboard', label: 'Investment Dashboard', pageFile: 'InvestmentDashboardPage' },
 ];
-- 
2.49.1


From 255ad1228cb40e4d66189cf06eb1b86921330fbe Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sat, 4 Jul 2026 21:02:45 +0000
Subject: [PATCH 2/2] Bob AI: Populate src/pages/InvestmentDashboardPage.tsx
 (snippet builder, 4 sections)

---
 src/pages/InvestmentDashboardPage.tsx | 116 ++++++++++----------------
 1 file changed, 42 insertions(+), 74 deletions(-)

diff --git a/src/pages/InvestmentDashboardPage.tsx b/src/pages/InvestmentDashboardPage.tsx
index 7da3c09..1c1d0ed 100644
--- a/src/pages/InvestmentDashboardPage.tsx
+++ b/src/pages/InvestmentDashboardPage.tsx
@@ -1,79 +1,47 @@
-import { routes } from "@/routes";
-import NavbarCentered from "@/components/ui/NavbarCentered";
 import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
-import MetricsSimpleCards from "@/components/sections/metrics/MetricsSimpleCards";
-import FeaturesMediaGrid from "@/components/sections/features/FeaturesMediaGrid";
-import FooterMinimal from "@/components/sections/footer/FooterMinimal";
-import GridLinesBackground from "@/components/ui/GridLinesBackground";
+import MetricsIconCards from "@/components/sections/metrics/MetricsIconCards";
+import Button from "@/components/ui/Button";
+import TextAnimation from "@/components/ui/TextAnimation";
+import ImageOrVideo from "@/components/ui/ImageOrVideo";
+import GridOrCarousel from "@/components/ui/GridOrCarousel";
+import ScrollReveal from "@/components/ui/ScrollReveal";
+import FeaturesBento from "@/components/sections/features/FeaturesBento";
 
 export default function InvestmentDashboardPage() {
   return (
-    <div className="min-h-screen bg-background text-foreground selection:bg-primary-cta/30">
-      <GridLinesBackground position="fixed" />
-      
-      <NavbarCentered
-        logo="Apex Capital"
-        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
-        ctaButton={{ text: "Client Portal", href: "/portal" }}
-      />
-
-      <main className="relative z-10 pt-16">
-        <HeroSplitKpi
-          tag="Portfolio Overview"
-          title="Executive Investment Dashboard"
-          description="Real-time insights into your diversified real estate and equity holdings. Monitor performance, track distributions, and analyze asset appreciation."
-          primaryButton={{ text: "Download Q3 Report", href: "/reports" }}
-          secondaryButton={{ text: "Contact Advisor", href: "/contact" }}
-          kpis={[
-            { value: "$42.5M", label: "Total Assets Under Management" },
-            { value: "18.4%", label: "Target Internal Rate of Return" },
-            { value: "12", label: "Active Real Estate Holdings" }
-          ]}
-          imageSrc="https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?q=80&w=2070&auto=format&fit=crop"
-          textAnimation="fade-blur"
-        />
-
-        <MetricsSimpleCards
-          tag="Performance Metrics"
-          title="Quarterly Highlights"
-          description="Consistent growth and yield generation across all major asset classes in the current fiscal quarter."
-          metrics={[
-            { value: "8.2%", description: "Average Cash-on-Cash Return" },
-            { value: "96.5%", description: "Portfolio-wide Occupancy Rate" },
-            { value: "12.1%", description: "Year-to-Date Capital Appreciation" }
-          ]}
-          textAnimation="slide-up"
-        />
-
-        <FeaturesMediaGrid
-          tag="Real Estate Portfolio"
-          title="Active Properties"
-          description="Current holdings in the commercial, industrial, and multi-family residential sectors."
-          items={[
-            { 
-              title: "The Meridian Tower", 
-              description: "Class A Office Space • Chicago, IL • 450,000 sq ft", 
-              imageSrc: "https://images.unsplash.com/photo-1577495508048-b635879837f1?q=80&w=2000&auto=format&fit=crop" 
-            },
-            { 
-              title: "Oakwood Logistics Center", 
-              description: "Industrial Warehouse • Dallas, TX • 1.2M sq ft", 
-              imageSrc: "https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?q=80&w=2000&auto=format&fit=crop" 
-            },
-            { 
-              title: "Azure Residences", 
-              description: "Multi-Family • Austin, TX • 320 Units", 
-              imageSrc: "https://images.unsplash.com/photo-1545324418-cc1a3fa10c00?q=80&w=2000&auto=format&fit=crop" 
-            }
-          ]}
-          textAnimation="fade"
-        />
-      </main>
-
-      <FooterMinimal 
-        brand="Apex Capital" 
-        copyright="© 2024 Apex Capital Partners. All rights reserved." 
-      />
-    </div>
+    <>
+      <div data-webild-section="HeroSplitKpi"><HeroSplitKpi
+        tag="Portfolio Overview"
+        title="Command Your Wealth"
+        description="Monitor real-time performance, analyze asset allocation, and track your global real estate holdings from a single, secure executive dashboard."
+        primaryButton={{"text":"View Portfolio","href":"#portfolio"}}
+        secondaryButton={{"text":"Generate Report","href":"#reports"}}
+        kpis={[{"value":"$2.4B","label":"Assets Under Management"},{"value":"14.2%","label":"YTD Return"},{"value":"34","label":"Active Properties"}]}
+        imageSrc="https://img.freepik.com/premium-photo/abstract-financial-graph-with-up-trend-line-candlestick-chart-in-stock-market-on-black-background_31965-3064.jpg"
+        textAnimation="fade-blur"
+      /></div>
+      <div data-webild-section="MetricsIconCards"><MetricsIconCards
+        tag="Portfolio Overview"
+        title="Investment Performance"
+        description="Real-time metrics and key performance indicators for your active real estate and business holdings."
+        primaryButton={{"text":"View Full Report","href":"/reports/current"}}
+        secondaryButton={{"text":"Download CSV","href":"#download"}}
+        metrics={[{"icon":"Briefcase","title":"Total AUM","value":"$2.4B"},{"icon":"Building","title":"Active Properties","value":"34"},{"icon":"TrendingUp","title":"YTD Return","value":"+14.2%"},{"icon":"Users","title":"Occupancy Rate","value":"96%"}]}
+        textAnimation="fade-blur"
+      /></div>
+      <div data-webild-section="FeaturesMediaGrid"><section aria-label="Features section" className="py-20"><div className="flex flex-col gap-8 md:gap-10"><div className="flex flex-col items-center w-content-width mx-auto gap-2"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>Asset Management</p></div><TextAnimation text="Global Portfolio Intelligence" 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="Command your investments with precision. Atlas provides real-time visibility into real estate performance, private equity, and market positions." 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="Open Dashboard" href="/investment-dashboard" variant="primary" /><Button text="View Reports" href="/reports" variant="secondary" animationDelay={0.1} /></div></div><ScrollReveal variant="fade-blur"><GridOrCarousel><div key="Commercial Real Estate" className="flex flex-col gap-4 xl:gap-5 2xl:gap-6 h-full"><div className="aspect-square overflow-hidden"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/low-angle-view-skyscrapers_1359-1105.jpg" className="rounded" /></div><div className="flex flex-col gap-1"><h3 className="text-3xl font-semibold leading-snug text-balance">Commercial Real Estate</h3><p className="text-base leading-snug text-balance">Monitor occupancy rates, NOI, and property valuations across your global commercial assets.</p></div></div>
+<div key="Private Equity Holdings" className="flex flex-col gap-4 xl:gap-5 2xl:gap-6 h-full"><div className="aspect-square overflow-hidden"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/financial-data-analyzing-graph-chart-report-concept_53876-13373.jpg" className="rounded" /></div><div className="flex flex-col gap-1"><h3 className="text-3xl font-semibold leading-snug text-balance">Private Equity Holdings</h3><p className="text-base leading-snug text-balance">Track capital deployment, operational milestones, and projected IRR for direct investments.</p></div></div>
+<div key="Market Equities" className="flex flex-col gap-4 xl:gap-5 2xl:gap-6 h-full"><div className="aspect-square overflow-hidden"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/stock-market-exchange-economics-investment-graph_53876-13372.jpg" className="rounded" /></div><div className="flex flex-col gap-1"><h3 className="text-3xl font-semibold leading-snug text-balance">Market Equities</h3><p className="text-base leading-snug text-balance">Real-time analysis of liquid assets, dividend yields, and overall portfolio volatility.</p></div></div>
+<div key="AI Valuation Models" className="flex flex-col gap-4 xl:gap-5 2xl:gap-6 h-full"><div className="aspect-square overflow-hidden"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/digital-hologram-smart-city-with-futuristic-buildings_53876-104058.jpg" className="rounded" /></div><div className="flex flex-col gap-1"><h3 className="text-3xl font-semibold leading-snug text-balance">AI Valuation Models</h3><p className="text-base leading-snug text-balance">Leverage predictive analytics for proactive asset management and market trend forecasting.</p></div></div></GridOrCarousel></ScrollReveal></div></section></div>
+      <div data-webild-section="FeaturesBento"><FeaturesBento
+        tag="Investment Dashboard"
+        title="Real Estate Portfolio"
+        description="Comprehensive oversight of your assets, cash flow, and acquisition pipeline managed by Atlas."
+        primaryButton={{"text":"View Full Reports","href":"/reports"}}
+        secondaryButton={{"text":"Contact Advisor","href":"/contact"}}
+        features={[{"title":"Portfolio Overview","description":"High-level metrics across your real estate assets.","bentoComponent":"info-card-marquee","infoCards":[{"icon":"Building","label":"Total Assets","value":"$2.4B"},{"icon":"Users","label":"Occupancy Rate","value":"96%"},{"icon":"TrendingUp","label":"YTD Return","value":"14.2%"}]},{"title":"Cash Flow Analysis","description":"Track monthly revenue and operational expenses.","bentoComponent":"animated-bar-chart"},{"title":"Recent Acquisitions","description":"Latest additions to the Atlas managed portfolio.","bentoComponent":"tilted-stack-cards","stackCards":[{"icon":"MapPin","title":"The Grand Plaza","subtitle":"Commercial","detail":"Acquired Q3 2023"},{"icon":"Home","title":"Oakwood Estates","subtitle":"Residential","detail":"Acquired Q2 2023"},{"icon":"Briefcase","title":"Tech Hub Alpha","subtitle":"Industrial","detail":"Acquired Q1 2023"}]},{"title":"Acquisition Pipeline","description":"Current status of pending real estate deals.","bentoComponent":"checklist-timeline","heading":"Project Phoenix","subheading":"Mixed-use development","checklistItems":[{"label":"Due Diligence","detail":"Financial and legal review completed."},{"label":"Financing Secured","detail":"Capital allocation approved."},{"label":"Closing","detail":"Finalizing transfer of ownership."}],"completedLabel":"On Track"}]}
+        textAnimation="fade-blur"
+      /></div>
+    </>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1