Refine global card system

2026-03-10 06:09:03 +01:00
parent f2b5a15191
commit 6f20f28a96
7 changed files with 526 additions and 101 deletions
@@ -133,9 +133,11 @@ export default async function HomePage({ params: { locale } }: HomePageProps) {
                    const Icon = serviceIcons[index];

                    return (
-                      <div
+                      <AppCard
                        key={item}
-                        className="rounded-nested border border-border/70 bg-background/80 p-4 shadow-xs transition-colors hover:bg-accent/40"
+                        layer="single"
+                        interactive
+                        className="h-full"
                      >
                        <div className="flex h-10 w-10 items-center justify-center rounded-full bg-[linear-gradient(135deg,hsl(var(--hero-left)/0.42),hsl(var(--hero-right)/0.26))]">
                          <Icon className="h-5 w-5 text-foreground/78" />
@@ -143,7 +145,7 @@ export default async function HomePage({ params: { locale } }: HomePageProps) {
                        <p className="mt-4 text-sm font-medium leading-6 text-foreground/88 sm:text-base">
                          {item}
                        </p>
-                      </div>
+                      </AppCard>
                    );
                  })}
                </div>