# Bashista Auto Project Guide

## Project

Bashista Auto electric scooter showroom website.

- Business: Bashista Auto
- Tagline: Drive the Future
- Main Branch: Bharatpur, Chitwan
- Branch: Kawasoti, Nawalpur
- Contact: +9779709046761
- Contact: +9779709046762

## Design Direction

- White background
- Blue primary accent
- Green EV accent
- Deep navy text
- Clean professional dealership UI
- Rounded cards
- Soft shadows
- Soft blue gradients
- Mobile-first responsive design

## Technical Rules

- Use Next.js App Router.
- Use TypeScript.
- Use Tailwind CSS.
- Use shadcn-style `components/ui`.
- Use PostgreSQL with Prisma.
- Use Auth.js/NextAuth for admin auth.
- Homepage must be normal lightweight scroll, no heavy 3D.
- Product detail pages have normal image first, then 3D view, then AR button.
- 3D models must not auto-load; show poster first and load after click.
- AR uses GLB and USDZ with `model-viewer`.
- Admin routes must be protected.

## Public Routes

- `/`
- `/scooters`
- `/scooters/[slug]`
- `/brands`
- `/offers`
- `/about`
- `/parts`
- `/gallery`
- `/contact`
- `/book-test-ride`

## Admin Routes

- `/admin`
- `/admin/products`
- `/admin/brands`
- `/admin/parts`
- `/admin/offers`
- `/admin/gallery`
- `/admin/test-rides`
- `/admin/leads`
- `/admin/3d-assets`
- `/admin/settings`

## Commands

Run after major changes:

- `npm run lint`
- `npm run build`

## Done Means

- Visually close to mockups
- Responsive
- No broken imports
- Build passes