From 47b271eb1670789bb0bde2f75254332e2abf02ce Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sat, 18 Oct 2025 01:50:16 +0000
Subject: [PATCH] Refine gradients/tags and increase hero button spacing

cgen-aca6c6d13c1e4b8bbff6f28d8536c616
---
 client/pages/Index.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/client/pages/Index.tsx b/client/pages/Index.tsx
index a4e964cd..2dfc1c00 100644
--- a/client/pages/Index.tsx
+++ b/client/pages/Index.tsx
@@ -59,23 +59,23 @@ export default function Index() {
       title: "Game Development",
       description: "Full‑cycle production and tooling",
       icon: Zap,
-      color: "from-blue-500 to-purple-600",
+      color: "from-sky-500 to-indigo-600",
       link: "/game-development",
-      tags: ["Studios", "Indie"],
+      tags: ["Studios", "Tools"],
     },
     {
       title: "Product Design",
       description: "UX/UI, prototyping, and branding",
       icon: Target,
-      color: "from-purple-500 to-pink-600",
+      color: "from-rose-500 to-fuchsia-600",
       link: "/consulting",
-      tags: ["UX/UI", "Brand"],
+      tags: ["UX", "Branding"],
     },
     {
       title: "Platform Engineering",
       description: "Web, mobile, and backend foundations",
       icon: Users,
-      color: "from-green-500 to-blue-600",
+      color: "from-emerald-500 to-teal-600",
       link: "/consulting",
       tags: ["Web", "Backend"],
     },
@@ -83,7 +83,7 @@ export default function Index() {
       title: "Community & Growth",
       description: "Programs, content, and engagement",
       icon: TrendingUp,
-      color: "from-orange-500 to-red-600",
+      color: "from-amber-500 to-orange-600",
       link: "/community",
       tags: ["Programs", "Content"],
     },
@@ -291,7 +291,7 @@ export default function Index() {
         </div>
 
         {/* Main Content */}
-        <div className="container mx-auto px-4 relative z-10">
+        <div className="container mx-auto px-4 relative z-10 pb-24 sm:pb-28">
           <div className="text-center space-y-12">
             {/* Title */}
             <div className="space-y-6 animate-scale-in">
@@ -403,7 +403,7 @@ export default function Index() {
             </div>
 
             {/* Action Buttons */}
-            <div className="flex flex-col sm:flex-row justify-center gap-6 animate-slide-up">
+            <div className="flex flex-col sm:flex-row justify-center gap-6 animate-slide-up mb-8 sm:mb-10">
               <Button
                 asChild
                 size="lg"