feat: Add LEVIS Holzbau — Kinder-Holzwerk-Website (Port 3013)
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
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>
This commit is contained in:
15
levis-holzbau/components/DifficultyBadge.tsx
Normal file
15
levis-holzbau/components/DifficultyBadge.tsx
Normal file
@@ -0,0 +1,15 @@
|
||||
import { Hammer } from 'lucide-react'
|
||||
|
||||
export function DifficultyBadge({ level }: { level: 1 | 2 | 3 }) {
|
||||
const labels = ['Anfaenger', 'Fortgeschritten', 'Profi']
|
||||
return (
|
||||
<div className="flex items-center gap-1" title={labels[level - 1]}>
|
||||
{Array.from({ length: 3 }).map((_, i) => (
|
||||
<Hammer
|
||||
key={i}
|
||||
className={`w-4 h-4 ${i < level ? 'text-primary' : 'text-gray-300'}`}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user