black theme complete

This commit is contained in:
Emre
2025-10-11 06:18:46 +03:00
parent 16c1a09bc4
commit 31fe89eabb
16 changed files with 276 additions and 293 deletions

View File

@@ -35,12 +35,12 @@ const records = [
export const TrackRecord = () => {
return (
<section className="py-16 lg:py-24">
<section className="py-16 text-slate-100 lg:py-24">
<div className="mx-auto max-w-3xl text-center">
<h2 className="text-xs font-semibold uppercase tracking-[0.35em] text-brand-600">
<h2 className="text-xs font-semibold uppercase tracking-[0.35em] text-brand-300">
Our Track Record
</h2>
<p className="mt-4 text-3xl font-semibold text-ink sm:text-4xl">
<p className="mt-4 text-3xl font-semibold text-white sm:text-4xl">
Our team has been at the forefront of datacenter and cloud innovation for decades,
building systems that were faster, safer, and more scalable than anything before.
</p>
@@ -53,13 +53,13 @@ export const TrackRecord = () => {
whileInView={{ opacity: 1, y: 0 }}
viewport={{ once: true, amount: 0.25 }}
transition={{ duration: 0.5, delay: index * 0.05 }}
className="flex h-full flex-col rounded-3xl border border-slate-100 bg-white/90 p-8 shadow-subtle backdrop-blur"
className="flex h-full flex-col rounded-3xl border border-white/10 bg-black p-8 shadow-none backdrop-blur"
>
<div className="inline-flex h-10 w-10 items-center justify-center rounded-full bg-brand-50 font-semibold text-brand-600">
<div className="inline-flex h-10 w-10 items-center justify-center rounded-full bg-brand-500/15 font-semibold text-brand-200">
{index + 1}
</div>
<h3 className="mt-6 text-lg font-semibold text-ink">{record.title}</h3>
<p className="mt-3 text-sm leading-6 text-slate-600">{record.description}</p>
<h3 className="mt-6 text-lg font-semibold text-white">{record.title}</h3>
<p className="mt-3 text-sm leading-6 text-slate-300">{record.description}</p>
</motion.div>
))}
</div>