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

feat: replace literal decorations with AbstractBore and AbstractTrench

Browse Source 
Former-commit-id: 4f7c5fcc7203aa4a36aabd8ffc13cf9f28a0f77a
This commit is contained in:
Marc Mintel
2026-05-11 21:44:31 +02:00
parent 74caea6854
commit e33dcdddac
13 changed files with 186 additions and 411 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
components/layout/Footer.tsx
View File

@@ -4,8 +4,8 @@ import { useLocale } from 'next-intl';
import { ShieldCheck, Leaf, Lock, Accessibility, Zap } from 'lucide-react';
import { LanguageSwitcher } from './LanguageSwitcher';
import { StratumLines } from '@/components/ui/decorations/StratumLines';
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 CompanyInfo {
contactEmail: string;
@@ -22,8 +22,6 @@ export function Footer({ companyInfo }: FooterProps) {
return (
<footer className="bg-[#050B14] text-neutral-light py-16 relative overflow-hidden border-t border-white/5">
{/* Organic wave divider at the top */}
<DrillTeeth position="top" fill="#050B14" />
{/* Subtle background tech grid */}
<div className="absolute inset-0 bg-[linear-gradient(to_right,#8080800a_1px,transparent_1px),linear-gradient(to_bottom,#8080800a_1px,transparent_1px)] bg-[size:32px_32px] [mask-image:radial-gradient(ellipse_80%_50%_at_50%_0%,#000_70%,transparent_100%)] pointer-events-none" />
@@ -155,11 +153,11 @@ export function Footer({ companyInfo }: FooterProps) {
<div className="flex items-center gap-2"><Zap className="w-4 h-4 text-white/40" /><span>High Performance</span></div>
</div>
</div>
{/* Decorative: large abstract drill bit spinning slowly in background */}
<div className="absolute top-1/2 -translate-y-1/2 -right-48 pointer-events-none opacity-[0.03]">
<DrillBitSpinner size={600} duration={30} glow={false} />
</div>
{/* Decorative: abstract earth strata */}
{/* Minimalist Abstract Drilling */}
<AbstractBore className="top-0 opacity-20" invert />
{/* Minimalist Abstract Trenching */}
<AbstractTrench className="bottom-0 opacity-20" invert />
{/* Abstract earth strata */}
<StratumLines placement="bottom-right" />
</footer>
);