From 58d48d08c0fd3b7ca8275749d5d398f343dcc332 Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sat, 18 Oct 2025 01:44:25 +0000
Subject: [PATCH] Enhance 8 homepage cards with richer visuals, tags, and CTAs

cgen-4261a8f0b38c4a2a81409a300983ed6d
---
 client/pages/Index.tsx | 29 +++++++++++++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/client/pages/Index.tsx b/client/pages/Index.tsx
index a6641c64..5f018b4d 100644
--- a/client/pages/Index.tsx
+++ b/client/pages/Index.tsx
@@ -45,57 +45,82 @@ export default function Index() {
     return () => clearInterval(interval);
   }, []);
 
-  const features = [
+  type FeatureCard = {
+    title: string;
+    description: string;
+    icon: any;
+    color: string; // tailwind gradient from-to
+    link?: string;
+    tags?: string[];
+  };
+
+  const features: FeatureCard[] = [
     {
       title: "Game Development",
       description: "Full‑cycle production and tooling",
       icon: Zap,
       color: "from-blue-500 to-purple-600",
+      link: "/game-development",
+      tags: ["Studios", "Indie"],
     },
     {
       title: "Product Design",
       description: "UX/UI, prototyping, and branding",
       icon: Target,
       color: "from-purple-500 to-pink-600",
+      link: "/consulting",
+      tags: ["UX/UI", "Brand"],
     },
     {
       title: "Platform Engineering",
       description: "Web, mobile, and backend foundations",
       icon: Users,
       color: "from-green-500 to-blue-600",
+      link: "/consulting",
+      tags: ["Web", "Backend"],
     },
     {
       title: "Community & Growth",
       description: "Programs, content, and engagement",
       icon: TrendingUp,
       color: "from-orange-500 to-red-600",
+      link: "/community",
+      tags: ["Programs", "Content"],
     },
   ];
 
-  const platformFeatures = [
+  const platformFeatures: FeatureCard[] = [
     {
       title: "Dashboard",
       description: "Your projects, applications, and rewards — in one place",
       icon: LayoutDashboard,
       color: "from-blue-500 to-purple-600",
+      link: "/dashboard",
+      tags: ["Overview", "Rewards"],
     },
     {
       title: "Community Feed",
       description: "Share progress, discover collaborators, and stay updated",
       icon: Users,
       color: "from-purple-500 to-pink-600",
+      link: "/feed",
+      tags: ["Posts", "Collab"],
     },
     {
       title: "Developer Passport",
       description: "A public profile with verifiable achievements",
       icon: IdCard,
       color: "from-green-500 to-blue-600",
+      link: "/passport/me",
+      tags: ["Profile", "Badges"],
     },
     {
       title: "Docs & CLI",
       description: "Guides, API reference, and tooling to ship faster",
       icon: Microscope,
       color: "from-orange-500 to-red-600",
+      link: "/docs",
+      tags: ["Guides", "API"],
     },
   ];