| 1 | const stats = [ |
| 2 | { value: "16M+", label: "Customers worldwide" }, |
| 3 | { value: "$12B", label: "Transferred every month" }, |
| 4 | { value: "70+", label: "Countries supported" }, |
| 5 | { value: "50+", label: "Currencies available" }, |
| 6 | ]; |
| 7 | |
| 8 | const TrustIndicators = () => { |
| 9 | return ( |
| 10 | <section className="py-16 md:py-24 bg-muted"> |
| 11 | <div className="container"> |
| 12 | <div className="grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-12"> |
| 13 | {stats.map((stat, index) => ( |
| 14 | <div |
| 15 | key={index} |
| 16 | className="text-center animate-fade-up" |
| 17 | style={{ animationDelay: `${index * 100}ms` }} |
| 18 | > |
| 19 | <p className="text-3xl md:text-5xl font-bold text-foreground"> |
| 20 | {stat.value} |
| 21 | </p> |
| 22 | <p className="mt-2 text-sm md:text-base text-muted-foreground"> |
| 23 | {stat.label} |
| 24 | </p> |
| 25 | </div> |
| 26 | ))} |
| 27 | </div> |
| 28 | </div> |
| 29 | </section> |
| 30 | ); |
| 31 | }; |
| 32 | |
| 33 | export default TrustIndicators; |