// METIO v2 — Light premium SaaS landing. // Visual: clean #F8FAFF base, gradient #2563EB→#7C3AED, green #10B981, Poppins. const V2 = { bg1:'#F8FAFF', bg2:'#EFF4FF', bg3:'#E8EFFF', bg4:'#DDE8FF', primary:'#2563EB', primaryDeep:'#1D4ED8', violet:'#7C3AED', violetDeep:'#6D28D9', cyan:'#2563EB', cyanDeep:'#1D4ED8', green:'#10B981', red:'#F87171', white:'#ffffff', text:'#0F172A', mute:'#475569', dim:'#94A3B8', line:'rgba(37,99,235,.1)', }; // ───────────────────────────────────────────────────────────── // Scroll reveal primitive // ───────────────────────────────────────────────────────────── function Reveal({children, delay=0, y=30, style={}}) { const ref = React.useRef(null); const [vis, setVis] = React.useState(false); React.useEffect(()=>{ const io = new IntersectionObserver(([e])=>{ if(e.isIntersecting){ setVis(true); io.disconnect(); } },{threshold:.12}); if(ref.current) io.observe(ref.current); return ()=>io.disconnect(); },[]); return (
{children}
); } // ───────────────────────────────────────────────────────────── // Aurora background (light gradient + subtle orbs + grid) // ───────────────────────────────────────────────────────────── function Aurora() { return (
); } function SportGlyph({x,y,rot=0,icon}) { const paths = { ball: , racket: , shoe: , glove: , ribbon: , }; return ( {paths[icon]} ); } // ───────────────────────────────────────────────────────────── // Card surface // ───────────────────────────────────────────────────────────── function Glass({children, style={}, radius=20, glow}) { return (
{children}
); } function GradientText({children,style={}}) { return ( {children} ); } function ButtonPrimary({children, onClick, big}) { return ( ); } function ButtonGhost({children, onClick, big}) { return ( ); } // ───────────────────────────────────────────────────────────── // NAV // ───────────────────────────────────────────────────────────── function Nav() { return ( ); } // ───────────────────────────────────────────────────────────── // HERO // ───────────────────────────────────────────────────────────── function Hero() { return (
✦
Management complet pentru clubul tau sportiv

Clubul tau.
Organizat perfect.

Tii evidenta elevilor, prezentelor si platilor — totul dintr-o aplicatie simpla, de pe telefon. Pentru orice club sportiv.

window.location.href='/register'}> Incearca gratuit
{[V2.primary, V2.violet, V2.green, '#F59E0B', V2.red].map((c,i)=>(
0?-8:0}}/> ))}
Folosit de 127+ cluburi sportive din Romania
); } function PhoneFrame({src, rotate=0, width=300, glow='#2563EB', label}) { const safeArea = Math.round(width * 44 / 260); const h = width * 2.16 + safeArea; return (
0?'-4deg':rotate<0?'4deg':'0'})`,transition:'transform .6s'}}>
{label && (
{label}
)}
); } Object.assign(window, { V2, Reveal, Aurora, Glass, GradientText, ButtonPrimary, ButtonGhost, Nav, Hero, PhoneFrame });