bender/5cd2f65c-c800-46e7-a673-288b0c7afd4c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_6_1783198875289 into main #6

Merged
bender merged 2 commits from version_6_1783198875289 into main 2026-07-04 21:03:27 +00:00
Conversation 0 Commits 2 Files Changed 4 +52
4 changed files with 52 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.tsx
View File

@@ -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>
);

2
src/components/Layout.tsx
View File

@@ -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" },
];

47
src/pages/InvestmentDashboardPage.tsx Normal file
View File

@@ -0,0 +1,47 @@
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
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 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>
</>
);
}

1
src/routes.ts
View File

@@ -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' },
];