Code edited in Lovable Code Editor
Edited UI in Lovable
gpt-engineer-app[bot] committed
Nov 27, 2025 at 13:53 UTC
0fdf38eb7edd0d3290525b9f8382a3c3fa42668f
1 file changed
+39
-30
src/components/landing/Features.tsx
+39
-30
@@ -1,23 +1,29 @@
1
import { Globe, Zap, Shield, CreditCard } from "lucide-react";
2
-const features = [{
3
- icon: Globe,
4
- title: "Send money abroad",
5
- description: "Send money to 80+ countries with the real exchange rate. No hidden fees, ever."
6
-}, {
7
- icon: Zap,
8
- title: "Lightning fast",
9
- description: "Most transfers arrive in seconds. Track your money every step of the way."
10
-}, {
11
- icon: Shield,
12
- title: "Safe and secure",
13
- description: "We're regulated by the world's most respected authorities. Your money is always protected."
14
-}, {
15
- icon: CreditCard,
16
- title: "Wise Card",
17
- description: "Spend abroad with the real exchange rate. Works everywhere Mastercard is accepted."
18
-}];
2
+const features = [
3
+ {
4
+ icon: Globe,
5
+ title: "Instant Knowledge",
6
+ description: "Send money to 80+ countries with the real exchange rate. No hidden fees, ever.",
7
+ },
8
+ {
9
+ icon: Zap,
10
+ title: "Lightning fast",
11
+ description: "Most transfers arrive in seconds. Track your money every step of the way.",
12
+ },
13
+ {
14
+ icon: Shield,
15
+ title: "Safe and secure",
16
+ description: "We're regulated by the world's most respected authorities. Your money is always protected.",
17
+ },
18
+ {
19
+ icon: CreditCard,
20
+ title: "Wise Card",
21
+ description: "Spend abroad with the real exchange rate. Works everywhere Mastercard is accepted.",
22
+ },
23
+];
24
const Features = () => {
20
- return <section id="features" className="py-20 md:py-32 bg-background">
25
+ return (
26
+ <section id="features" className="py-20 md:py-32 bg-background">
27
<div className="container">
28
<div className="text-center max-w-2xl mx-auto mb-16">
29
<h2 className="text-3xl md:text-5xl font-bold text-foreground">Why Blockchain?</h2>
@@ -27,21 +33,24 @@ const Features = () => {
33
</div>
34
35
<div className="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
30
- {features.map((feature, index) => <div key={index} className="group p-6 rounded-2xl bg-muted hover:bg-primary/10 transition-all duration-300 animate-fade-up" style={{
31
- animationDelay: `${index * 100}ms`
32
- }}>
36
+ {features.map((feature, index) => (
37
+ <div
38
+ key={index}
39
+ className="group p-6 rounded-2xl bg-muted hover:bg-primary/10 transition-all duration-300 animate-fade-up"
40
+ style={{
41
+ animationDelay: `${index * 100}ms`,
42
+ }}
43
+ >
44
<div className="w-14 h-14 rounded-2xl bg-primary/20 flex items-center justify-center mb-6 group-hover:bg-primary group-hover:scale-110 transition-all duration-300">
45
<feature.icon className="w-7 h-7 text-primary group-hover:text-primary-foreground transition-colors" />
46
</div>
36
- <h3 className="text-xl font-semibold text-foreground mb-2">
37
- {feature.title}
38
- </h3>
39
- <p className="text-muted-foreground">
40
- {feature.description}
41
- </p>
42
- </div>)}
47
+ <h3 className="text-xl font-semibold text-foreground mb-2">{feature.title}</h3>
48
+ <p className="text-muted-foreground">{feature.description}</p>
49
+ </div>
50
+ ))}
51
</div>
52
</div>
45
- </section>;
53
+ </section>
54
+ );
55
};
47
-export default Features;
\ No newline at end of file
56
+export default Features;