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

# Thank you

> Thank you for reaching out. We'll be in touch shortly.

export const Section = ({children, className = "", gray = false, dark = false, id}) => <section id={id} className={`w-full flex justify-center px-4 py-16 md:py-24 ${gray ? "bg-gray-50 dark:bg-zinc-900" : dark ? "bg-zinc-900 dark:bg-zinc-950" : ""} ${className}`}>
    <div className="w-full" style={{
  maxWidth: "1140px"
}}>
      {children}
    </div>
  </section>;

export const MarketingPage = () => <div className="marketing-page-marker" style={{
  display: "none"
}} />;

<MarketingPage />

<Section>
  <div className="max-w-2xl mx-auto text-center py-12">
    <div className="thank-you-illustration">
      <img src="https://mintcdn.com/aspectbuild/x1L7Iep716jCyJVo/images/marketing/success-mailbox.svg?fit=max&auto=format&n=x1L7Iep716jCyJVo&q=85&s=2c09cbd551ef9e9b14ae9b9ace4579ce" alt="" noZoom width="300" height="300" data-path="images/marketing/success-mailbox.svg" />
    </div>

    <h1 className="mt-8 text-3xl md:text-4xl font-semibold text-zinc-900 dark:text-white">
      Thank you for reaching out!
    </h1>

    <p className="mt-3 text-lg text-zinc-600 dark:text-zinc-300">
      We'll be in touch shortly.
    </p>

    <div className="mt-10 flex flex-wrap items-center justify-center gap-4">
      <a href="/resources" className="inline-flex items-center px-6 py-3 rounded-lg bg-blue-600 text-white font-semibold hover:bg-blue-700 transition shadow-sm">
        Explore our Resources →
      </a>

      <a href="/" className="inline-flex items-center px-6 py-3 rounded-lg border border-blue-600 text-blue-600 font-semibold hover:bg-blue-50 dark:hover:bg-blue-900/20 transition">
        Back to Home
      </a>
    </div>
  </div>
</Section>