mmintel/klz-cables.com
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

animations

Browse Source
This commit is contained in:
Marc Mintel
2026-01-17 13:17:10 +01:00
parent 021d23ab93
commit 29168a9778
19 changed files with 1353 additions and 252 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
components/home/MeetTheTeam.tsx
View File

@@ -40,17 +40,18 @@ export default function MeetTheTeam() {
<span className="ml-3 transition-transform group-hover:translate-x-2">&rarr;</span>
</Button>
<div className="flex -space-x-4">
{[1, 2, 3, 4].map((i) => (
<div key={i} className="w-14 h-14 rounded-full border-4 border-primary-dark bg-neutral-medium overflow-hidden">
<div className="w-full h-full bg-primary-light flex items-center justify-center text-primary font-bold text-xs">
KLZ
</div>
<div className="flex items-center gap-4">
<div className="flex -space-x-4">
<div className="w-14 h-14 rounded-full border-4 border-primary-dark overflow-hidden relative">
<Image src="/uploads/2024/12/DSC07768-Large.webp" alt="Michael Bodemer" fill className="object-cover" />
</div>
<div className="w-14 h-14 rounded-full border-4 border-primary-dark overflow-hidden relative">
<Image src="/uploads/2024/12/DSC07963-Large.webp" alt="Klaus Mintel" fill className="object-cover" />
</div>
))}
<div className="w-14 h-14 rounded-full border-4 border-primary-dark bg-accent flex items-center justify-center text-primary-dark font-bold text-sm">
+12
</div>
<span className="text-white/60 font-bold text-sm uppercase tracking-widest">
{t('andNetwork')}
</span>
</div>
</div>
</div>