设计与开发
5月. 2026
Pearl Dental Care
Pearl Dental Care 是我 full stack 打造的面向患者的牙科诊所体验：营销页（动态服务、博客、关于、联系、法律页）、登录流程、预约与线索——Patient Welcome 与 Care Contact 表单——全部对接 Fastify REST API。
前端 Next.js App Router、TypeScript、SCSS modules、Motion： calm 临床叙事、信任区块、专家轮播、清晰的注册与预约路径。API 层 Prisma + PostgreSQL、Zod、bcrypt、线索日志、预约端点与健康检查——Docker 与分离部署。
生产约束也是证明的一部分：CORS、HTTPS base URL 规范化、分区 session cookie，使 Railway 前后端跨域协作——非静态 mockup，而是可部署的诊所产品形态。
首屏—— upbeat 标题「Get ready for your best ever Dental Experience!」；通透版式、医师照片、克制 UI，先建立信任。
Patient welcome——「We're welcoming new patients…」区块，phone-first 表单与 calm reassurance；营销线索提交至 Pearl API。
Why choose Smile——split hero：诊所照片、 reassurance 文案、带 shield 的优势行、锚定的 Book an appointment CTA。
Welcome video section——「We're Welcoming new patients…」标题、居中 Press-play 文案； calm pacing 与 culture glimpses——回应常见顾虑。（页面区块截图，非视频文件。）
Meet our specialists——医师 snapshot 轮播、 warm portraits、credential blurbs、 approachable 的专业 reassurance。
Game changer——「Dental Website that's gonna shake the game rules up」折叠区； luminous copy 引发好奇——Learn More 导向 About 叙事。
Register——Create an account 表单与 inline validation；signup 提交 Pearl API——httpOnly JWT cookies 维持会话。
Contact——Get in touch 突出预约 urgency；appointment scaffold 与地图为 anxious 访客提供 reassurance。