# 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 + SEO articles targeting Winnipeg eyewear search queries. Category filter buttons. Individual post reader (`/blog/:slug`) with related articles section. Articles cover: where to buy prescription glasses in Winnipeg, mobile eye care for seniors, progressive lenses, blue light glasses, children's vision, contact lens care, choosing frames, signs you need new glasses, eye exam frequency.
- **Contact** (`/contact`) — Address, hours, phone, embedded Google Maps, integrated booking form (Eye Exam calendar).

## SEO Landing Pages (Topical Authority)

- **Eye Exams Winnipeg** (`/eye-exams`) — Comprehensive eye examinations: retinal imaging, glaucoma/cataract screening, prescription updates. Walk-ins welcome. FAQ + Service/MedicalProcedure schema.
- **Contact Lenses Winnipeg** (`/contact-lenses`) — Contact lens fittings: daily, monthly, toric (astigmatism), multifocal, colored. Trial lenses, training, direct billing.
- **Prescription Sunglasses Winnipeg** (`/sunglasses`) — Designer & prescription sunglasses: polarized, transition, UV protection. Ray-Ban, Oakley, Tom Ford frames.
- **Mobile Eye Care Winnipeg** (`/mobile-eye-care`) — At-home eye exams & frame selection for seniors and homebound patients across Winnipeg. Delivery & on-site fitting.
- **Insurance & Direct Billing Winnipeg** (`/insurance-direct-billing`) — Direct billing to most major Manitoba insurers for eye exams, glasses, and contacts.

All landing pages include LocalBusiness/MedicalBusiness schema, BreadcrumbList, Service schema, and FAQPage schema via shared helpers in src/lib/seo.ts.

## 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