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

57
components/ui/decorations/TrenchLines.tsx
View File

@@ -1,57 +0,0 @@
'use client';
import React, { useEffect, useState } from 'react';
import { motion, useScroll, useSpring, useTransform } from 'framer-motion';
export function TrenchLines() {
const { scrollYProgress } = useScroll();
// Apply a spring to make the scroll movement feel heavier, industrial
const smoothProgress = useSpring(scrollYProgress, {
stiffness: 100,
damping: 30,
restDelta: 0.001
});
// Map progress to vertical position
const yPosition = useTransform(smoothProgress, [0, 1], ['-15vh', '100vh']);
const yPositionMarker = useTransform(smoothProgress, [0, 1], ['-15vh', '100vh']);
const [mounted, setMounted] = useState(false);
useEffect(() => {
setMounted(true);
}, []);
if (!mounted) return null;
return (
<div className="fixed inset-0 pointer-events-none z-0 overflow-hidden hidden sm:block">
{/* Left Trench Line */}
<div className="absolute top-0 bottom-0 left-6 lg:left-12 w-[1px] bg-white/[0.03]">
<motion.div
className="absolute top-0 left-[-1px] w-[3px] h-[15vh] bg-gradient-to-b from-transparent via-primary to-transparent shadow-[0_0_15px_rgba(var(--color-primary),0.8)]"
style={{ y: yPosition }}
/>
{/* Subtle digging pulse marker */}
<motion.div
className="absolute left-[-2px] w-[5px] h-[5px] bg-white rounded-full shadow-[0_0_10px_rgba(255,255,255,1)]"
style={{ y: yPositionMarker, marginTop: '7.5vh' }}
/>
</div>
{/* Right Trench Line */}
<div className="absolute top-0 bottom-0 right-6 lg:right-12 w-[1px] bg-white/[0.03]">
<motion.div
className="absolute top-0 right-[-1px] w-[3px] h-[15vh] bg-gradient-to-b from-transparent via-primary to-transparent shadow-[0_0_15px_rgba(var(--color-primary),0.8)]"
style={{ y: yPosition }}
/>
{/* Subtle digging pulse marker */}
<motion.div
className="absolute right-[-2px] w-[5px] h-[5px] bg-white rounded-full shadow-[0_0_10px_rgba(255,255,255,1)]"
style={{ y: yPositionMarker, marginTop: '7.5vh' }}
/>
</div>
</div>
);
}