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>

9
components/blocks/JobListingBlock.tsx
View File

@@ -54,9 +54,12 @@ export const JobListingBlock = async (props: JobListingBlockProps) => {
const isLink = !!messe.url;
const innerContent = (
<>
{/* Minimalist Trassen Content Background */}
<div className="trassen-content border border-white/5" />
{/* Glass Background Elements */}
<div className="absolute inset-0 bg-gradient-to-br from-white/[0.03] to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-700" />
<div className="absolute -top-32 -right-32 w-64 h-64 bg-primary/20 blur-[100px] rounded-full group-hover:bg-primary/30 transition-colors duration-700" />
<HoverShineOverlay shineColor="via-primary/10" />
<div className="relative z-10 flex-grow flex flex-col">
<div className="flex justify-between items-start mb-6">
<div className="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-white/[0.05] border border-white/10 text-xs font-bold uppercase tracking-wider text-primary-light backdrop-blur-sm">
@@ -113,7 +116,7 @@ export const JobListingBlock = async (props: JobListingBlockProps) => {
</>
);
const baseClasses = "group trassen-border rounded-[2rem] p-8 shadow-2xl transition-all duration-500 hover:scale-[1.02] hover:shadow-primary/10 flex flex-col h-full";
const baseClasses = "group relative bg-[#050B14] rounded-[2rem] p-8 overflow-hidden border border-white/5 shadow-2xl transition-all duration-500 hover:scale-[1.02] hover:shadow-primary/10 flex flex-col h-full";
if (isLink) {
return (