Evandro Fonseca Junior
bfb58ef16e
- Removed upper limit on page_size validation to support requests >100 - Added automatic pagination logic to fetch from Open Food Facts API in chunks of 1000 - Accumulates products across multiple API pages until desired count is reached - Updated error messages and product data fields for consistency
54 lines
2.3 KiB
TypeScript
54 lines
2.3 KiB
TypeScript
import { Database, Globe, Zap, Code } from "lucide-react";
|
|
|
|
export function TrustBadges() {
|
|
return (
|
|
<section className="py-12 bg-gray-50 dark:bg-gray-800 border-t border-b">
|
|
<div className="max-w-7xl mx-auto px-4">
|
|
<div className="grid grid-cols-2 md:grid-cols-4 gap-8 text-center">
|
|
<div className="animate-fadeIn">
|
|
<div className="w-16 h-16 mx-auto mb-3 bg-blue-100 dark:bg-blue-900/40 rounded-full flex items-center justify-center">
|
|
<Database className="w-8 h-8 text-blue-600" />
|
|
</div>
|
|
<div className="text-2xl font-bold text-blue-600">
|
|
2M+
|
|
</div>
|
|
<div className="text-sm text-gray-600 dark:text-gray-400">
|
|
Produtos no Open Food Facts
|
|
</div>
|
|
</div>
|
|
|
|
<div className="animate-fadeIn" style={{animationDelay: '0.1s'}}>
|
|
<div className="w-16 h-16 mx-auto mb-3 bg-green-100 dark:bg-green-900/40 rounded-full flex items-center justify-center">
|
|
<Globe className="w-8 h-8 text-green-600" />
|
|
</div>
|
|
<div className="text-2xl font-bold text-green-600">100+</div>
|
|
<div className="text-sm text-gray-600 dark:text-gray-400">
|
|
Países cobertos
|
|
</div>
|
|
</div>
|
|
|
|
<div className="animate-fadeIn" style={{animationDelay: '0.2s'}}>
|
|
<div className="w-16 h-16 mx-auto mb-3 bg-purple-100 dark:bg-purple-900/40 rounded-full flex items-center justify-center">
|
|
<Zap className="w-8 h-8 text-purple-600" />
|
|
</div>
|
|
<div className="text-2xl font-bold text-purple-600">99.9%</div>
|
|
<div className="text-sm text-gray-600 dark:text-gray-400">
|
|
Uptime garantido
|
|
</div>
|
|
</div>
|
|
|
|
<div className="animate-fadeIn" style={{animationDelay: '0.3s'}}>
|
|
<div className="w-16 h-16 mx-auto mb-3 bg-orange-100 dark:bg-orange-900/40 rounded-full flex items-center justify-center animate-pulse-slow">
|
|
<Code className="w-8 h-8 text-orange-600" />
|
|
</div>
|
|
<div className="text-xl font-bold text-orange-600">100%</div>
|
|
<div className="text-sm text-gray-600 dark:text-gray-400">
|
|
Open Source
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|