Sections

9 sections, one landing page.

The AgentKit home page is these 9 sections stacked in order. Each one is a single file you own: open it to see it live on its own, read the full source, and find exactly where to change the copy and demo data. Keep the ones you need, reorder them in src/app/page.tsx, delete the rest.

See them stacked on the home page
  1. 01 / 09Interactive

    Hero

    Headline and CTAs on the left, a live streaming chat with your agent on the right.

  2. 02 / 09Interactive

    Streaming features

    Headline and feature pills beside a card that streams a response when it scrolls into view.

  3. 03 / 09Interactive

    Agent trace

    Step-by-step agent reasoning — thoughts, tool calls and timings — playing on scroll.

  4. 04 / 09Interactive

    Tool calling

    A function call animated through prompt → call → arguments → result → answer.

  5. 05 / 09Interactive

    Pricing

    One plan or a toggle between several, with a featured tier.

  6. 06 / 09Static

    Social proof

    Verifiable facts, real testimonials once you have them, and a direct line to the team.

  7. 07 / 09Interactive

    FAQ

    Single-open accordion of editorial question rows.

  8. 08 / 09Static

    Final CTA

    One closing card with the headline, two buttons and trust microcopy.

  9. 09 / 09Static

    Footer

    Four-column editorial footer with a bottom meta bar.