polish: remove generic icons from Process cards
All checks were successful
Build & Push / build-and-push (push) Successful in 1m27s
All checks were successful
Build & Push / build-and-push (push) Successful in 1m27s
Let the ghosted numerals + gradient top bar carry the visual identity. Tighter layout: numeral flows directly into title into description. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -2,7 +2,8 @@
|
||||
|
||||
import { motion, type Variants } from 'framer-motion';
|
||||
import { useTranslations } from 'next-intl';
|
||||
import { Search, LayoutDashboard, PenTool, Rocket, type LucideIcon } from 'lucide-react';
|
||||
import type { LucideIcon } from 'lucide-react';
|
||||
import { Search, LayoutDashboard, PenTool, Rocket } from 'lucide-react';
|
||||
import { cn } from '@/lib/utils';
|
||||
import {
|
||||
staggerContainerWide,
|
||||
@@ -69,23 +70,11 @@ function StepCard({ numeral, stepKey, Icon }: { numeral: string; stepKey: string
|
||||
<motion.span
|
||||
variants={numeralScaleVariants}
|
||||
aria-hidden="true"
|
||||
className="font-serif text-6xl font-light leading-none text-on-surface/[0.12] select-none -ml-0.5 mb-3 mt-6"
|
||||
className="font-serif text-6xl font-light leading-none text-on-surface/[0.12] select-none -ml-0.5 mt-6 mb-5"
|
||||
>
|
||||
{numeral}
|
||||
</motion.span>
|
||||
|
||||
{/* Icon container */}
|
||||
<div className="mb-4">
|
||||
<div className="w-12 h-12 rounded-xl bg-primary/8 flex items-center justify-center">
|
||||
<Icon
|
||||
size={22}
|
||||
strokeWidth={1.5}
|
||||
className="text-primary"
|
||||
aria-hidden="true"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Title */}
|
||||
<h3 className="font-semibold text-lg text-on-surface mb-2 leading-snug">
|
||||
{title}
|
||||
|
||||
Reference in New Issue
Block a user