# Bani Optical Eyewear — Site Context & Structure

Bani Optical Eyewear is a premium optical destination in Winnipeg providing comprehensive eye exams, designer frames (Ray-Ban, Tom Ford, Prada, Oakley, Oliver Peoples, Gucci), specialized lens services (anti-reflective, blue-light blocking, polaroid, transition, progressive), kids myopia control (MiYOSMART, Stellest), safety eyewear, mobile optical service for seniors/homebound patients, and an AR virtual try-on experience. Located at 425 St. Mary Ave, Winnipeg, MB R3C 0N2. Phone: (204) 415-9000. Direct billing available.

## Core Offerings & Site Structure

- **Home** (`/`) — Central hub: hero video, featured brands marquee, about section, services overview grid (6 cards), tabbed product collections (Designer Frames, Safety Wear, Sun Shades, Contact Lenses, Accessories), virtual try-on teaser gallery, testimonials, location/map, FAQ accordion, gold CTA section.
- **Services** (`/services`) — Detailed vision care solutions with full structured data (MedicalBusiness schema):
  - *Comprehensive Eye Examinations:* Digital retinal imaging, glaucoma screening, cataract assessment, visual field testing. Has "Book This Service" button → Eye Exam calendar (7TIhv32pKwrblVHqO3k5).
  - *In-Store Frame Selection:* Designer brands fitting with custom adjustments. Uses provided asset image (6a623a6bfb06386ede6e7a3d.png).
  - *Mobile Optical Service:* At-home exams for seniors/homebound patients.
  - *Premium Lens Services:* Anti-reflective, blue-light blocking, polaroid, transition, progressive lenses.
  - *Kids Myopia Control:* MiYOSMART & Stellest specialized lenses.
  - *Safety/Sunwear/Accessories:* Certified safety glasses, designer sunglasses, lens cleaners, cases.
- **About** (`/about`) — Founder story: internationally trained optician passionate about making corrective spectacles affordable for every Manitoban. Mobile service mission for homebound seniors.
- **Virtual Try-On** (`/virtual-try-on`) — AR experience using face-api.js + Three.js. Measures PD, monocular PD (OD/OS), bridge DBL, face width, eye size (A), temple length (snapped to standard increments), pantoscopic tilt, face-form angle. Frame fit assessment engine (excellent/good/borderline/poor). Lens type selector (single vision distance/near, intermediate, bifocal, progressive) with compatibility warnings. Calibration via credit card reference. Professional disclaimer included. Booking gated behind captured measurements → Frame Fitting calendar (J85Lig9bgmTivvuOuLhZ). Catalogue deep-links via ?frame= query param.
- **Frame Catalogue** (`/catalogue`) — Men's, Women's, Kids' tabs. Style filters: Classic, Bold, Sport, Retro, Fashion. Each frame: brand, name, price, style tag, image, "Try On" button (deep-links to /virtual-try-on?frame=id).
- **Blog** (`/blog`) — Educational articles extracted from source site. Category filter buttons. Individual post reader (`/blog/:slug`) with related articles section.
- **Contact** (`/contact`) — Address, hours, phone, embedded Google Maps, integrated booking form (Eye Exam calendar).

## Technical Architecture

- **Stack:** React 18 + Vite + TypeScript + Tailwind CSS + react-router-dom v6
- **SEO:** react-helmet-async (SEOHead component per page), JSON-LD structured data on every page, static HTML fallback in index.html for crawlers, sitemap.xml, robots.txt
- **Integrations:** 
  - Calendar API (HighLevel): Eye Exam calendar ID 7TIhv32pKwrblVHqO3k5 | Frame Fitting calendar ID J85Lig9bgmTivvuOuLhZ | Location b2ErXGAJE9KrJZnSSjGH
  - Form Tracking: trackingId tk_da67a87452e640d39f361ce03fd69c10 | projectId 1784651853919592030
- **Design System:** Navy (#1e3a5f) + Gold (#d4a354) palette, shadcn/ui components, Framer Motion animations
- **Optical Standards:** Configurable OPTICAL_STANDARDS in src/lib/opticalStandards.ts — PD ranges (48-80mm binocular, 24-40mm monocular), vertex distance (10-18mm), pantoscopic tilt (6-12°), face-form (0-10°), temple length (125-150mm), bridge DBL (14-24mm), eye size/A (40-60mm)

## Contact & Conversion Pathways

- **Physical Location:** Winnipeg Clinic, 425 St. Mary Ave, Winnipeg, MB R3C 0N2, Canada
- **Phone:** +1-204-415-9000
- **Hours:** Mon–Fri 9AM–6PM, Sat by appointment, Sun closed
- **Booking Paths:** "Book Eye Exam" → Eye Exam calendar | "Book Fitting" (Virtual Try-On) → Frame Fitting calendar | Contact page form
- **Lead Capture:** CRM form tracking on all forms, toast notifications, measurement data passed to booking notes