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 ( }> } /> + } /> ); 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..8b5c725 --- /dev/null +++ b/src/pages/DashboardPage.tsx @@ -0,0 +1,46 @@ +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 ( + <> +
+

System Overview

$450k

Net Profit (Monthly)

+
4,250

AI Leads Generated

+
342

Meetings Booked

+
$12.5k

Avg Employee Earnings

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