);
}
function Hero({ eyebrow = 'AI automation studio', title = 'Automation, engineered to fit.', subtitle = 'For teams that have outgrown off-the-shelf tools. We engineer custom automation — the depth of a software team with the restraint of a design studio.', primaryCta = 'Start a project', secondaryCta = 'See the work', aside = 'diagram', style = {} }) {
return (
{eyebrow}
{title}
{subtitle}
}>{primaryCta}
{secondaryCta && }
{aside &&
{aside === 'diagram' ? : aside}
}
);
}
/* ====================== FeatureGrid ====================== */
function FeatureCard({ icon, title, body }) {
return (
{title}
{body}
);
}
function FeatureGrid({ eyebrow = 'How we work', title = 'Engineering, not templates.', features, style = {} }) {
const f = features || [
{ icon: 'Microscope', title: 'Scoped to your stack', body: 'We map your actual systems and data before writing a line — no generic flows bolted on.' },
{ icon: 'Boxes', title: 'Production-grade builds', body: 'Custom agents with real error handling, observability and rollback. Not a demo.' },
{ icon: 'GitBranch', title: 'Deploy where you run', body: 'Your cloud or ours, with the same logs and controls either way.' },
{ icon: 'LineChart', title: 'Proof ahead of promises', body: 'We ship a measurable result first, then scale what works.' },
{ icon: 'ShieldCheck', title: 'Data stays yours', body: 'In-region processing. We never train on your data.' },
{ icon: 'Workflow', title: 'Visible decisions', body: 'Every step the agent takes is inspectable — here is exactly how it decides.' },
];
return (
{eyebrow}
{title}
{f.map((x, i) => )}
);
}
/* ====================== Pricing ====================== */
function PricingCard({ name, price, period = '/mo', description, features = [], cta = 'Start', featured = false, style = {} }) {
return (
{featured && Most picked}
{name}
{price}
{period && {period}}
{description &&
{description}
}
{features.map((f, i) =>
{f}
)}
);
}
function Pricing({ eyebrow = 'Pricing', title = 'Scoped up front. No per-seat surprises.', plans, style = {} }) {
const p = plans || [
{ name: 'Pilot', price: 'R$ 18k', period: 'one-time', description: 'A single scoped automation, shipped in weeks.', features: ['1 production agent', 'Your stack integration', '30-day tuning', 'Run observability'], cta: 'Book a scope' },
{ name: 'Studio', price: 'R$ 9.8k', period: '/mo', description: 'An ongoing engineering retainer for your automation roadmap.', features: ['Unlimited agents', 'Priority builds', 'Dedicated engineer', 'SLA + on-call', 'Quarterly roadmap'], cta: 'Start a project', featured: true },
{ name: 'Enterprise', price: 'Custom', period: '', description: 'Self-hosted, compliance, and volume needs.', features: ['On-prem / VPC deploy', 'SSO + audit logs', 'Data residency', 'Security review'], cta: 'Talk to us' },
];
return (
{eyebrow}
{title}
{p.map((x, i) => )}
);
}
/* ====================== Testimonial ====================== */
function Testimonial({ quote = 'They cut our invoice processing from 3 days to 20 minutes. No template — they engineered it around our ERP exactly.', name = 'Marina Alves', role = 'Head of Operations', company = 'Logística Andrade', style = {} }) {
return (
“{quote}”
{name}{role} · {company}
);
}
/* ====================== CTASection ====================== */
function CTASection({ eyebrow = 'Ready when you are', title = "Let's find the workflow worth automating.", body = 'A 30-minute scope call. We will tell you honestly whether it is worth building.', cta = 'Start a project', style = {} }) {
return (
{eyebrow}
{title}
{body}
}>{cta}
);
}
/* ====================== LogoCloud ====================== */
function LogoCloud({ label = 'Trusted by teams that ship', logos = ['Andrade', 'Nuvio', 'Cortex', 'Praxis', 'Lumen', 'Vértice'], style = {} }) {
return (
{label}
{logos.map((l) => {l})}
);
}
/* ====================== FAQ ====================== */
function FAQ({ eyebrow = 'FAQ', title = 'Questions, answered plainly.', items, style = {} }) {
const f = items || [
{ title: 'How is F2 different from a no-code tool?', content: 'No-code tools template the 80% case. We engineer the 20% that actually matters for your business — the edge cases, the integrations, the error handling.' },
{ title: 'How long does a first automation take?', content: 'A scoped pilot typically ships in 2–4 weeks, with a measurable result before we scale.' },
{ title: 'Can it run on our own infrastructure?', content: 'Yes — agents deploy to your cloud or VPC with the same observability as our hosted option.' },
{ title: 'Do you train on our data?', content: 'Never. Data stays in your region and is processed in-region only.' },
];
return (