0770ff499b
All checks were successful
CI / go-lint (push) Has been skipped
CI / python-lint (push) Has been skipped
CI / nodejs-lint (push) Has been skipped
CI / test-go-consent (push) Successful in 39s
CI / test-python-voice (push) Successful in 37s
CI / test-bqas (push) Successful in 37s
Neue statische Website fuer Kinder (6-12 Jahre) mit 8 Holzprojekten, SVG-Illustrationen, Sicherheitshinweisen und kindgerechtem Design. Next.js 15 + Tailwind + Framer Motion. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
16 lines
586 B
TypeScript
16 lines
586 B
TypeScript
import { Step } from '@/lib/types'
|
|
|
|
export function StepCard({ step, index }: { step: Step; index: number }) {
|
|
return (
|
|
<div className="flex gap-4">
|
|
<div className="flex-shrink-0 w-10 h-10 rounded-full bg-primary flex items-center justify-center text-white font-bold text-lg">
|
|
{index + 1}
|
|
</div>
|
|
<div className="flex-1 pb-8 border-l-2 border-primary/20 pl-6 -ml-5 mt-5">
|
|
<h3 className="font-heading font-bold text-lg mb-1">{step.title}</h3>
|
|
<p className="text-dark/70 leading-relaxed">{step.description}</p>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|