# TechShop Commerce OS V6 Premium UI Release

V6 is a presentation and experience redesign built on the V5 functional Commerce OS. It keeps the existing database/payment/cart/wallet/marketing/dispatch/auth features and replaces the storefront and workspace presentation with the supplied TechShop visual direction.

## Design system
- White commerce surfaces with deep navy framing and electric TechShop blue accents.
- Product-first compact cards, rounded panels, trust indicators and image-led shopping.
- Dark premium hero/footer areas with subtle GPU-friendly transform/opacity motion.
- Shared visual language across storefront, search/shop, product detail, cart, checkout, compare, auth and role dashboards.
- Responsive layouts for desktop, tablet and mobile.
- `prefers-reduced-motion` support.

## Storefront
- New hero layout using real catalogue product images, never hard-coded fake products.
- Category rail, TechMart and TechCare banners, featured catalogue, promotional blocks, live trending searches and real approved customer reviews.
- Persistent love/heart state retained.
- Instant Buy remains hover-oriented on desktop and Add to Cart remains direct.
- Image, voice and word-level text search remain available in the global search bar.

## Shop/search
- New real filter sidebar with category, brand, minimum price, maximum price and sorting.
- Empty query `/search` now becomes a usable Shop page that lists active products.
- Existing smart suggestions and search analytics are preserved.

## Product detail
- Premium gallery, thumbnails, product video, identity details, variants, WhatsApp Buy, share, comparison, trusted checkout signals and verified-review display.

## Cart / Checkout
- Premium cart layout, quantity controls, social cart sharing, secure summary and WhatsApp purchase shortcut.
- Premium checkout progress, delivery form, dynamic active payment methods, Pay on Delivery/installment support and order summary.

## Dashboards
- Admin, Marketer, Product Manager, Accountant, Dispatch Rider and Customer workspaces inherit the same V6 colour system, cards, inputs, tables and controls.
- Existing live AJAX/database modules are retained.
- Operational sidebar branding box is suppressed in favour of the global TechShop header.

## Performance
- Storefront no longer loads Chart.js/Leaflet unless the role dashboard actually needs them.
- Product media remains lazy loaded where appropriate.
- Motion uses transform/opacity rather than layout-heavy animation.
- Sections use `content-visibility:auto` where safe.
- Production servers should enable Brotli/Gzip and long-cache `/assets/`.

## Database
V6 requires no schema change beyond V5. Keep your existing V5 database and `.env`.