// RDG — Sections: Services grid, About, Cases, Testimonials, Stack, Pricing, FAQ, Contact const { useState: useStateS, useEffect: useEffectS } = React; // ---------- SERVICES ---------- function Services({ t }) { return (
{t.services.eyebrow}

{t.services.title}

{t.services.subtitle}

{t.services.list.map((s, i) => )}
); } const SERVICE_GLYPHS = { aurarh: ( ), easyserve: ( ), noptico: ( ), mecaniquea: ( ), aivoz: ( ), clinic: ( ), entrenard: ( ), infragestor: ( ), manybase: ( ), }; function ServiceCard({ s, idx, t }) { const num = String(idx + 1).padStart(2, '0'); return (
{num} {s.tag}
{SERVICE_GLYPHS[s.id]}

{s.name}

{s.desc}

{s.metric} {t.services.visit}
{s.domain}
 ); } // ---------- ABOUT ---------- function About({ t }) { return (
{t.about.eyebrow}

{t.about.title}

{t.about.body}

{t.about.pillars.map((p, i) => (
/{String(i + 1).padStart(2, '0')}

{p.t}

{p.d}

))}
); } // ---------- CASES ---------- function Cases({ t }) { return (
{t.cases.eyebrow}

{t.cases.title}

{t.cases.list.map(c => (
{c.logo}
{c.sector}
{c.metric}
{c.metricLabel}
))}
); } // ---------- TESTIMONIALS ---------- function Testimonials({ t }) { return (
{t.testimonials.eyebrow}

{t.testimonials.title}

{t.testimonials.list.map((q, i) => (
{q.q}
{q.a} {q.r}
))}
); } // ---------- STACK ---------- function Stack({ t }) { return (
{t.stack.eyebrow}

{t.stack.title}

{t.stack.body}

{t.stack.items.map(item => ( {item} ))}
); } // ---------- PRICING ---------- function Pricing({ t }) { return (
{t.pricing.eyebrow}

{t.pricing.title}

{t.pricing.subtitle}

{t.pricing.plans.map(p => (
{p.highlight && ★ Recommended}

{p.name}

{p.price} {p.period}

{p.desc}

    {p.features.map(f => (
  • {f}
    • ))}
{p.cta}
))}

{t.pricing.footnote}

); } // ---------- FAQ ---------- function FAQ({ t }) { const [open, setOpen] = useStateS(0); return (
{t.faq.eyebrow}

{t.faq.title}

{t.faq.items.map((it, i) => (

{it.a}

))}
); } // ---------- CONTACT ---------- function Contact({ t }) { const [state, setState] = useStateS('idle'); const [form, setForm] = useStateS({ name: '', email: '', company: '', product: '', message: '' }); const submit = (e) => { e.preventDefault(); setState('sending'); setTimeout(() => setState('sent'), 1100); }; return (
{t.contact.eyebrow}

{t.contact.title}

{t.contact.subtitle}

{state === 'sent' ? (

{t.contact.sent}

) : ( <> setForm({ ...form, name: v })} required />
setForm({ ...form, email: v })} required /> setForm({ ...form, company: v })} required />
setForm({ ...form, product: v })} options={t.services.list.map(s => s.name)} /> setForm({ ...form, message: v })} textarea /> )}
); } function InfoRow({ label, value, href }) { return (
{label} {href ? {value} : {value}}
); } function Field({ label, value, onChange, type = 'text', textarea, required }) { const [focused, setFocused] = useStateS(false); const filled = value && value.length > 0; const Tag = textarea ? 'textarea' : 'input'; return ( ); } function SelectField({ label, value, onChange, options }) { return ( ); } // ---------- LEGAL ---------- function Legal({ t }) { return ( ); } Object.assign(window, { Services, About, Cases, Testimonials, Stack, Pricing, FAQ, Legal, Contact });