From df71fa4a4203abe39dc78d72c72f1424a06c4310 Mon Sep 17 00:00:00 2001
From: shenlan <manbuzhe2009@qq.com>
Date: Sat, 18 Oct 2025 18:29:56 +0800
Subject: [PATCH] Simplify home capability lists and adjust hero layout (#574)

---
 dashboard/components/home/HeroBannerClient.tsx    |  2 +-
 dashboard/components/home/HeroProductTabs.tsx     |  6 +++---
 dashboard/components/home/ProductMatrixClient.tsx | 10 +++++-----
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/dashboard/components/home/HeroBannerClient.tsx b/dashboard/components/home/HeroBannerClient.tsx
index 3223c1a..8531044 100644
--- a/dashboard/components/home/HeroBannerClient.tsx
+++ b/dashboard/components/home/HeroBannerClient.tsx
@@ -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">
diff --git a/dashboard/components/home/HeroProductTabs.tsx b/dashboard/components/home/HeroProductTabs.tsx
index 96b8d32..7579135 100644
--- a/dashboard/components/home/HeroProductTabs.tsx
+++ b/dashboard/components/home/HeroProductTabs.tsx
@@ -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>
diff --git a/dashboard/components/home/ProductMatrixClient.tsx b/dashboard/components/home/ProductMatrixClient.tsx
index 6fb89de..43de68f 100644
--- a/dashboard/components/home/ProductMatrixClient.tsx
+++ b/dashboard/components/home/ProductMatrixClient.tsx
@@ -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>