// Hero — light theme, brand red, real logo elsewhere function MiniChart({ animate = true }) { const points = [12, 14, 13, 18, 22, 21, 28, 34, 33, 46, 58, 67, 82, 94, 108, 121]; const max = Math.max(...points); const w = 480,h = 180,pad = 8; const stepX = (w - pad * 2) / (points.length - 1); const pts = points.map((p, i) => [pad + i * stepX, h - pad - p / max * (h - pad * 2)]); const d = pts.map((p, i) => i ? `L${p[0]},${p[1]}` : `M${p[0]},${p[1]}`).join(' '); const area = d + ` L${pts[pts.length - 1][0]},${h - pad} L${pts[0][0]},${h - pad} Z`; const ref = React.useRef(null); const [len, setLen] = React.useState(0); React.useEffect(() => { if (ref.current) setLen(ref.current.getTotalLength()); }, []); return ( {[0, 1, 2, 3].map((i) => )} ); } function MapPlacard() { const items = [ { rank: 1, name: "Кофейня «Зерно»", rating: "4.9", reviews: 482, calls: "+218%" }, { rank: 2, name: "Кофейня «Севера»", rating: "4.7", reviews: 318, calls: null }, { rank: 3, name: "Кофейня «Утро»", rating: "4.6", reviews: 244, calls: null }]; return (
кофейня рядом
{items.map((it, i) =>
{it.rank}
{i === 0 ? "Ваша компания" : Конкурент} {i === 0 && ВЫ}
· {it.reviews} отзывов
{i === 0 &&
+218% звонки
}
)}
); } function HeroMetric({ label, value, suffix, prefix }) { const [display, ref] = useCountUp(value, { duration: 1800 }); return (
{prefix}{display}{suffix}
{label}
); } function Hero() { return (
); } window.Hero = Hero;