> ## Documentation Index
> Fetch the complete documentation index at: https://docs.nuon.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Docs Home

> Continuous delivery into your customer's cloud.

export const FeatureTile = ({src, eyebrow, title, description, href, reverse}) => <a href={href} className={`group flex flex-col ${reverse ? 'lg:flex-row-reverse' : 'lg:flex-row'} gap-4 lg:gap-6 items-center p-4 lg:p-5 rounded-xl no-underline transition-all hover:scale-[1.005]`} style={{
  border: '1px solid #256A7F',
  color: 'inherit'
}}>
    <img src={src} alt={title} className="w-full lg:w-1/3 rounded-lg" />
    <div className="flex-1">
      <p className="text-xs font-semibold tracking-widest uppercase opacity-60" style={{
  color: '#256A7F'
}}>{eyebrow}</p>
      <h3 className="text-base lg:text-lg font-medium" style={{
  color: 'inherit',
  marginTop: '0.125rem'
}}>{title}</h3>
      <p className="mt-1 text-sm opacity-70" style={{
  marginTop: '0.375rem'
}}>{description}</p>
      <span className="text-sm font-medium" style={{
  display: 'block',
  marginTop: '0.5rem',
  color: '#256A7F'
}}>
        Learn more <span className="transition-transform group-hover:translate-x-0.5">→</span>
      </span>
    </div>
  </a>;

<div className="relative text-gray-900 dark:text-white">
  <div className="absolute -top-14 left-0 right-0 opacity-60 pointer-events-none">
    <img src="https://mintcdn.com/nuoninc/RZoWFEpvSvd8sGqW/images/introduction/hero-bg.svg?fit=max&auto=format&n=RZoWFEpvSvd8sGqW&q=85&s=aa4229bd48bd21310171c1f211643206" className="w-full h-auto" alt="" width="2500" height="1080" data-path="images/introduction/hero-bg.svg" />
  </div>

  <div className="relative z-10 px-4 pt-8 pb-8 lg:pt-12 lg:pb-12 max-w-4xl mx-auto">
    <div id="nuon-in-3-parts" className="scroll-mt-24">
      <h2 className="text-center text-2xl lg:text-3xl font-medium tracking-tight" style={{ color: 'inherit' }}>
        Get started with your app, or <a href="https://github.com/nuonco/example-app-configs#example-apps-on-nuon" style={{ color: '#256A7F' }}>deploy an example app today</a>
      </h2>

      <div className="mt-6 flex justify-center gap-3">
        <a href="https://app.nuon.co/" className="text-center px-5 py-2.5 rounded-lg font-medium text-white no-underline transition-transform hover:scale-[1.02]" style={{ width: '30%', backgroundColor: '#256A7F' }}>
          Sign up <span aria-hidden="true">→</span>
        </a>

        <div
          style={{ width: '30%' }}
          dangerouslySetInnerHTML={{
        __html: `<wistia-player media-id="91y66l4t5r" popover-content="link" wistia-popover="true" aspect="1.7454545454545454" style="display: block;"><a href="#" style="display: block; text-align: center; padding: 0.625rem 1.25rem; border: 1px solid #256A7F; color: #256A7F; border-radius: 0.5rem; font-weight: 500; text-decoration: none;">See video overview</a></wistia-player>`,
      }}
        />
      </div>

      <div className="mt-6 lg:mt-8 flex flex-col gap-3 lg:gap-4">
        <FeatureTile src="/images/introduction/guides.svg" eyebrow="Step 1" title="Connect your app" description="Wrap your existing Terraform, Helm, Kubernetes, and Docker assets into a Nuon app. Define inputs, secrets, and a sandbox once." href="/concepts/apps" />

        <FeatureTile src="/images/introduction/getstarted.svg" eyebrow="Step 2" title="Deploying to a Customer" description="Install into AWS, Azure, or GCP accounts you don't own — no cross-account access required." href="/guides/app-install-life-cycle" reverse />

        <FeatureTile src="/images/introduction/concepts.svg" eyebrow="Step 3" title="Continuous Delivery" description="Run workflows, detect drift, enforce policies, and ship releases across every customer install — operated centrally from one control plane." href="/get-started/day-2-operations" />
      </div>
    </div>
  </div>
</div>

<div className="relative z-10 px-4 pb-12 max-w-4xl mx-auto text-gray-900 dark:text-white">
  <h2 className="text-center text-2xl lg:text-3xl font-medium tracking-tight" style={{ color: 'inherit' }}>
    Quickstart at a glance
  </h2>

  <p className="text-center opacity-70" style={{ marginTop: '0.5rem' }}>
    The fastest way to try Nuon is to deploy an <a href="https://github.com/nuonco/example-app-configs" style={{ color: '#256A7F' }}>example app</a> into a test cloud account (AWS, Azure, or GCP) — see the <a href="/get-started/quickstart" style={{ color: '#256A7F' }}>full quickstart</a> for detail.
  </p>

  <Steps>
    <Step title="Create your account">
      [Sign up for the free trial](https://app.nuon.co/).
    </Step>

    <Step title="Install the CLI">
      Run `brew install nuonco/tap/nuon`.
    </Step>

    <Step title="Log in">
      Run `nuon auth login`.
    </Step>

    <Step title="Grab an example app">
      Run `git clone https://github.com/nuonco/example-app-configs`, then `cd example-app-configs/eks-simple`.
    </Step>

    <Step title="Define and deploy it">
      Run `nuon apps create --name eks-simple`, then `nuon apps sync`, then `nuon installs create --name <install-name> --region <region>`.
    </Step>
  </Steps>
</div>