Modern Dental Clinic Hero

Create a reassuring, high-end dental clinic hero in white, mist blue and clear medical blue. Use a bright clinic photograph as an immersive background, with the dental chair and equipment concentrated on the right and a soft curved white architectural mask on the left to preserve readability. Keep the navigation minimal with a tooth mark and a blue appointment CTA. Center the content over the quiet middle area: an outlined badge, a bold two-line headline with the last word in blue, a warm family-oriented subtitle, and two actions for treatments and emergencies. Below the actions, include three elevated white statistic cards for experience, satisfied patients and verified reviews. Finish with a wider translucent quality rail containing four clinic promises and clean blue line icons. Animate the blue keyword with a subtle reveal, let the stat cards rise in sequence, count the numbers and add a barely perceptible light sweep over the equipment. The experience must feel hygienic, calm and trustworthy, never cold or overly clinical.

Build this as a complete, production-ready website hero in React and TypeScript using Tailwind CSS and Framer Motion. Reproduce the reference composition faithfully while creating original brand assets and copy. The page must include a semantic header, responsive navigation, strong single H1, supporting paragraph, two purposeful calls to action, proof or feature items, and the main visual composition.

Interaction and quality requirements:
- Animate the entrance as a restrained cinematic sequence: navigation fades down, copy reveals line by line, the main visual scales from 0.97, and supporting cards enter with a short stagger.
- Add subtle pointer parallax only to decorative or photographic layers; never reduce readability or move interactive controls.
- Buttons need polished hover, pressed and keyboard-focus states. Navigation must become an accessible compact menu on mobile.