refactor: update border colors from gray-100 to gray-200 in SecondaryFeatures

- Changed all border-gray-100 classes to border-gray-200 for increased contrast
- Applied to top/bottom horizontal lines, container borders, and feature card borders
This commit is contained in:
2025-11-18 14:55:27 +01:00
parent 979d151537
commit 2dbcda4997

View File

@@ -191,11 +191,11 @@ export function SecondaryFeatures() {
<section className="w-full max-w-8xl mx-auto bg-transparent"> <section className="w-full max-w-8xl mx-auto bg-transparent">
{/* ✅ Top horizontal line with spacing */} {/* ✅ Top horizontal line with spacing */}
<div className="max-w-7xl bg-transparent mx-auto py-6 border border-t-0 border-b-0 border-gray-100"></div> <div className="max-w-7xl bg-transparent mx-auto py-6 border border-t-0 border-b-0 border-gray-200"></div>
<div className="w-full border-t border-l border-r border-gray-100" /> <div className="w-full border-t border-l border-r border-gray-200" />
<Container className="py-12 border border-t-0 border-b-0 border-gray-100"> <Container className="py-12 border border-t-0 border-b-0 border-gray-200">
<div className="mx-auto max-w-4xl sm:text-center"> <div className="mx-auto max-w-4xl sm:text-center">
<Eyebrow className="text-cyan-500 uppercase tracking-[0.16em]">FEATURES</Eyebrow> <Eyebrow className="text-cyan-500 uppercase tracking-[0.16em]">FEATURES</Eyebrow>
<H3 className="mt-6 text-black"> <H3 className="mt-6 text-black">
@@ -212,7 +212,7 @@ export function SecondaryFeatures() {
{features.map((feature) => ( {features.map((feature) => (
<li <li
key={feature.name} key={feature.name}
className="rounded-2xl border border-gray-100 p-8 transition-all duration-300 ease-in-out hover:scale-105 hover:border-cyan-500 hover:shadow-lg hover:shadow-cyan-500/20" className="rounded-2xl border border-gray-200 p-8 transition-all duration-300 ease-in-out hover:scale-105 hover:border-cyan-500 hover:shadow-lg hover:shadow-cyan-500/20"
> >
<feature.icon className="h-8 w-8" /> <feature.icon className="h-8 w-8" />
<CP className="mt-6 font-semibold text-gray-900"> <CP className="mt-6 font-semibold text-gray-900">
@@ -224,8 +224,8 @@ export function SecondaryFeatures() {
</ul> </ul>
</Container> </Container>
{/* ✅ Bottom horizontal line with spacing */} {/* ✅ Bottom horizontal line with spacing */}
<div className="w-full border-b border-gray-100" /> <div className="w-full border-b border-gray-200" />
<div className="max-w-7xl bg-transparent mx-auto py-6 border border-t-0 border-b-0 border-gray-100"></div> <div className="max-w-7xl bg-transparent mx-auto py-6 border border-t-0 border-b-0 border-gray-200"></div>
</section> </section>
) )
} }