Changes
gpt-engineer-app[bot] committed
Nov 27, 2025 at 14:08 UTC
8558775958526f1f8db789d0563a2dd6c8d54322
3 files changed
+29
-2
src/App.tsx
+2
@@ -4,6 +4,7 @@ import { TooltipProvider } from "@/components/ui/tooltip";
4
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
5
import { BrowserRouter, Routes, Route } from "react-router-dom";
6
import Index from "./pages/Index";
7
+import CFOOverview from "./pages/CFOOverview";
8
import NotFound from "./pages/NotFound";
9
10
const queryClient = new QueryClient();
@@ -16,6 +17,7 @@ const App = () => (
17
<BrowserRouter>
18
<Routes>
19
<Route path="/" element={<Index />} />
20
+ <Route path="/cfo-overview" element={<CFOOverview />} />
21
{/* ADD ALL CUSTOM ROUTES ABOVE THE CATCH-ALL "*" ROUTE */}
22
<Route path="*" element={<NotFound />} />
23
</Routes>
src/components/landing/Hero.tsx
+6
-2
@@ -1,5 +1,6 @@
1
import { Button } from "@/components/ui/button";
2
import { ArrowRight } from "lucide-react";
3
+import { Link } from "react-router-dom";
4
import buildingModel from "@/assets/building-crypto.png";
5
const Hero = () => {
6
return <section className="pt-32 pb-20 md:pt-40 md:pb-32 bg-background overflow-hidden">
@@ -8,8 +9,11 @@ const Hero = () => {
9
<h1 className="text-4xl md:text-6xl lg:text-7xl font-bold text-foreground leading-tight animate-fade-up">Blockchain Expense Management</h1>
10
<p className="mt-6 text-lg md:text-xl text-muted-foreground max-w-2xl mx-auto animate-fade-up animation-delay-100">Solving problems like company purchases, cross-border transactions, international payments using Light Data APIs.</p>
11
<div className="mt-10 flex flex-col sm:flex-row items-center justify-center gap-4 animate-fade-up animation-delay-200">
11
- <Button variant="hero" size="lg"> CFO Overview <ArrowRight className="w-5 h-5" />
12
- </Button>
12
+ <Link to="/cfo-overview">
13
+ <Button variant="hero" size="lg">
14
+ CFO Overview <ArrowRight className="w-5 h-5" />
15
+ </Button>
16
+ </Link>
17
<Button variant="navy-outline" size="lg">
18
Employee Spending Portal
19
</Button>
src/pages/CFOOverview.tsx
new
+21
@@ -0,0 +1,21 @@
1
+import { Button } from "@/components/ui/button";
2
+import { ArrowLeft } from "lucide-react";
3
+import { Link } from "react-router-dom";
4
+
5
+const CFOOverview = () => {
6
+ return (
7
+ <div className="min-h-screen bg-background">
8
+ <div className="container py-12">
9
+ <Link to="/">
10
+ <Button variant="ghost" className="mb-8">
11
+ <ArrowLeft className="w-4 h-4 mr-2" />
12
+ Back to Home
13
+ </Button>
14
+ </Link>
15
+ <h1 className="text-4xl font-bold text-foreground">CFO Overview</h1>
16
+ </div>
17
+ </div>
18
+ );
19
+};
20
+
21
+export default CFOOverview;