feat: replace literal decorations with AbstractBore and AbstractTrench

Former-commit-id: 4f7c5fcc7203aa4a36aabd8ffc13cf9f28a0f77a
This commit is contained in:
2026-05-11 21:44:31 +02:00
parent 74caea6854
commit e33dcdddac
13 changed files with 186 additions and 411 deletions

View File

@@ -4,9 +4,8 @@ import * as React from 'react';
import { motion, Variants } from 'framer-motion';
import Image from 'next/image';
import { HoverShineOverlay } from '@/components/ui/HoverShineOverlay';
import { DrillOrbit } from '@/components/ui/decorations/DrillOrbit';
import { DrillBitSpinner } from '@/components/ui/decorations/DrillBitSpinner';
import { DrillTeeth } from '@/components/ui/decorations/DrillTeeth';
import { AbstractBore } from '@/components/ui/decorations/AbstractBore';
import { AbstractTrench } from '@/components/ui/decorations/AbstractTrench';
interface SubCompanyTilesProps {
badge?: string;
@@ -200,14 +199,10 @@ export function SubCompanyTiles(props: SubCompanyTilesProps) {
})}
</motion.div>
</div>
{/* Decorative: large abstract drill bit spinning slowly in background */}
<div className="absolute top-1/3 -translate-y-1/2 -left-64 pointer-events-none opacity-[0.04]">
<DrillBitSpinner size={700} duration={25} glow={false} />
</div>
{/* Decorative: abstract HDD bore trajectory */}
<DrillOrbit side="right" />
{/* Organic wave divider */}
<DrillTeeth position="bottom" fill="var(--color-neutral-dark)" />
{/* Minimalist Abstract Drilling */}
<AbstractBore className="top-1/4 opacity-40" />
{/* Minimalist Abstract Trenching */}
<AbstractTrench className="bottom-0 opacity-40" />
</section>
);
}