From 9ef5af98d9d7b25106aa3d088d70eab77157d012 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sat, 4 Jul 2026 21:26:15 +0000
Subject: [PATCH] Bob AI: Added finance, training, mobile app, and intelligence
 module

---
 src/pages/HomePage.tsx                        | 12 +++++-
 .../HomePage/sections/AtlasIntelligence.tsx   | 23 ++++++++++++
 src/pages/HomePage/sections/Finance.tsx       | 32 ++++++++++++++++
 src/pages/HomePage/sections/MobileApp.tsx     | 18 +++++++++
 src/pages/HomePage/sections/RealEstate.tsx    | 35 ++++++++++++++++++
 src/pages/HomePage/sections/Training.tsx      | 37 +++++++++++++++++++
 6 files changed, 156 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/HomePage/sections/AtlasIntelligence.tsx
 create mode 100644 src/pages/HomePage/sections/Finance.tsx
 create mode 100644 src/pages/HomePage/sections/MobileApp.tsx
 create mode 100644 src/pages/HomePage/sections/RealEstate.tsx
 create mode 100644 src/pages/HomePage/sections/Training.tsx

diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 24d5da2..ef8a2b2 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -15,7 +15,12 @@ import MetricsSection from './HomePage/sections/Metrics';
 import FaqSection from './HomePage/sections/Faq';
 import ContactSection from './HomePage/sections/Contact';
 
