# __STOREFRONT_NAME__

A Cimplify storefront scaffolded from the **auto** template — Next.js 16 (App Router), React 19, Tailwind v4. Carbon-black + sport-red palette, Inter + JetBrains Mono typography, workshop-modern aesthetic.

## Run

```bash
bun install
bun dev
```

Two things start in parallel:

- `cimplify-mock --seed auto` — the Cimplify mock API on `http://127.0.0.1:8787`, seeded with Driveline Auto Parts.
- `next dev` — this storefront on `http://localhost:3000`.

Open the storefront in your browser. Edit `app/page.tsx` to start customising.

## Auto-specific behaviour

- **Fitment finder** (`components/fitment-finder.tsx`): Make → Model → Year selector on the home page. Submitting pushes `?fits=fits:<make>:<model>` onto `/shop`; the shop page filters the catalogue by matching `tags` on `MockProduct`. Products tagged `fits:universal` always appear.
- Vehicle data lives in `brand.fitments` (lib/brand.ts) — add a make/model/year by editing that array.
- `Bosch`, `Mobil 1`, `Castrol`, `NGK`, `Brembo`, `Bridgestone` brand strip — swap to your own authorised brands.
- `AutoPartsStore` schema.org `@type` is set in `brand.schemaType` so JSON-LD on every page identifies the business correctly.

## Switch the seed

```bash
cimplify-mock --seed pharmacy    # Wellspring Pharmacy
cimplify-mock --seed restaurant  # Mama's Kitchen
cimplify-mock --seed retail      # Currents Electronics
```

## Go live

```diff
# .env.local
- NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY=mock-dev
+ NEXT_PUBLIC_CIMPLIFY_PUBLIC_KEY=<your tenant key>
```

Deploy with `cimplify deploy --prod` after linking the project. See [`cimplify` CLI docs](https://www.cimplify.dev/docs/cli). `next.config.ts` already whitelists the SDK image hosts under `images.remotePatterns`.
