kagadmodyaa

Newsletter 03

New
Newsletter 02CTA 01

A full-width editorial sign-up with an oversized headline, subscriber count, archive link, form and a short list of what each issue holds.

Installation

pnpm dlx shadcn@latest add https://kagadmodyaa.vercel.app/r/newsletter-03.json

Needs a React + Tailwind project set up with shadcn. Copies the block's files into your project, along with the components it uses, so you can edit all of it.

Usage

This block is a section, not a page. Import it where you want it, alongside your other sections.

import { Newsletter03 } from '@/components/newsletter-03/newsletter-03'

export default function Page() {
  return (
    <main>
      <Newsletter03 />
    </main>
  )
}

Files

What the command adds to your project, and where.

  • components/newsletter-03/newsletter-03.tsx

    The section. Import it into any page and render it; it fills the width of its parent.

It also installs the components it is built from, unless you already have them: Button, Input, Label, Spinner.

The block uses one accent colour. Installing adds a --brand variable to your global CSS (an existing one is left alone); change it to match your product.

Links, copy and the product name are placeholders; swap in your own. Where a block has a form, its submit handler is a stub for your own request.

More in Newsletter

See all 3 Newsletter blocks