-export default function HomePage(): React.JSX.Element {
+
+import RealEstateSection from './HomePage/sections/RealEstate';
+import FinanceSection from './HomePage/sections/Finance';
+import TrainingSection from './HomePage/sections/Training';
+import MobileAppSection from './HomePage/sections/MobileApp';
+import AtlasIntelligenceSection from './HomePage/sections/AtlasIntelligence';export default function HomePage(): React.JSX.Element {
   return (
 <>
   <HeroSection />
@@ -23,6 +28,11 @@ export default function HomePage(): React.JSX.Element {
   <FeaturesSection />
 
   <ProductSection />
+      <RealEstateSection />
+      <FinanceSection />
+      <TrainingSection />
+      <MobileAppSection />
+      <AtlasIntelligenceSection />
 
   <PricingSection />
 
diff --git a/src/pages/HomePage/sections/AtlasIntelligence.tsx b/src/pages/HomePage/sections/AtlasIntelligence.tsx
new file mode 100644
index 0000000..799c587
--- /dev/null
+++ b/src/pages/HomePage/sections/AtlasIntelligence.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+
+export default function AtlasIntelligenceSection() {
+  return (
+    <div data-webild-section="atlas-intelligence" id="atlas-intelligence">
+      <HeroSplitKpi
+        tag="AI ADVISOR"
+        title="Atlas Intelligence"
+        description="Your executive AI advisor. Atlas Intelligence analyzes your business data across all modules to provide actionable insights, forecast trends, and identify bottlenecks."
+        primaryButton={{ text: "Ask Atlas", href: "#" }}
+        secondaryButton={{ text: "Learn More", href: "#" }}
+        kpis={[
+          { value: "98%", label: "Forecast Accuracy" },
+          { value: "24/7", label: "Real-time Analysis" },
+          { value: "10x", label: "Faster Decisions" }
+        ]}
+        imageSrc="https://picsum.photos/seed/537565812/1200/800"
+        textAnimation="fade-blur"
+      />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/pages/HomePage/sections/Finance.tsx b/src/pages/HomePage/sections/Finance.tsx
new file mode 100644
index 0000000..344d575
--- /dev/null
+++ b/src/pages/HomePage/sections/Finance.tsx
@@ -0,0 +1,32 @@
+import React from 'react';
+import FeaturesMediaCards from '@/components/sections/features/FeaturesMediaCards';
+
+export default function FinanceSection() {
+  return (
+    <div data-webild-section="finance" id="finance">
+      <FeaturesMediaCards
+        tag="FINANCE"
+        title="Automated Bookkeeping"
+        description="Real-time financial tracking, automated reconciliation, and comprehensive reporting."
+        items={[
+          {
+            title: "Smart Reconciliation",
+            description: "Automatically match transactions across all your accounts.",
+            imageSrc: "https://picsum.photos/seed/411430300/1200/800"
+          },
+          {
+            title: "Expense Tracking",
+            description: "Categorize and monitor business expenses in real-time.",
+            imageSrc: "https://picsum.photos/seed/931543788/1200/800"
+          },
+          {
+            title: "Financial Reports",
+            description: "Generate P&L, balance sheets, and cash flow statements instantly.",
+            imageSrc: "https://picsum.photos/seed/714605241/1200/800"
+          }
+        ]}
+        textAnimation="fade-blur"
+      />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/pages/HomePage/sections/MobileApp.tsx b/src/pages/HomePage/sections/MobileApp.tsx
new file mode 100644
index 0000000..c3fb941
--- /dev/null
+++ b/src/pages/HomePage/sections/MobileApp.tsx
@@ -0,0 +1,18 @@
+import React from 'react';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
+
+export default function MobileAppSection() {
+  return (
+    <div data-webild-section="mobile-app" id="mobile-app">
+      <HeroSplit
+        tag="MOBILE"
+        title="Atlas OS in your pocket."
+        description="Manage your entire business on the go. The Atlas mobile app gives you full access to CRM, payroll, and real estate modules from anywhere."
+        primaryButton={{ text: "Download App", href: "#" }}
+        secondaryButton={{ text: "View Features", href: "#" }}
+        imageSrc="https://picsum.photos/seed/2001139954/1200/800"
+        textAnimation="fade-blur"
+      />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/pages/HomePage/sections/RealEstate.tsx b/src/pages/HomePage/sections/RealEstate.tsx
new file mode 100644
index 0000000..e3342b3
--- /dev/null
+++ b/src/pages/HomePage/sections/RealEstate.tsx
@@ -0,0 +1,35 @@
+import React from 'react';
+import FeaturesDetailedCards from '@/components/sections/features/FeaturesDetailedCards';
+
+export default function RealEstateSection() {
+  return (
+    <div data-webild-section="real-estate" id="real-estate">
+      <FeaturesDetailedCards
+        tag="REAL ESTATE"
+        title="Property & Section 8 Management"
+        description="End-to-end management for real estate portfolios, including specialized Section 8 workflows."
+        items={[
+          {
+            title: "Tenant Management",
+            description: "Track leases, payments, and maintenance requests in one centralized portal.",
+            tags: ["Leases", "Maintenance", "Portals"],
+            imageSrc: "http://img.b2bpic.net/free-photo/modern-residential-building_1048-10054.jpg"
+          },
+          {
+            title: "Section 8 Compliance",
+            description: "Automated compliance checks, voucher tracking, and inspection scheduling.",
+            tags: ["Vouchers", "Inspections", "Compliance"],
+            imageSrc: "http://img.b2bpic.net/free-photo/business-people-shaking-hands-together_1150-6051.jpg"
+          },
+          {
+            title: "Portfolio Analytics",
+            description: "Real-time ROI, occupancy metrics, and financial forecasting for your properties.",
+            tags: ["ROI", "Occupancy", "Forecasting"],
+            imageSrc: "http://img.b2bpic.net/free-photo/financial-data-analyzing-hand-writing-and-counting-on-calculator-in-office-on-wood-desk_1150-5830.jpg"
+          }
+        ]}
+        textAnimation="fade-blur"
+      />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/pages/HomePage/sections/Training.tsx b/src/pages/HomePage/sections/Training.tsx
new file mode 100644
index 0000000..0ac4c00
--- /dev/null
+++ b/src/pages/HomePage/sections/Training.tsx
@@ -0,0 +1,37 @@
+import React from 'react';
+import FeaturesMediaGrid from '@/components/sections/features/FeaturesMediaGrid';
+
+export default function TrainingSection() {
+  return (
+    <div data-webild-section="training" id="training">
+      <FeaturesMediaGrid
+        tag="TRAINING"
+        title="Employee Training Portal"
+        description="Onboard faster and upskill your team with our integrated learning management system."
+        items={[
+          {
+            title: "Onboarding Workflows",
+            description: "Automated day-one setup and orientation paths.",
+            imageSrc: "https://picsum.photos/seed/1338644346/1200/800"
+          },
+          {
+            title: "Video Courses",
+            description: "Host internal training videos and track completion.",
+            imageSrc: "https://picsum.photos/seed/2106098008/1200/800"
+          },
+          {
+            title: "Knowledge Base",
+            description: "Centralized documentation for company policies and procedures.",
+            imageSrc: "https://picsum.photos/seed/652282903/1200/800"
+          },
+          {
+            title: "Skill Assessments",
+            description: "Quizzes and evaluations to ensure comprehension.",
+            imageSrc: "https://picsum.photos/seed/1633900920/1200/800"
+          }
+        ]}
+        textAnimation="fade-blur"
+      />
+    </div>
+  );
+}
\ No newline at end of file
-- 
2.49.1