Behebung issues git
This commit is contained in:
@@ -121,21 +121,27 @@ const AboutPage: React.FC = () => {
|
||||
<section className="py-16 px-6 bg-white/5 backdrop-blur-sm border-y border-white/5 text-white relative">
|
||||
<div className="absolute inset-0 bg-[radial-gradient(ellipse_60%_50%_at_50%_-20%,rgba(255,255,255,0.03),rgba(255,255,255,0))] pointer-events-none"></div>
|
||||
<div className="max-w-7xl mx-auto grid grid-cols-2 md:grid-cols-4 gap-8 text-center relative z-10">
|
||||
{[
|
||||
{ label: 'Businesses served', value: 30, suffix: '+' },
|
||||
{ label: 'Uptime achieved', value: 99.9, suffix: '%' },
|
||||
{ label: 'Years of service', value: 30, suffix: '+' },
|
||||
{ label: 'Response time', value: 2, prefix: '<', suffix: 'min' },
|
||||
{[
|
||||
{ label: 'Businesses served', value: 30, suffix: '+' },
|
||||
{ label: 'Uptime target', value: 99.9, suffix: '%' },
|
||||
{ label: 'Years of service', value: 30, suffix: '+' },
|
||||
{ label: 'Local Corpus Christi support', value: null },
|
||||
].map((stat, index) => (
|
||||
<div key={index} className="p-4">
|
||||
<div className="text-4xl md:text-5xl font-bold mb-2 flex justify-center items-center gap-1">
|
||||
{stat.prefix && <span>{stat.prefix}</span>}
|
||||
<Counter value={stat.value} />
|
||||
{stat.suffix && <span>{stat.suffix}</span>}
|
||||
</div>
|
||||
<div className="text-gray-400 font-medium">{stat.label}</div>
|
||||
{stat.value !== null ? (
|
||||
<>
|
||||
<div className="text-4xl md:text-5xl font-bold mb-2 flex justify-center items-center gap-1">
|
||||
{stat.prefix && <span>{stat.prefix}</span>}
|
||||
<Counter value={stat.value} />
|
||||
{stat.suffix && <span>{stat.suffix}</span>}
|
||||
</div>
|
||||
<div className="text-gray-400 font-medium">{stat.label}</div>
|
||||
</>
|
||||
) : (
|
||||
<div className="text-4xl md:text-5xl font-bold mb-2">{stat.label}</div>
|
||||
)}
|
||||
</div>
|
||||
))}
|
||||
))}
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user