Simplify home capability lists and adjust hero layout (#574)

This commit is contained in:
shenlan 2025-10-18 18:29:56 +08:00 committed by GitHub
parent 9d69aab8b5
commit df71fa4a42
3 changed files with 9 additions and 9 deletions

View File

@ -53,7 +53,7 @@ export default function HeroBannerClient({ hero, solutions }: HeroBannerClientPr
<div className="h-full w-full bg-[radial-gradient(circle_at_top,_rgba(59,130,246,0.25),_transparent_60%)]" />
</div>
<div className={gradientOverlay} aria-hidden="true" />
<div className="relative mx-auto flex max-w-6xl flex-col gap-10 px-4 py-16 text-slate-900 sm:py-20 lg:flex-row lg:items-center lg:py-24">
<div className="relative mx-auto flex max-w-6xl flex-col gap-10 px-4 py-16 text-slate-900 sm:py-20 lg:flex-row lg:items-start lg:py-24">
<div className="flex-1 space-y-6">
{heroCopy.eyebrow ? (
<span className="inline-flex items-center rounded-full border border-blue-200/80 bg-blue-50/80 px-4 py-1 text-sm font-medium tracking-wide text-blue-700">

View File

@ -150,14 +150,14 @@ export default function HeroProductTabs({ items }: HeroProductTabsProps) {
) : null}
</div>
{activeItem.features.length ? (
<ul className="mt-5 grid gap-3 text-sm text-slate-700 sm:grid-cols-2 sm:text-base">
<ul className="mt-5 grid gap-2 text-sm text-slate-700 sm:grid-cols-2 sm:text-base">
{activeItem.features.map((feature) => (
<li
key={feature}
className="flex items-start gap-3 rounded-xl border border-blue-100 bg-blue-50/70 p-3"
className="flex items-start gap-2"
>
<span className="mt-1 inline-block h-2 w-2 flex-shrink-0 rounded-full bg-blue-500" aria-hidden />
<span>{feature}</span>
<span className="leading-relaxed">{feature}</span>
</li>
))}
</ul>

View File

@ -91,14 +91,14 @@ export default function ProductMatrixClient({ solutions }: ProductMatrixClientPr
{productMatrix.description}
</p>
</header>
<ul className="grid gap-3 text-sm text-brand-heading/80 sm:grid-cols-2 lg:grid-cols-3">
<ul className="grid gap-2 text-sm text-brand-heading/80 sm:grid-cols-2 lg:grid-cols-3">
{overviewHighlights.map((highlight) => (
<li
key={highlight}
className="flex items-start gap-3 rounded-2xl border border-brand-border bg-white p-3 shadow-[0_4px_20px_rgba(0,0,0,0.04)]"
className="flex items-start gap-2"
>
<span className="mt-1 h-2 w-2 flex-shrink-0 rounded-full bg-brand" aria-hidden />
<span>{highlight}</span>
<span className="leading-relaxed">{highlight}</span>
</li>
))}
</ul>
@ -163,10 +163,10 @@ export default function ProductMatrixClient({ solutions }: ProductMatrixClientPr
{activeSolution.features.map((feature) => (
<li
key={feature}
className="flex items-start gap-3 rounded-2xl border border-brand-border bg-white p-3 shadow-[0_4px_20px_rgba(0,0,0,0.04)]"
className="flex items-start gap-2"
>
<span className="mt-1 h-1.5 w-1.5 flex-shrink-0 rounded-full bg-brand" aria-hidden />
<span>{feature}</span>
<span className="leading-relaxed">{feature}</span>
</li>
))}
</ul>