// about
About the Project
Misan Optics is a fully Arabic, right-to-left business landing page built for a real optical store in Ishbiliya, Riyadh. The site is designed to drive local customers to visit, call, or book appointments via WhatsApp. It features an animated hero section with CSS lens rings, a filterable product catalog, live Google Maps embed, and a floating WhatsApp button — all built from scratch without any frameworks, with careful attention to Arabic typography and mobile responsiveness.
// key features
What It Does
WhatsApp Integration
Direct WhatsApp booking links throughout the page — hero CTA, nav button, floating widget, and contact section.
Product Filtering
Filter catalog by type: medical frames, sunglasses, or contact lenses — with smooth animated transitions.
Google Maps Embed
Live map showing the exact store location with direct link to open in Google Maps for navigation.
Arabic RTL Design
Full right-to-left layout with Arabic typography (Cairo font), animated lens rings hero, and mobile hamburger menu.
// stack
Technologies Used
HTML5
CSS3
JavaScript
RTL Layout
Cairo Font
Google Maps API