Design & Development
May. 2026
Pearl Dental Care
Pearl Dental Care is a patient-facing dental clinic experience I built full stack: marketing pages (dynamic services, blog, About, Contact, legal), authenticated patient flows, bookings, and lead capture — Patient Welcome and Care Contact forms — all wired to a Fastify REST API.
The frontend uses Next.js App Router, TypeScript, SCSS modules, and Motion for a calm clinical narrative: reassurance-first layout, skim-friendly trust blocks, specialist carousel, and clear paths to register or book. The API layer runs Prisma on PostgreSQL with Zod validation, bcrypt, lead logs, appointment endpoints, and a health route — packaged for Docker and split deploy.
Production constraints are part of the proof: CORS, HTTPS base URL normalization, and partitioned session cookies so the Railway frontend and API work together across domains — not a static mockup, but a deployable clinic product shape.
Hero — upbeat “Get ready for your best ever Dental Experience!” headline on first fold; airy layout, clinician photo, restrained UI so reassurance hits before deeper proof.
Patient welcome — “We’re welcoming new patients…” block with phone-first form framing, calm reassurance cues; marketing leads post to the Pearl API.
Why choose Smile — split hero with clinic photo, reassurance copy, staggered perk row with shields, Book-an-appointment CTA anchored.
Welcome video section — “We’re Welcoming new patients…” headline, centered Press-play blurb; calm pacing and culture glimpses — empathy for voiced worries. (Page section screenshot, not a portfolio video asset.)
Meet our specialists — carousel of clinician snapshots, warm portraits, credential blurbs, training polish, approachable bedside reassurance.
Game changer — “Dental Website that’s gonna shake the game rules up” fold; luminous copy nudges curiosity — Learn More routes to the About storyline.
Register — Create an account form with inline validation; signup posts to Pearl API — httpOnly JWT cookies seal the session.
Contact — Get in touch centers booking urgency; appointment scaffold and map flank concierge reassurance for anxious callers.