feat: replace technical drawings with premium animated design elements (DrillOrbit + StratumLines)

Former-commit-id: f56a9d40b6b4068691b1d8851da455da6514fa3c

components/blocks/CompetenceBentoGrid.tsx

@@ -6,6 +6,7 @@ import { motion } from 'framer-motion';
 import { useState, useEffect } from 'react';
 import { Button } from '@/components/ui/Button';
 import { HoverShineOverlay } from '@/components/ui/HoverShineOverlay';
+import { StratumLines } from '@/components/ui/decorations/StratumLines';
 
 interface CompetenceBentoGridProps {
   badge?: string;
@@ -167,6 +168,9 @@ export function CompetenceBentoGrid(props: CompetenceBentoGridProps) {
           })}
         </div>
       </div>
+      {/* Decorative: abstract earth strata / excavation layers */}
+      <StratumLines placement="bottom-left" invert />
+      <StratumLines placement="bottom-right" invert />
     </section>
   );
 }

components/blocks/HeroSection.tsx

@@ -3,6 +3,7 @@ import Image from 'next/image';
 import Reveal from '@/components/Reveal';
 import { Badge, Container, Heading } from '@/components/ui';
 import { Button } from '@/components/ui/Button';
+import { DrillOrbit } from '@/components/ui/decorations/DrillOrbit';
 
 export interface HeroSectionProps {
   title: string;
@@ -70,6 +71,8 @@ export const HeroSection: React.FC<HeroSectionProps> = (props) => {
             )}
           </div>
         </Container>
+        {/* Decorative: abstract HDD bore trajectory */}
+        <DrillOrbit side="right" />
       </section>
     </Reveal>
   );

components/blocks/ReferencesSlider.tsx

@@ -5,6 +5,7 @@ import { motion } from 'framer-motion';
 import Link from 'next/link';
 import Image from 'next/image';
 import { HoverShineOverlay } from '@/components/ui/HoverShineOverlay';
+import { DrillOrbit } from '@/components/ui/decorations/DrillOrbit';
 
 export interface Reference {
   id: string;
@@ -151,6 +152,8 @@ export function ReferencesSlider(props: ReferencesSliderProps) {
           <svg xmlns="http://www.w3.org/2000/svg" className="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
         </Link>
       </div>
+      {/* Decorative: abstract HDD bore trajectory */}
+      <DrillOrbit side="left" />
     </section>
   );
 }

components/blocks/SubCompanyTiles.tsx

@@ -4,6 +4,7 @@ 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';
 
 interface SubCompanyTilesProps {
   badge?: string;
@@ -65,7 +66,7 @@ export function SubCompanyTiles(props: SubCompanyTilesProps) {
   })) || defaultCompanies;
   
   return (
-    <section id="unternehmen" className="py-24 bg-neutral-dark border-b border-neutral-800">
+    <section id="unternehmen" className="py-24 bg-neutral-dark border-b border-neutral-800 relative overflow-hidden">
       <div className="container relative z-10 px-4">
         
         {(badge || title) && (
@@ -197,6 +198,8 @@ export function SubCompanyTiles(props: SubCompanyTilesProps) {
           })}
         </motion.div>
       </div>
+      {/* Decorative: abstract HDD bore trajectory */}
+      <DrillOrbit side="right" />
     </section>
   );
 }