Empire Dental
Web DevelopmentFront-End Development
A calm dentist on Central Ave, Orange NJ. Mint + coral + porcelain bento-grid layout. Animated smile-arc signature.
Next.js 16MotionSVGTailwind v4
Overview
Empire Dental is a calm general dentistry on Central Ave, Orange NJ. The hero uses a BENTO GRID — twelve-column rows of mixed-size rounded cards (28px radius), each with its own background tone in the mint/coral/porcelain family. The animated smile-arc with floating tooth-dots is the signature, set inside one of the bento tiles. Soft, clinical-but-warm, the opposite of cold dentistry stock photography. Fraunces + DM Sans.
Features
- BENTO GRID hero layout (12-col, mixed-size cards, 28px radius)
- Animated smile-arc with tooth-dots inside the bento
- Six-card care grid + six-step first-visit flow
- Mint + coral palette, no medical sterility
- Fraunces italic display
Technologies Used
- Next.js 16
- React 19
- Tailwind CSS v4
- Motion
- Lenis
- Fraunces + DM Sans
Challenges & Solutions
Challenges
- Making a dentist feel welcoming without saccharine
- Bento layout discipline — easy to bloat
Solutions
- Used mint + coral instead of medical blue
- Each bento tile holds exactly one idea, no more