Changes
gpt-engineer-app[bot] committed
Nov 27, 2025 at 13:38 UTC
f9bcfefe18622e7f8bbdc29b432945142d0f9a25
1 file changed
-35
src/components/landing/Hero.tsx
-35
@@ -18,41 +18,6 @@ const Hero = () => {
18
</div>
19
</div>
20
21
- {/* Hero visual element */}
22
- <div className="mt-16 md:mt-24 relative animate-fade-up animation-delay-300">
23
- <div className="max-w-3xl mx-auto">
24
- {/* Card mockup */}
25
- <div className="relative">
26
- <div className="absolute inset-0 bg-primary/20 rounded-3xl blur-3xl transform scale-95" />
27
- <div className="relative bg-secondary rounded-3xl p-8 md:p-12">
28
- <div className="flex flex-col md:flex-row items-center gap-8">
29
- {/* Wise Card */}
30
- <div className="w-64 h-40 bg-primary rounded-2xl p-6 flex flex-col justify-between shadow-2xl transform hover:-rotate-2 transition-transform duration-300">
31
- <div className="flex justify-between items-start">
32
- <div className="w-10 h-8 bg-primary-foreground/20 rounded" />
33
- <span className="text-primary-foreground font-bold text-lg">wise</span>
34
- </div>
35
- <div className="text-primary-foreground">
36
- <p className="text-sm opacity-80">•••• •••• •••• 4242</p>
37
- <p className="text-sm font-medium mt-1">JOHN DOE</p>
38
- </div>
39
- </div>
40
-
41
- {/* Transfer info */}
42
- <div className="flex-1 text-secondary-foreground text-center md:text-left">
43
- <p className="text-sm opacity-70">You send exactly</p>
44
- <p className="text-4xl font-bold mt-1">1,000.00 EUR</p>
45
- <div className="mt-4 flex items-center justify-center md:justify-start gap-2">
46
- <div className="w-2 h-2 bg-primary rounded-full animate-pulse" />
47
- <p className="text-sm opacity-70">Recipient gets 1,085.67 USD</p>
48
- </div>
49
- </div>
50
- </div>
51
- </div>
52
- </div>
53
- </div>
54
- </div>
55
-
21
{/* 3D Building Model */}
22
<div className="mt-16 md:mt-24 flex justify-center animate-fade-up animation-delay-400">
23
<div className="relative max-w-2xl">