Skip to content

Commit 0336987

Browse files
committed
fix: remove duplicate decorative icon box in pillars section
- Keep only the left icon box with the actual icon - Remove redundant right decorative box - Cleaner, simpler design
1 parent 2c69f92 commit 0336987

File tree

1 file changed

+2
-3
lines changed

1 file changed

+2
-3
lines changed

app/page.tsx

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -356,11 +356,10 @@ export default function Home() {
356356
<div className="grid md:grid-cols-3 gap-8">
357357
{pillars.map((pillar) => (
358358
<EnhancedCard key={pillar.title}>
359-
<div className="flex items-center justify-between mb-6">
360-
<div className="h-14 w-14 rounded-2xl bg-gradient-to-br from-violet-500/20 to-cyan-500/20 flex items-center justify-center">
359+
<div className="mb-6">
360+
<div className="h-14 w-14 rounded-2xl bg-gradient-to-br from-violet-500/20 to-cyan-500/20 flex items-center justify-center group-hover:scale-110 transition-transform duration-300">
361361
<Icon name={pillar.icon} size={32} className="text-cyan-300" />
362362
</div>
363-
<div className="h-14 w-14 rounded-2xl bg-gradient-to-br from-violet-500/30 to-cyan-500/30 flex items-center justify-center group-hover:scale-110 transition-transform duration-300" />
364363
</div>
365364
<h3 className="text-2xl font-bold text-cyan-300 mb-4">{pillar.title}</h3>
366365
<p className="text-gray-300 leading-relaxed">{pillar.body}</p>

0 commit comments

Comments
 (0)