import React, { useEffect, useRef, useState } from 'react';
import { gsap } from 'gsap';
import { ScrollTrigger } from 'gsap/ScrollTrigger';
import {
ChevronRight,
Menu,
X,
Target,
Layers,
Compass,
ArrowRight,
MousePointer2,
CheckCircle2,
Globe
} from 'lucide-react';
gsap.registerPlugin(ScrollTrigger);
// --- STYLING TOKENS (Style B: Midnight Luxe) ---
const theme = {
colors: {
primary: '#0D0D12', // Obsidian
accent: '#C9A84C', // Champagne
bg: '#FAF8F5', // Ivory
textDark: '#2A2A35', // Slate
textLight: '#FAF8F5',
},
fonts: {
sans: "'Inter', sans-serif",
serif: "'Playfair Display', serif",
mono: "'JetBrains Mono', monospace"
}
};
// --- COMPONENTS ---
const NoiseOverlay = () => (
);
const Navbar = () => {
const [isScrolled, setIsScrolled] = useState(false);
const navRef = useRef(null);
useEffect(() => {
const handleScroll = () => setIsScrolled(window.scrollY > 50);
window.addEventListener('scroll', handleScroll);
return () => window.removeEventListener('scroll', handleScroll);
}, []);
return (
);
};
const Hero = () => {
const sectionRef = useRef(null);
const textRef = useRef(null);
useEffect(() => {
const ctx = gsap.context(() => {
gsap.from(".hero-reveal", {
y: 60,
opacity: 0,
duration: 1.4,
stagger: 0.2,
ease: "power4.out"
});
}, sectionRef);
return () => ctx.revert();
}, []);
return (
Präzision trifft auf
);
};
const FeatureCard1 = () => {
const [items, setItems] = useState(['Targeting', 'Lead Gen', 'Conversion']);
useEffect(() => {
const interval = setInterval(() => {
setItems(prev => {
const next = [...prev];
const last = next.pop();
next.unshift(last);
return next;
});
}, 3000);
return () => clearInterval(interval);
}, []);
return (
);
};
const Philosophy = () => {
const sectionRef = useRef(null);
useEffect(() => {
const ctx = gsap.context(() => {
gsap.from(".phil-text", {
scrollTrigger: {
trigger: sectionRef.current,
start: "top 60%",
},
y: 40,
opacity: 0,
stagger: 0.2,
duration: 1,
ease: "power3.out"
});
});
return () => ctx.revert();
}, []);
return (
Die meisten Dental-Labore konzentrieren sich auf:
Wir konzentrieren uns auf:
);
};
const ProtocolStep = ({ number, title, desc, icon: Icon, color }) => (
);
};
const Footer = () => (
);
const App = () => {
return (
Bereit für den
);
};
export default App;
Ehrich Dental Consulting
Präzision trifft auf
Wachstum.
Hoffst Du noch auf Empfehlungen? Oder gewinnst Du gute Zahnärzte bereits planbar? Wir transformieren Dental-Labore in systematisierte Marktführer.
Planbare Akquise
Hör auf, auf Zufall zu hoffen. Nutze ein System, das Dir genau die Zahnärzte bringt.
{items.map((item, i) => (
{item}
))}
Strukturierte Prozesse
Eliminiere unklare Abläufe. Wir bauen Systeme, die Dein Team eigenständig umsetzt.
> {text}|
CORE_PROCESS_ID: 992-EX
Unternehmerische Freiheit
Werde vom besten Techniker zum Strategen, der sein Unternehmen steuert.
{[...Array(28)].map((_, i) => (
))}
Strategie-Slot gefunden
Das Manifest
Die meisten Dental-Labore konzentrieren sich auf:
Zufällige Empfehlungen und technische Details.
Wir konzentrieren uns auf:
Systematische Marktbeherrschung.
PHASE {number}
{title}
{desc}