Simplify home capability lists and adjust hero layout (#574)
This commit is contained in:
parent
9d69aab8b5
commit
df71fa4a42
@ -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">
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user