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

# Neezon — Shopify apps for merchants

> Neezon is a Shopify app team building, shipping, and supporting Shopify apps for merchants with App Store products, documentation, and direct support.

<div className="neezon-home flex min-h-screen flex-col bg-zinc-100 dark:bg-zinc-950">
  <div className="flex-1">
    <section className="neezon-hero relative overflow-hidden border-b border-indigo-300/40 dark:border-zinc-800">
      <div className="neezon-hero__base" aria-hidden />

      <div className="neezon-hero__effects">
        <div className="neezon-hero__aurora bg-gradient-to-br from-indigo-400/28 via-violet-300/22 to-purple-400/26 dark:from-indigo-600/35 dark:via-violet-600/15 dark:to-purple-600/28" aria-hidden />

        <div className="neezon-hero__radial bg-[radial-gradient(ellipse_85%_55%_at_50%_-15%,rgba(79,70,229,0.22),transparent_62%)] dark:bg-[radial-gradient(ellipse_80%_50%_at_50%_-25%,rgba(147,51,234,0.16),transparent_58%)]" aria-hidden />

        <div className="neezon-hero__blob-a -left-24 top-0 h-[22rem] w-[22rem] rounded-full bg-indigo-400/35 blur-3xl dark:bg-indigo-500/28" aria-hidden />

        <div className="neezon-hero__blob-b -right-16 bottom-10 h-[20rem] w-[20rem] rounded-full bg-purple-400/30 blur-3xl dark:bg-fuchsia-500/22" aria-hidden />
      </div>

      <div className="relative z-10 mx-auto grid max-w-7xl items-center gap-12 px-6 pb-16 pt-6 lg:grid-cols-2 lg:gap-16 lg:pb-24 lg:pt-8">
        <div>
          <p className="text-xs font-semibold uppercase tracking-[0.22em] text-indigo-700 dark:text-purple-400">Shopify app team · Built for Shopify</p>

          <h1 className="mt-6 text-4xl font-semibold tracking-tight text-zinc-900 dark:text-zinc-50 sm:text-5xl lg:text-[3.25rem] lg:leading-[1.1]">
            Apps for Shopify merchants, built by a team that knows{' '}

            <span className="bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-transparent dark:from-indigo-400 dark:to-purple-400">
              how stores really run
            </span>
          </h1>

          <p className="mt-5 max-w-xl text-base leading-relaxed text-zinc-600 dark:text-zinc-400 sm:text-lg">
            Neezon builds, ships, and supports Shopify apps for merchants who need more from discounts, promotions, and day-to-day store operations.
          </p>

          <div className="mt-8 flex flex-col gap-4 sm:flex-row sm:flex-wrap sm:items-center">
            <a href="https://apps.shopify.com/partners/neezon" target="_blank" rel="noreferrer" className="inline-flex w-fit items-center justify-center rounded-full bg-indigo-600 px-7 py-3.5 text-sm font-semibold text-white shadow-md shadow-indigo-600/25 transition hover:bg-indigo-700 dark:bg-indigo-500 dark:hover:bg-indigo-400">
              View Neezon on the App Store
            </a>

            <a href="/docs/smarty-discounts/index" className="inline-flex w-fit px-1 text-sm font-semibold text-indigo-700 hover:underline sm:pl-2 dark:text-purple-400">
              Merchant documentation →
            </a>
          </div>

          <p className="mt-5 text-sm text-zinc-500 dark:text-zinc-500">
            <a href="/contact" className="font-medium text-indigo-700 hover:underline dark:text-purple-400">Contact</a>
            {' '}the Neezon team before you install.
          </p>
        </div>

        <div className="relative scroll-mt-24 lg:scroll-mt-28" id="apps">
          <div className="overflow-hidden rounded-3xl border border-indigo-200/70 bg-gradient-to-br from-indigo-100/50 via-zinc-100 to-violet-100/40 shadow-xl shadow-indigo-950/10 ring-1 ring-indigo-200/40 dark:border-indigo-900/50 dark:from-indigo-950/40 dark:via-zinc-900 dark:to-violet-950/30 dark:ring-indigo-950/40">
            <div className="p-5 sm:p-6">
              <p className="inline-flex rounded-full bg-indigo-600/10 px-2.5 py-0.5 text-xs font-semibold uppercase tracking-wide text-indigo-800 dark:bg-indigo-500/15 dark:text-purple-300">
                Featured Shopify app
              </p>

              <h3 className="mt-4 text-xl font-semibold text-zinc-900 dark:text-zinc-50 sm:text-2xl">Smarty Discounts</h3>

              <p className="mt-2 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">
                A Shopify Admin app for advanced discounts, bulk codes, targeting rules, and promotions that stay aligned with Shopify checkout.
              </p>

              <div className="mt-5">
                <a href="/apps/smarty-discounts" className="inline-flex rounded-full bg-indigo-600 px-5 py-2.5 text-sm font-semibold text-white hover:bg-indigo-700 dark:bg-indigo-500 dark:hover:bg-indigo-400">
                  Explore Smarty Discounts
                </a>
              </div>

              <div className="mt-5 overflow-hidden rounded-2xl border border-indigo-200/60 bg-zinc-100/90 dark:border-indigo-900/45 dark:bg-zinc-800/60">
                <div className="aspect-video w-full">
                  <img src="https://mintcdn.com/neezon-13b11517/fsV2qnTL7GNZe1Zm/images/smarty-app.png?fit=max&auto=format&n=fsV2qnTL7GNZe1Zm&q=85&s=ce8f9a8014ee8b0ad8bb1f29cfec6bbd" alt="Smarty Discounts—discount rules and campaigns in Shopify Admin" className="h-full w-full object-cover" width="1600" height="900" data-path="images/smarty-app.png" />
                </div>

                <p className="border-t border-indigo-200/50 px-3 py-2 text-center text-[0.72rem] text-zinc-600 dark:border-indigo-900/35 dark:text-zinc-400">
                  Promotions and rules, designed for Shopify Admin.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section className="border-b border-indigo-300/35 bg-gradient-to-r from-indigo-100/85 via-zinc-100 to-violet-100/80 py-6 dark:border-indigo-900/40 dark:from-indigo-950/55 dark:via-zinc-950 dark:to-violet-950/45">
      <div className="mx-auto flex max-w-7xl flex-wrap items-center justify-center gap-x-10 gap-y-3 px-6 text-sm text-indigo-950/80 dark:text-indigo-200/85">
        <span className="font-semibold text-indigo-950 dark:text-indigo-100">Built for Shopify</span>

        <span className="hidden text-indigo-400/80 sm:inline dark:text-violet-500" aria-hidden>
          ·
        </span>

        <span>Apps on the Shopify App Store</span>

        <span className="hidden text-indigo-400/80 sm:inline dark:text-violet-500" aria-hidden>
          ·
        </span>

        <span>Merchant docs and direct support from the team</span>
      </div>
    </section>

    <section id="what-we-do" className="relative scroll-mt-24 border-t-2 border-indigo-300/50 bg-zinc-200/40 py-20 md:py-24 lg:py-28 dark:border-indigo-900/50 dark:bg-zinc-900/70">
      <div className="pointer-events-none absolute inset-0 z-0 bg-[radial-gradient(ellipse_90%_40%_at_50%_0%,rgba(79,70,229,0.06),transparent)] dark:bg-[radial-gradient(ellipse_90%_40%_at_50%_0%,rgba(147,51,234,0.08),transparent)]" />

      <div className="relative z-10 mx-auto max-w-7xl px-6">
        <div className="mx-auto max-w-3xl text-center">
          <h2 className="text-sm font-semibold uppercase tracking-wider text-indigo-700 dark:text-purple-400">What we build</h2>

          <p className="mt-4 text-3xl font-semibold tracking-tight text-zinc-900 dark:text-zinc-50 md:text-4xl">
            Shopify apps for merchants who need more control
          </p>

          <p className="mt-5 text-base leading-relaxed text-zinc-600 dark:text-zinc-400 md:text-lg">
            Neezon focuses on Shopify apps that solve practical merchant problems and stay supported after launch.
          </p>
        </div>

        <div className="mt-16 grid gap-6 md:grid-cols-3">
          <div className="rounded-3xl border border-indigo-200/70 bg-gradient-to-br from-indigo-100/90 via-zinc-100 to-zinc-100 p-8 shadow-sm shadow-indigo-500/5 dark:border-indigo-900/50 dark:from-indigo-950/45 dark:via-zinc-900/60 dark:to-zinc-900/50">
            <div className="mb-4 inline-flex rounded-2xl bg-gradient-to-br from-indigo-500 to-indigo-600 p-2.5 text-white shadow-md shadow-indigo-600/25 dark:from-indigo-400 dark:to-indigo-600">
              <span className="text-lg leading-none" aria-hidden>
                ◆
              </span>
            </div>

            <h3 className="text-lg font-semibold text-zinc-900 dark:text-zinc-50">Shopify apps</h3>

            <p className="mt-3 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">
              Apps built for Shopify Admin, checkout, and the workflows merchants rely on every day.
            </p>
          </div>

          <div className="rounded-3xl border border-violet-200/70 bg-gradient-to-br from-violet-100/85 via-zinc-100 to-zinc-100 p-8 shadow-sm shadow-violet-500/5 dark:border-violet-900/50 dark:from-violet-950/40 dark:via-zinc-900/60 dark:to-zinc-900/50">
            <div className="mb-4 inline-flex rounded-2xl bg-gradient-to-br from-violet-500 to-purple-600 p-2.5 text-white shadow-md shadow-violet-600/25 dark:from-violet-400 dark:to-purple-600">
              <span className="text-lg leading-none" aria-hidden>
                ◇
              </span>
            </div>

            <h3 className="text-lg font-semibold text-zinc-900 dark:text-zinc-50">Built for Shopify standards</h3>

            <p className="mt-3 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">
              Products designed to fit Shopify patterns, installation flows, and long-term product maintenance.
            </p>
          </div>

          <div className="rounded-3xl border border-purple-200/70 bg-gradient-to-br from-purple-100/80 via-zinc-100 to-fuchsia-100/50 p-8 shadow-sm shadow-purple-500/5 dark:border-purple-900/50 dark:from-purple-950/40 dark:via-zinc-900/60 dark:to-fuchsia-950/20">
            <div className="mb-4 inline-flex rounded-2xl bg-gradient-to-br from-purple-600 to-fuchsia-600 p-2.5 text-white shadow-md shadow-purple-600/25 dark:from-purple-400 dark:to-fuchsia-600">
              <span className="text-lg leading-none" aria-hidden>
                ✦
              </span>
            </div>

            <h3 className="text-lg font-semibold text-zinc-900 dark:text-zinc-50">Merchant support</h3>

            <p className="mt-3 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">
              Docs and answers from the same team that ships the product, improves it, and maintains it over time.
            </p>
          </div>
        </div>

        <div className="mt-12 grid gap-6 lg:grid-cols-2">
          <div className="rounded-3xl border border-emerald-200/60 bg-gradient-to-br from-emerald-100/70 via-zinc-100 to-teal-100/45 p-8 dark:border-emerald-900/40 dark:from-emerald-950/30 dark:via-zinc-900/55 dark:to-teal-950/25">
            <h3 className="text-lg font-semibold text-zinc-900 dark:text-zinc-50">What merchants can expect</h3>

            <ul className="mt-5 space-y-3 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">
              <li className="flex gap-3">
                <span className="mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-emerald-100 text-xs font-bold text-emerald-700 dark:bg-emerald-950/60 dark:text-emerald-400">
                  ✓
                </span>

                Apps that work with Shopify, not around it.
              </li>

              <li className="flex gap-3">
                <span className="mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-emerald-100 text-xs font-bold text-emerald-700 dark:bg-emerald-950/60 dark:text-emerald-400">
                  ✓
                </span>

                Documentation merchants and teams can actually use.
              </li>

              <li className="flex gap-3">
                <span className="mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-emerald-100 text-xs font-bold text-emerald-700 dark:bg-emerald-950/60 dark:text-emerald-400">
                  ✓
                </span>

                Direct answers from people who know the app and the platform.
              </li>
            </ul>
          </div>

          <div className="rounded-3xl border border-dashed border-rose-200/80 bg-gradient-to-br from-rose-100/65 via-zinc-100 to-orange-100/45 p-8 dark:border-rose-900/40 dark:from-rose-950/25 dark:via-zinc-900/40 dark:to-orange-950/20">
            <h3 className="text-lg font-semibold text-zinc-900 dark:text-zinc-50">Shopify focus</h3>

            <p className="mt-5 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">
              Neezon builds and maintains Shopify apps with clear merchant value, strong documentation, and long-term product ownership.
            </p>

            <p className="mt-4 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">
              That focus keeps product decisions, support, and roadmap priorities close to real store needs.
            </p>
          </div>
        </div>
      </div>
    </section>

    <section id="how-we-work" className="relative scroll-mt-24 border-y border-indigo-300/40 py-20 md:py-24 dark:border-indigo-900/35">
      <div className="pointer-events-none absolute inset-0 z-0 bg-gradient-to-br from-violet-200/35 via-zinc-200/30 to-purple-200/35 dark:from-violet-950/35 dark:via-indigo-950/30 dark:to-purple-950/35" />

      <div className="relative z-10 mx-auto max-w-7xl px-6">
        <h2 className="text-center text-sm font-semibold uppercase tracking-wider text-indigo-700 dark:text-purple-400">How we work</h2>

        <p className="mx-auto mt-3 max-w-xl text-center text-xl font-semibold text-zinc-900 dark:text-zinc-50 md:text-2xl">
          How Neezon builds for Shopify merchants
        </p>

        <div className="mt-14 grid gap-6 md:grid-cols-3">
          <div className="rounded-2xl border border-indigo-200/70 bg-zinc-100/95 p-8 shadow-md shadow-indigo-500/5 ring-1 ring-indigo-200/60 dark:border-indigo-900/50 dark:bg-zinc-900/70 dark:ring-indigo-950/50">
            <p className="inline-block bg-gradient-to-r from-indigo-600 to-indigo-500 bg-clip-text text-3xl font-light text-transparent dark:from-indigo-400 dark:to-violet-400">
              01
            </p>

            <h3 className="mt-4 text-lg font-semibold text-zinc-900 dark:text-zinc-50">Merchant-first</h3>

            <p className="mt-3 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">
              Features start with real merchant workflows, not generic feature lists.
            </p>
          </div>

          <div className="rounded-2xl border border-violet-200/70 bg-zinc-100/95 p-8 shadow-md shadow-violet-500/5 ring-1 ring-violet-200/60 dark:border-violet-900/50 dark:bg-zinc-900/70 dark:ring-violet-950/50">
            <p className="inline-block bg-gradient-to-r from-violet-600 to-purple-600 bg-clip-text text-3xl font-light text-transparent dark:from-violet-400 dark:to-purple-400">
              02
            </p>

            <h3 className="mt-4 text-lg font-semibold text-zinc-900 dark:text-zinc-50">Shopify-native</h3>

            <p className="mt-3 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">
              Built for Shopify Admin, checkout, and platform patterns instead of a separate shadow stack.
            </p>
          </div>

          <div className="rounded-2xl border border-fuchsia-200/70 bg-zinc-100/95 p-8 shadow-md shadow-fuchsia-500/5 ring-1 ring-fuchsia-200/60 dark:border-fuchsia-900/50 dark:bg-zinc-900/70 dark:ring-fuchsia-950/50">
            <p className="inline-block bg-gradient-to-r from-purple-600 to-fuchsia-600 bg-clip-text text-3xl font-light text-transparent dark:from-purple-400 dark:to-fuchsia-400">
              03
            </p>

            <h3 className="mt-4 text-lg font-semibold text-zinc-900 dark:text-zinc-50">Support as product</h3>

            <p className="mt-3 text-sm leading-relaxed text-zinc-600 dark:text-zinc-400">
              Documentation, fixes, and feedback loops are part of the product experience from day one.
            </p>
          </div>
        </div>

        <p className="mx-auto mt-14 max-w-2xl text-center text-base font-semibold text-zinc-900 dark:text-zinc-100 md:text-lg">
          What merchants notice
        </p>

        <div className="mt-8 grid gap-5 sm:grid-cols-2 lg:grid-cols-4">
          <div className="rounded-2xl border border-zinc-300/80 bg-zinc-200/50 p-5 text-center dark:border-zinc-800 dark:bg-zinc-900/65">
            <p className="text-sm font-semibold text-zinc-900 dark:text-zinc-50">Cleaner launches</p>
            <p className="mt-2 text-sm text-zinc-600 dark:text-zinc-400">Apps that fit Shopify workflows with fewer surprises at launch.</p>
          </div>

          <div className="rounded-2xl border border-zinc-300/80 bg-zinc-200/50 p-5 text-center dark:border-zinc-800 dark:bg-zinc-900/65">
            <p className="text-sm font-semibold text-zinc-900 dark:text-zinc-50">Faster answers</p>
            <p className="mt-2 text-sm text-zinc-600 dark:text-zinc-400">Answers from people who know the product and the platform.</p>
          </div>

          <div className="rounded-2xl border border-zinc-300/80 bg-zinc-200/50 p-5 text-center dark:border-zinc-800 dark:bg-zinc-900/65">
            <p className="text-sm font-semibold text-zinc-900 dark:text-zinc-50">Long-term ownership</p>
            <p className="mt-2 text-sm text-zinc-600 dark:text-zinc-400">The same team keeps improving and maintaining the apps you install.</p>
          </div>

          <div className="rounded-2xl border border-zinc-300/80 bg-zinc-200/50 p-5 text-center dark:border-zinc-800 dark:bg-zinc-900/65">
            <p className="text-sm font-semibold text-zinc-900 dark:text-zinc-50">Roadmap you can influence</p>
            <p className="mt-2 text-sm text-zinc-600 dark:text-zinc-400">Merchant feedback helps shape what Neezon builds next.</p>
          </div>
        </div>
      </div>
    </section>

    <section id="reviews" className="relative scroll-mt-24 border-t border-indigo-300/45 py-20 md:py-24 dark:border-indigo-900/40">
      <div className="pointer-events-none absolute inset-0 z-0 bg-gradient-to-b from-indigo-100/55 via-zinc-100 to-violet-100/50 dark:from-indigo-950/30 dark:via-violet-950/20 dark:to-purple-950/25" />

      <div className="relative z-10 mx-auto max-w-7xl px-6">
        <div className="mx-auto max-w-2xl text-center">
          <h2 className="text-sm font-semibold uppercase tracking-wider text-indigo-700 dark:text-purple-400">Reviews</h2>
          <p className="mt-3 text-2xl font-semibold text-zinc-900 dark:text-zinc-50 md:text-3xl">What merchants say</p>
          <p className="mt-3 text-xs text-zinc-500 dark:text-zinc-500 md:text-sm">Feedback from merchants using Neezon apps in Shopify.</p>
        </div>

        <div className="neezon-reviews-carousel relative mt-12 mx-auto max-w-5xl">
          <input type="radio" name="neezon-reviews-slide" id="neezon-reviews-s0" className="sr-only" defaultChecked />

          <input type="radio" name="neezon-reviews-slide" id="neezon-reviews-s1" className="sr-only" />

          <div className="neezon-reviews-viewport">
            <div className="neezon-reviews-track">
              <div className="neezon-reviews-pane px-0 md:px-1">
                <div className="grid gap-6 md:grid-cols-2">
                  <div className="flex h-full flex-col rounded-3xl border border-indigo-200/60 bg-gradient-to-br from-indigo-100/80 to-zinc-100 p-8 shadow-sm dark:border-indigo-900/45 dark:from-indigo-950/35 dark:to-zinc-900/50">
                    <p className="text-amber-500 dark:text-amber-400" aria-hidden="true">
                      ★★★★★
                    </p>

                    <p className="mt-3 flex-1 text-zinc-700 dark:text-zinc-300">
                      “Working with Neezon has been a breeze. Their apps are packed with features that really make a difference, and support is quick when we need it.”
                    </p>

                    <p className="mt-8 border-t border-zinc-100 pt-6 text-sm dark:border-zinc-800">
                      <span className="font-semibold text-zinc-900 dark:text-zinc-100">Sarah J.</span>
                      <span className="text-zinc-500"> — Shop owner</span>
                    </p>
                  </div>

                  <div className="flex h-full flex-col rounded-3xl border border-violet-200/60 bg-gradient-to-br from-violet-100/75 to-zinc-100 p-8 shadow-sm dark:border-violet-900/45 dark:from-violet-950/35 dark:to-zinc-900/50">
                    <p className="text-amber-500 dark:text-amber-400" aria-hidden="true">
                      ★★★★★
                    </p>

                    <p className="mt-3 flex-1 text-zinc-700 dark:text-zinc-300">
                      “Neezon stands out from other app providers. The team is responsive and ready to solve issues—it is great knowing we are in good hands.”
                    </p>

                    <p className="mt-8 border-t border-zinc-100 pt-6 text-sm dark:border-zinc-800">
                      <span className="font-semibold text-zinc-900 dark:text-zinc-100">Alex P.</span>
                      <span className="text-zinc-500"> — E-commerce owner</span>
                    </p>
                  </div>
                </div>
              </div>

              <div className="neezon-reviews-pane px-0 md:px-1">
                <div className="grid gap-6 md:grid-cols-2">
                  <div className="flex h-full flex-col rounded-3xl border border-fuchsia-200/55 bg-gradient-to-br from-fuchsia-100/70 to-zinc-100 p-8 shadow-sm dark:border-fuchsia-900/40 dark:from-fuchsia-950/30 dark:to-zinc-900/50">
                    <p className="text-amber-500 dark:text-amber-400" aria-hidden="true">
                      ★★★★★
                    </p>

                    <p className="mt-3 flex-1 text-zinc-700 dark:text-zinc-300">
                      “They listen to feedback and constantly improve. Neezon feels like a partner, not just another app on the store.”
                    </p>

                    <p className="mt-8 border-t border-zinc-100 pt-6 text-sm dark:border-zinc-800">
                      <span className="font-semibold text-zinc-900 dark:text-zinc-100">Rebecca L.</span>
                      <span className="text-zinc-500"> — Business owner</span>
                    </p>
                  </div>

                  <div className="flex h-full flex-col rounded-3xl border border-purple-200/60 bg-gradient-to-br from-purple-100/72 to-zinc-100 p-8 shadow-sm dark:border-purple-900/45 dark:from-purple-950/30 dark:to-zinc-900/50">
                    <p className="text-amber-500 dark:text-amber-400" aria-hidden="true">
                      ★★★★★
                    </p>

                    <p className="mt-3 flex-1 text-zinc-700 dark:text-zinc-300">
                      “Powerful but easy to use, with support that keeps everything running smoothly so we can focus on selling.”
                    </p>

                    <p className="mt-8 border-t border-zinc-100 pt-6 text-sm dark:border-zinc-800">
                      <span className="font-semibold text-zinc-900 dark:text-zinc-100">Mark T.</span>
                      <span className="text-zinc-500"> — Online retailer</span>
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div className="mt-10 flex justify-center">
            <div className="flex items-center gap-2">
              <label htmlFor="neezon-reviews-s0" className="inline-flex h-10 w-10 cursor-pointer items-center justify-center rounded-full border border-zinc-400/70 bg-zinc-200/80 text-lg font-medium text-zinc-800 shadow-sm transition hover:border-indigo-400 hover:text-indigo-700 dark:border-zinc-600 dark:bg-zinc-800 dark:text-zinc-100 dark:hover:border-purple-500 dark:hover:text-purple-300">
                <span className="sr-only">Previous reviews</span>
                <span aria-hidden="true">←</span>
              </label>

              <label htmlFor="neezon-reviews-s1" className="inline-flex h-10 w-10 cursor-pointer items-center justify-center rounded-full border border-zinc-400/70 bg-zinc-200/80 text-lg font-medium text-zinc-800 shadow-sm transition hover:border-indigo-400 hover:text-indigo-700 dark:border-zinc-600 dark:bg-zinc-800 dark:text-zinc-100 dark:hover:border-purple-500 dark:hover:text-purple-300">
                <span className="sr-only">Next reviews</span>
                <span aria-hidden="true">→</span>
              </label>
            </div>
          </div>
        </div>
      </div>
    </section>

    <section className="border-t border-zinc-200/80 bg-gradient-to-r from-indigo-600 to-purple-600 py-16 text-center dark:border-zinc-800 dark:from-indigo-700 dark:to-purple-700">
      <div className="mx-auto max-w-2xl px-6">
        <h2 className="text-2xl font-semibold text-white md:text-3xl">Work with a Shopify app team</h2>

        <p className="mt-4 text-sm text-indigo-50/95 md:text-base">
          Explore Neezon on the Shopify App Store, read merchant docs, or contact the team before you install.
        </p>

        <div className="mt-10 flex flex-wrap justify-center gap-3">
          <a href="/contact" className="inline-flex rounded-full bg-white px-8 py-3.5 text-sm font-semibold text-indigo-800 transition hover:bg-indigo-50">
            Contact Neezon
          </a>

          <a href="https://apps.shopify.com/partners/neezon" target="_blank" rel="noreferrer" className="inline-flex rounded-full border-2 border-white/80 px-8 py-3.5 text-sm font-semibold text-white transition hover:bg-white/10">
            Shopify App Store
          </a>
        </div>
      </div>
    </section>
  </div>
</div>