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

Update service offerings grid with colorful cards

Browse source 
cgen-f2cb6f355b814ab9b653e1b7211716fd
This commit is contained in:
Builder.io 2025-10-04 10:53:42 +00:00
parent f7f0a68fb1
commit d5c094fdaa
1 changed files with 26 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

65
client/pages/Index.tsx
View file

@ -368,44 +368,31 @@ export default function Index() {
</div> </div>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6"> <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
<Card className="bg-card/50 border-border/50 hover:border-aethex-400/50 transition-all hover-lift"> {serviceOfferings.map((offering) => (
<CardHeader> <Card
<CardTitle>Game Development</CardTitle> key={offering.title}
<CardDescription>Studios and indie support</CardDescription> className={`relative overflow-hidden border transition-all duration-500 group hover:-translate-y-1 ${offering.cardClass}`}
</CardHeader> >
<CardContent> <div className="pointer-events-none absolute inset-0 bg-gradient-to-br from-white/10 via-transparent to-transparent opacity-0 group-hover:opacity-40 transition-opacity duration-500" />
<Button asChild className="w-full"> <CardHeader className="relative space-y-2">
<Link to="/game-development">Learn More</Link> <CardTitle className={`text-lg ${offering.titleClass}`}>
</Button> {offering.title}
</CardContent> </CardTitle>
</Card> <CardDescription className={`text-sm ${offering.descriptionClass}`}>
{offering.description}
</CardDescription>
</CardHeader>
<CardContent className="relative pt-2">
<Button asChild className={`w-full ${offering.buttonClass}`}>
<Link to={offering.link}>Learn More</Link>
</Button>
</CardContent>
</Card>
))}
<Card className="bg-card/50 border-border/50 hover:border-aethex-400/50 transition-all hover-lift"> <Card className="relative overflow-hidden border border-yellow-400/40 bg-black/80 text-yellow-100 shadow-[0_0_20px_rgba(250,204,21,0.15)] transition-all duration-500 hover:-translate-y-1 hover:border-yellow-300 group">
<CardHeader> <div className="pointer-events-none absolute inset-0 bg-gradient-to-br from-yellow-500/10 via-transparent to-transparent opacity-0 group-hover:opacity-40 transition-opacity duration-500" />
<CardTitle>Consulting</CardTitle> <CardHeader className="relative space-y-2">
<CardDescription>Architecture & delivery</CardDescription>
</CardHeader>
<CardContent>
<Button asChild className="w-full">
<Link to="/consulting">Learn More</Link>
</Button>
</CardContent>
</Card>
<Card className="bg-card/50 border-border/50 hover:border-aethex-400/50 transition-all hover-lift">
<CardHeader>
<CardTitle>Mentorship</CardTitle>
<CardDescription>Programs and guidance</CardDescription>
</CardHeader>
<CardContent>
<Button asChild className="w-full">
<Link to="/mentorship">Learn More</Link>
</Button>
</CardContent>
</Card>
<Card className="border border-yellow-400/40 bg-black/80 text-yellow-100 shadow-[0_0_20px_rgba(250,204,21,0.15)] transition-all hover:-translate-y-1 hover:border-yellow-300">
<CardHeader className="space-y-2">
<CardTitle className="flex items-center gap-2 text-lg"> <CardTitle className="flex items-center gap-2 text-lg">
<Microscope className="h-5 w-5 text-yellow-300" /> <Microscope className="h-5 w-5 text-yellow-300" />
AeThex Labs AeThex Labs
@ -414,10 +401,10 @@ export default function Index() {
BlackSite R&D portal synced with Labs mainframe BlackSite R&D portal synced with Labs mainframe
</CardDescription> </CardDescription>
</CardHeader> </CardHeader>
<CardContent className="space-y-3"> <CardContent className="relative space-y-3">
<Button <Button
asChild asChild
className="w-full bg-yellow-400 text-black hover:bg-yellow-300" className="w-full bg-yellow-400 text-black hover:bg-yellow-300 shadow-[0_0_18px_rgba(250,204,21,0.25)]"
> >
<Link to="/research">Open Interface</Link> <Link to="/research">Open Interface</Link>
</Button> </Button>