import { useEffect, useRef, useState } from « react »;
import { Briefcase, PenTool, Megaphone, Sparkles, Users, Building2, Clock } from « lucide-react »;
import { motion, useInView } from « framer-motion »;

// — Small helpers —
function SectionTitle({ eyebrow, title, subtitle }: { eyebrow?: string; title: string; subtitle?: string }) {
return (

);
}

function Stat({ value, label, delay = 0 }: { value: number; label: string; delay?: number }) {
const ref = useRef(null);
const isInView = useInView(ref, { once: true, margin: « -20% 0px » });
const [display, setDisplay] = useState(0);

useEffect(() => {
if (!isInView) return;
let start = 0;
const duration = 900; // ms
const step = 16;
const startTime = performance.now() + delay;
const timer = setInterval(() => {
const now = performance.now();
if (now < startTime) return; start += step; const p = Math.min(1, (start - delay) / duration); const ease = 1 - Math.pow(1 - p, 3); setDisplay(Math.round(value * ease)); if (p >= 1) clearInterval(timer);
}, step);
return () => clearInterval(timer);
}, [isInView, value, delay]);

return (

);
}

function ServiceCard({ icon: Icon, title, desc, className }: { icon: any; title: string; desc: string; className?: string }) {
return (

{desc}

En savoir plus

);
}

function LogoRow() {
const logos = [« ALPHA », « BETA », « GAMMA », « DELTA », « EPSILON », « ZETA »]; // placeholders
return (

);
}

function Testimonial({ quote, author, role }: { quote: string; author: string; role: string }) {
return (

);
}

export default function BizkoWireframe() {
return (