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

feat: content-aware HDDBore and TrenchLaying animations with drillbit transition

Browse Source 
Former-commit-id: 1a541fc31c5b24aa083c3441a9ab642c7d49da59
This commit is contained in:
Marc Mintel
2026-05-11 21:49:57 +02:00
parent e33dcdddac
commit 2e1e34a617
12 changed files with 236 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/blocks/CompetenceBentoGrid.tsx
View File

@@ -7,8 +7,8 @@ import { useState, useEffect } from 'react';
import { Button } from '@/components/ui/Button';
import { HoverShineOverlay } from '@/components/ui/HoverShineOverlay';
import { StratumLines } from '@/components/ui/decorations/StratumLines';
import { AbstractBore } from '@/components/ui/decorations/AbstractBore';
import { AbstractTrench } from '@/components/ui/decorations/AbstractTrench';
import { HDDBoreAnimation } from '@/components/ui/decorations/HDDBoreAnimation';
import { TrenchLayingAnimation } from '@/components/ui/decorations/TrenchLayingAnimation';
interface CompetenceBentoGridProps {
badge?: string;
@@ -170,10 +170,10 @@ export function CompetenceBentoGrid(props: CompetenceBentoGridProps) {
})}
</div>
</div>
{/* Minimalist Abstract Drilling */}
<AbstractBore className="top-1/4 opacity-40" invert />
{/* Minimalist Abstract Trenching */}
<AbstractTrench className="bottom-0 opacity-40" invert />
{/* Content-Aware Animation: HDD Drilling */}
<HDDBoreAnimation className="top-1/4 opacity-40" invert />
{/* Content-Aware Animation: Trenching */}
<TrenchLayingAnimation className="bottom-0 opacity-40" invert />
</section>
);
}