lifestyle development

app/home/(user)/_components/ai/life-style-card.tsx

@@ -2,16 +2,34 @@
 
 import React from 'react';
 
-import { Card } from '@kit/ui/shadcn/card';
+import Link from 'next/link';
+
+import { AccountWithParams } from '@/packages/features/accounts/src/types/accounts';
+import { pathsConfig } from '@/packages/shared/src/config';
+import { ChevronRight } from 'lucide-react';
+
+import { Trans } from '@kit/ui/makerkit/trans';
+import { Button } from '@kit/ui/shadcn/button';
+import { Card, CardHeader } from '@kit/ui/shadcn/card';
 
 import { loadLifeStyle } from '../../_lib/server/load-life-style';
 
-const LifeStyleCard = async () => {
-  const data = await loadLifeStyle();
+const LifeStyleCard = async ({ account }: { account: AccountWithParams }) => {
+  const data = await loadLifeStyle(account);
 
   return (
     <Card variant="gradient-success" className="flex flex-col justify-between">
-      Test
+      <CardHeader className="flex-row justify-between">
+        <h5>
+          <Trans i18nKey="dashboard:heroCard.lifeStyle.title" />
+        </h5>
+        <Link href={pathsConfig.app.lifeStyle}>
+          <Button size="icon" variant="outline" className="px-2 text-black">
+            <ChevronRight className="size-4 stroke-2" />
+          </Button>
+        </Link>
+      </CardHeader>
+      <span className="text-primary p-4 text-sm">{data.summary}</span>
     </Card>
   );
 };