# Product View Specification

## Required page order
1. Product image and product details at top
2. 3D View section below the hero
3. AR View button/section below 3D View
4. Specifications
5. Features and color options
6. Branch availability
7. Product gallery
8. Testimonials
9. Final booking CTA

## 3D behavior
- Do not load GLB immediately.
- Show poster image first.
- User clicks `Load 3D View`.
- Then load the 3D model viewer.
- Support rotate, zoom, and auto-rotate.
- Show fallback: `3D model coming soon` when no GLB is uploaded.

## AR behavior
- Use GLB for Android/WebXR/Scene Viewer.
- Use USDZ for iOS Quick Look.
- Button text: `View in AR`.
- On supported mobile devices, tapping the button should open the AR/camera experience.
- On desktop, show: `Open this page on your phone to view this scooter in AR.`

## Product asset fields
- `heroImage`
- `thumbnailUrl`
- `posterUrl`
- `galleryImages[]`
- `model3dGlbUrl`
- `model3dUsdzUrl`
- `arEnabled`
- `lidarScanStatus`