import ApiPlayground from "../src/components/ApiPlayground";

# CarbonSutra API Playground

<div className="not-prose flex w-full items-center justify-between gap-4">
  <h3 className="!m-0 !text-lg !font-semibold !text-foreground">
    Free, Instant Testing — Zero Code Required
  </h3>

  <a
    href="/onboard"
    className="group inline-flex shrink-0 items-center gap-2 rounded-xl border border-black/10 bg-white/50 px-5 py-2.5 text-sm font-semibold !text-foreground no-underline shadow-lg shadow-black/5 backdrop-blur-xl transition-all duration-300 hover:-translate-y-0.5 hover:bg-white/70 hover:shadow-xl hover:shadow-black/10 dark:border-white/15 dark:bg-white/10 dark:hover:bg-white/15 dark:hover:shadow-white/5"
  >
    Get Authorization Code
    <span className="transition-transform duration-300 group-hover:translate-x-1">
      →
    </span>
  </a>
</div>

Select an endpoint, enter data and execute LIVE requests without writing any code. All APIs including supplementary (airports, vehicles) and clustering functions can be tested, using your authorization key. 

<div className="not-prose w-full max-w-none">
  <ApiPlayground />
</div>