cleanup

app/page.tsx

@@ -1,14 +1,11 @@
-import * as React from 'react';
-import { Zap, Shield, ArrowRight, Check, X, Layout, Database, Workflow } from 'lucide-react';
+import { ArrowRight, Check, Database, Layout, Shield, Workflow, X, Zap } from 'lucide-react';
+import { CirclePattern, ComparisonRow, ConnectorBranch, ConnectorEnd, ConnectorSplit, ConnectorStart, FlowLines, GridLines, HeroLines, ServicesFlow } from '../src/components/Landing';
 import { Reveal } from '../src/components/Reveal';
 import { Section } from '../src/components/Section';
-import { HeroItem, FeatureCard, ComparisonRow, ServiceCard, HeroLines, GridLines, FlowLines, CirclePattern, ServicesFlow, ComparisonLines, ConnectorStart, ConnectorBranch, ConnectorSplit, ConnectorEnd, FlowingPath } from '../src/components/Landing';
 
 export default function LandingPage() {
   return (
     <div className="flex flex-col bg-white overflow-hidden relative">
-      {/* Flowing Path Animation - wraps around content */}
-      <FlowingPath />
       
       {/* Subtle Grid Pattern Overlay */}
       <div className="fixed inset-0 pointer-events-none -z-20 opacity-[0.015]" style={{
@@ -146,11 +143,6 @@ export default function LandingPage() {
       {/* Section 03: The Difference */}
       <Section number="03" title="Der Unterschied" variant="white" borderTop connector={<ConnectorStart className="h-full" />}>
         <div className="space-y-12 relative">
-           {/* Animated Vertical Line */}
-           <div className="absolute left-1/2 top-24 bottom-0 -translate-x-1/2 hidden md:block w-24 h-full pointer-events-none z-0">
-                <ComparisonLines className="w-full h-full" />
-           </div>
-
           <Reveal>
             <p className="text-xl md:text-2xl font-serif italic text-slate-600 max-w-2xl relative z-10">
               Der klassische Agentur-Weg ist oft langsam und teuer. Mein Ansatz ist radikal anders: Ich baue zuerst, dann reden wir über Details.