mmintel/e-tib.com
1
0
Fork 0
Code Issues Pull Requests 2 Actions 150 Packages Projects Releases Wiki Activity

revert: remove failed corporate design elements, back to clean state

Browse Source 
Former-commit-id: a00aa85ab7b4b8f5707329fd5ea21fe322c744d9
This commit is contained in:
Marc Mintel
2026-05-10 21:26:31 +02:00
parent 22faf4387d
commit 8a9b30f926
6 changed files with 109 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
components/blocks/CompetenceBentoGrid.tsx
View File

@@ -110,6 +110,8 @@ export function CompetenceBentoGrid(props: CompetenceBentoGridProps) {
transition={{ delay: idx * 0.1 }}
className={gridClasses}
>
<div className="absolute top-0 right-0 w-32 h-32 bg-primary/30 blur-3xl rounded-full -mr-10 -mt-10 group-hover:bg-primary/50 transition-colors duration-500" />
<HoverShineOverlay shineColor="via-white/30" />
<h4 className="font-bold text-xl md:text-2xl relative z-10 leading-snug">{item.title}</h4>
{item.description && <p className="text-white/60 text-sm mt-3 relative z-10">{item.description}</p>}
</motion.div>
@@ -123,20 +125,19 @@ export function CompetenceBentoGrid(props: CompetenceBentoGridProps) {
whileInView={{ opacity: 1, scale: 1 }}
viewport={{ once: true }}
transition={{ delay: idx * 0.1 }}
className={`${gridClasses} group trassen-border border border-white/5 rounded-3xl overflow-hidden`}
className={gridClasses}
>
<div className="trassen-content" />
{!imgSrc && (
<div className="absolute inset-[1px] rounded-[inherit] bg-neutral-dark z-[2] transition-colors duration-500 group-hover:bg-primary-dark" />
<div className="absolute inset-0 bg-neutral-dark z-0 transition-colors duration-500 group-hover:bg-primary-dark" />
)}
{imgSrc && (
<>
<div className="absolute inset-[1px] rounded-[inherit] bg-white z-[2] overflow-hidden">
<div className="absolute inset-0 bg-white z-0">
<Image
src={imgSrc}
alt={item.title || ''}
fill
className="object-cover opacity-90 grayscale group-hover:grayscale-0 group-hover:scale-105 group-hover:opacity-100 transition-all duration-700 ease-in-out"
className="object-cover opacity-90 group-hover:scale-105 group-hover:opacity-100 transition-all duration-700 ease-in-out"
sizes={isLarge ? "(max-width: 768px) 100vw, 50vw" : "(max-width: 768px) 100vw, 25vw"}
/>
</div>