AeThex-Corporation/aethex-forge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Enhance 8 homepage cards with richer visuals, tags, and CTAs

Browse source 
cgen-4261a8f0b38c4a2a81409a300983ed6d
This commit is contained in:
Builder.io 2025-10-18 01:44:25 +00:00
parent 151bb38c65
commit 58d48d08c0
1 changed files with 27 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
client/pages/Index.tsx
View file

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