Visual edit in Lovable
Edited UI in Lovable
gpt-engineer-app[bot] committed
Nov 27, 2025 at 13:49 UTC
f0236f54a6457c008e3a0eb21b8fa94696d54380
2 files changed
+5
-13
src/components/landing/Header.tsx
+1
-3
@@ -15,9 +15,7 @@ const Header = () => {
15
16
{/* Desktop Navigation */}
17
<nav className="hidden md:flex items-center gap-8">
18
- <a href="#features" className="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors">
19
- Personal
20
- </a>
18
+ <a href="#features" className="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors">Company Purc</a>
19
<a href="#how-it-works" className="text-sm font-medium text-muted-foreground hover:text-foreground transition-colors">
20
Business
21
</a>
src/components/landing/Hero.tsx
+4
-10
@@ -6,14 +6,12 @@ const Hero = () => {
6
<div className="container">
7
<div className="max-w-4xl mx-auto text-center">
8
<h1 className="text-4xl md:text-6xl lg:text-7xl font-bold text-foreground leading-tight animate-fade-up">Blockchain Expense Management</h1>
9
- <p className="mt-6 text-lg md:text-xl text-muted-foreground max-w-2xl mx-auto animate-fade-up animation-delay-100">For CFOs with cross-border transactions, international payments & th</p>
9
+ <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>
10
<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">
12
- Open an account
13
- <ArrowRight className="w-5 h-5" />
11
+ <Button variant="hero" size="lg"> CFO Overview <ArrowRight className="w-5 h-5" />
12
</Button>
13
<Button variant="navy-outline" size="lg">
16
- Send money now
14
+ Employee Spending Portal
15
</Button>
16
</div>
17
</div>
@@ -22,11 +20,7 @@ const Hero = () => {
20
<div className="mt-16 md:mt-24 flex justify-center animate-fade-up animation-delay-400">
21
<div className="relative max-w-2xl">
22
<div className="absolute inset-0 bg-primary/10 rounded-2xl blur-3xl" />
25
- <img
26
- src={buildingModel}
27
- alt="3D Building Model"
28
- className="relative w-full h-auto drop-shadow-2xl hover:scale-105 transition-transform duration-300 cursor-pointer"
29
- />
23
+ <img src={buildingModel} alt="3D Building Model" className="relative w-full h-auto drop-shadow-2xl hover:scale-105 transition-transform duration-300 cursor-pointer" />
24
</div>
25
</div>
26
</div>