// ── HERO ────────────────────────────────────────────────────────── // Same dark-green motion-blur treatment as Home/Contact heroes. // Headline = approved Short description from SERVICE-DESCRIPTIONS.md. // Sub-paragraph = first paragraph of the approved Expanded description. const SolutionHero = ({ onCTA }) =>
; // ── OVERVIEW ─────────────────────────────────────────────────────── // Mirrors the Homepage "30+ years of experience" two-column rhythm: // eyebrow + hairline rule, then a 1.15fr / 1fr split with H2 on the // left and a body paragraph on the right. // Copy = approved 2nd paragraph of the Expanded description. const Overview = () =>
Overview

Designed around your quality requirements.

Each program is designed around quality requirements, task guidelines, reviewer qualifications, and validation rules. Most programs run inside Argos Myriad — the Argos Data Platform — where SmartSuite, our customizable tooling environment, supports embedded QA controls, role-based access, scalable workforce management, audit trails, and structured reporting. Argos Data also delivers governed data operations inside client environments or through secure file exchange when that fits the program's compliance and integration requirements.

; // ── USE CASES ────────────────────────────────────────────────────── // 6 bullets, verbatim from the approved "Use cases" list in // SERVICE-DESCRIPTIONS.md under AI Data Collection. Each renders as // a numbered row inside a single bordered column block — light, calm // rhythm consistent with the rest of the site's hairlined dividers. const UseCases = () => { const items = [ "Defining quality standards and review processes for AI data programs", "Managing annotation consistency, reviewer calibration, and validation workflows", "Measuring inter-annotator agreement and resolving reviewer disagreement", "Creating error taxonomies, QA checkpoints, and escalation paths", "Supporting secure, auditable workflows across multilingual and domain-specific projects", "Maintaining production-ready data operations across collection, annotation, evaluation, RLHF, SFT, and safety programs", ]; return (
Use cases

Where Quality and Governance is applied.

{items.map((it, i) =>
{String(i + 1).padStart(2, "0")}
{it}
)}
); }; // ── SUB-SERVICES GRID ────────────────────────────────────────────── // Reuses the Homepage Solutions card pattern verbatim: numbered card, // rounded image tile, title, approved short description, pill CTA, // on the same cream/yellow radial wash. 6 cards = the 6 sub-services // documented under AI Data Collection in SERVICE-DESCRIPTIONS.md. // // Image assignments: where a Homepage card uses an approved photo // for the same topic, we reuse it. Where the doc names no thumbnail, // we pick from the approved photography pool (no new imagery // invented). If no approved photo clearly matches, a literal // "Lorem ipsum…" placeholder tile is shown so missing imagery is // visible to the manager — per project rules. // SvcIcon is loaded globally from components/svc-icons.jsx // (28 icons from the supplied Argos iconset, addressable by name "01"–"28"). const SubServices = () => { const services = [ { id: "01", slug: "human-in-the-loop-quality", parent: "quality-and-governance", title: "Human-in-the-Loop Quality", desc: "Controlled QA workflows for consistent, auditable, and production-ready AI data", icon: "stack", bg: "#0E1F3E", fg: "#EEE36B" }, // navy + yellow { id: "02", slug: "security-and-compliance", parent: "quality-and-governance", title: "Security & Compliance", desc: "Compliance-aligned workflows for reducing risk across enterprise AI data programs", icon: "arcs", bg: "#30AA74", fg: "#FFFFFF" }, // green + white { id: "03", slug: "inter-annotator-agreement", parent: "quality-and-governance", title: "Inter-Annotator Agreement", desc: "Measure reviewer alignment to surface ambiguity, calibrate annotation, and improve AI data reliability", icon: "half-arcs", bg: "#EEE36B", fg: "#0E1F3E" }, // yellow + navy { id: "04", title: "Speech & Audio\nData Collection", desc: "Human voice and audio data that reflects real-world speakers, environments, and use cases.", icon: "speech", bg: "#002042", fg: "#30AA74" }, // navy-deep + green { id: "05", title: "Multimodal\nData Collection", desc: "Controlled multimodal data collection for secure, consistent, model-ready AI pipelines.", icon: "layers", bg: "#000000", fg: "#EEE36B" }, // black + yellow { id: "06", title: "Synthetic\nData Generation", desc: "Human-validated synthetic datasets for edge cases, rare scenarios, and controlled model coverage.", icon: "orbit", bg: "#3CA276", fg: "#0E1F3E" }]; ; // green-soft + navy // Shared "Learn more" text link — sits at the bottom of every card. const LearnMoreLink = ({ href = "#" }) => Learn more ; // Shared icon plate — full-height navy column on the LEFT of every // card. Icon sits near the top, number anchored top-left in cream. // Width scales between full and half cards. const IconPlate = ({ s, width }) =>
{s.id}
; // ── FULL CARD — horizontal, wide navy column + content ────────── const FullCard = ({ s }) =>
{s.title}

