Agentic Landing

import { NavbarAgent } from "@/components/blocks/navbar-agent";
import { HeroAgent } from "@/components/blocks/hero-agent";
import { PainPoints } from "@/components/blocks/pain-points";
import { ProcessIsometric } from "@/components/blocks/process-isometric";
import { OutcomeFeatures } from "@/components/blocks/outcome-features";
import { SetupSteps } from "@/components/blocks/setup-steps";
import { StatsCta } from "@/components/blocks/stats-cta";
import { FooterAgent } from "@/components/blocks/footer-agent";

/**
 * A complete landing page for an AI/agent product, assembled from the agentic
 * blocks: navbar → hero → problem → autonomous system → outcomes → setup →
 * closing CTA → footer. One `brand` prop threads the accent through every
 * section; each block is an independent piece you already own, so reorder,
 * remove, or swap freely.
 */
export function AgenticLanding({
  brand = "#FF4701",
  label = "Aurio",
}: {
  brand?: string;
  label?: string;
}) {
  return (
    <div className="bg-[#f7f7f3]">
      <NavbarAgent label={label} />
      <main>
        <HeroAgent brand={brand} />
        <PainPoints brand={brand} />
        <ProcessIsometric brand={brand} />
        <OutcomeFeatures brand={brand} />
        <SetupSteps brand={brand} />
        <StatsCta />
      </main>
      <FooterAgent brand={brand} label={label} />
    </div>
  );
}