Diseño y desarrollo
may. 2026
Pearl Dental Care
Pearl Dental Care es una experiencia de clínica dental para pacientes que construí full stack: marketing (servicios dinámicos, blog, About, Contact, legal), flujos autenticados, reservas y captación — formularios Patient Welcome y Care Contact — conectados a una API REST Fastify.
Frontend con Next.js App Router, TypeScript, SCSS modules y Motion: narrativa clínica calmada, bloques de confianza, carrusel de especialistas y rutas claras a registro o cita. API con Prisma/PostgreSQL, Zod, bcrypt, logs de leads, endpoints de citas y health route — Docker y despliegue separado.
La parte production cuenta: CORS, normalización de base URL HTTPS y cookies de sesión particionadas para que frontend y API en Railway funcionen entre dominios — no un mockup estático, sino producto clínico desplegable.
Hero — titular optimista «Get ready for your best ever Dental Experience!» en el pliegue inicial; layout aireado, foto del clínico, UI contenida para transmitir confianza.
Patient welcome — bloque «We're welcoming new patients…» con formulario phone-first y señales de confianza; leads de marketing a la Pearl API.
Why choose Smile — split hero con foto de clínica, copy de confianza, fila de ventajas con escudos y CTA Book an appointment anclado.
Welcome video section — titular «We're Welcoming new patients…», bloque Press-play centrado; ritmo calmado y glimpses de cultura — empatía con preocupaciones habituales. (Captura de sección, no video.)
Meet our specialists — carrusel con snapshots de clínicos, retratos cálidos, blurbs de credenciales y reassurance accesible.
Game changer — pliegue «Dental Website that's gonna shake the game rules up»; copy luminoso despierta curiosidad — Learn More lleva a About.
Register — formulario Create an account con validación inline; signup a Pearl API — sesión en cookies JWT httpOnly.
Contact — Get in touch centrado en urgencia de reserva; scaffold de cita y mapa para reassurance tipo concierge.