# React Editor Website

A clean, commerce-neutral website template built with Next.js, React Editor, shadcn-style components, Tailwind CSS v4, and `next-themes`.

## Included

- Responsive Header and Footer stored as synced global blocks
- Hero, Logo Marquee, Features, Stats, Testimonials, Pricing, Posts Carousel, FAQ, and CTA blocks
- Contact page with an accessible form and validated API endpoint
- Light, dark, and system themes
- JSON-backed page content with visual editor routes
- Per-page SEO fields

## Run locally

```bash
yarn install
yarn dev
```

Open `/editor` for the home page editor and `/contact/editor` for the contact page editor. Publishing from the editor updates the matching `page.json` and shared `app.globals.json` files when the filesystem is writable.

## Block structure

Each editable block pairs a rendering component with a React Editor configuration:

```text
components/website/pricing.tsx
components/website/pricing.config.tsx
```

Register new blocks in `editor.config.tsx` and add their prop type to `config/types.ts`.

## Contact submissions

`app/api/contact/route.ts` validates incoming data but intentionally does not choose a database, CRM, or email provider. Replace the marked storage comment with the integration required by the project using this template.

## Customize

- Global content: `app.globals.json`
- Home page: `app/page.json`
- Contact page: `app/contact/page.json`
- Site identity and canonical URL: `config/site.ts`
- Theme tokens: `app/globals.css`