{s.desc}

; // ── HALF CARD — horizontal, navy column left, content right ───── // Two halves stacked vertically = same overall height as one full card. const HalfCard = ({ s }) =>
{s.title.replace(/\n/g, " ")}

{s.desc}

; return (
); }; // ── SUB-SERVICES — variant B ─────────────────────────────────────── // Alternate card design for the same six services. No icon plate // background; the icon sits top-left of the card in the service's // brand color. The number moves to the bottom-left and pairs with // a "Learn more" affordance on the right that alternates between // the text-link and the older pill button, every other card. const SubServicesAlt = () => { const services = [ { id: "01", slug: "human-in-the-loop-quality", parent: "quality-and-governance", title: "Human-in-the-Loop Quality", desc: "Controlled QA workflows for consistent, auditable, and production-ready AI data", icon: "09", color: "#0E1F3E" }, { id: "02", slug: "security-and-compliance", parent: "quality-and-governance", title: "Security & Compliance", desc: "Compliance-aligned workflows for reducing risk across enterprise AI data programs", icon: "10", color: "#0E1F3E" }, { id: "03", slug: "inter-annotator-agreement", parent: "quality-and-governance", title: "Inter-Annotator Agreement", desc: "Measure reviewer alignment to surface ambiguity, calibrate annotation, and improve AI data reliability", icon: "05", color: "#0E1F3E" }]; ; const Card = ({ s, idx }) => { return (
{s.title}

{s.desc}

Learn more
{s.id}
); }; return (
); }; // ── WHY ARGOS / DIFFERENTIATOR ───────────────────────────────────── // Dark navy section, mirrors the Homepage "What we stand for" rhythm. // Three column blocks — content = the three approved paragraphs of // the "Argos differentiator" section, lightly framed with derived // 2-word headings so the layout has structure. (Paragraph bodies // remain verbatim from SERVICE-DESCRIPTIONS.md.) const WhyArgos = () => { const blocks = [ { id: "The risk", body: "Enterprise AI programs require more than data output. They require repeatable operating controls that ensure data quality, reviewer consistency, security, traceability, and accountability across every stage of the workflow. Without a clear governance model, AI data programs become inconsistent, difficult to audit, and harder to scale into production." }, { id: "Our approach", body: "Argos Data brings ISO-aligned processes, role-based access, vetted reviewers, and auditable workflows to AI data operations. We define quality requirements, reviewer qualifications, validation standards, and audit protocols before each program begins. Governance is built into the operating model rather than treated as a documentation exercise." }, { id: "Why it matters", body: "For enterprise AI teams, this turns governance into an operational asset — supporting data programs that procurement, legal, security, and AI leadership teams can stand behind from pilot through production." } ]; return (
Why Argos

Quality and governance, treated as an operating discipline.

{blocks.map((v, i) =>
{v.id}

{v.body}

)}
); }; // ── OUTCOME ──────────────────────────────────────────────────────── // Light section, eyebrow + headline + verbatim Outcome paragraph // from SERVICE-DESCRIPTIONS.md. const Outcome = () =>
Outcome

Consistent, auditable, production-ready AI data operations at scale.

Quality & Governance gives enterprise AI teams a controlled framework for managing data quality, reviewer performance, workflow consistency, and auditability at scale. The result is more reliable datasets, stronger model inputs, reduced operational risk, and AI data operations that can support production systems with confidence. ---

; // Publish the six section components for the shared svc-template.jsx App. window.SVC_SECTIONS = { SolutionHero, Overview, UseCases, SubServicesAlt, WhyArgos, Outcome };