A luxury skin, hair and longevity clinic website: 20 pages, a headless WordPress blog, secure enquiry forms and a polished, animation-rich experience on Next.js 16.
Auralyx is the website for Waldor Clinic, a premium aesthetic clinic offering facials, injectables, body contouring and hair restoration. The website is the clinic's front door: it presents treatments and skin concerns in a calm, high-end style, publishes expert articles, introduces the doctors, shows before-and-after results and turns visitors into consultation enquiries. I built it end to end, from the page architecture and animations to the database, email delivery and security.
A luxury brand cannot look or feel generic, yet the site also has to be fast, easy for the clinic team to keep fresh, found on Google and safe to put forms on. The clinic already had an older website, so the new one also had to keep every old link working. The goal was one codebase that is beautiful, content-managed and production-hardened.
Visitors land on a home page that introduces the clinic, its signature treatments, doctors and success stories.
They browse treatments or pick a skin concern and see a tailored page with approach, benefits, safety and FAQs.
Before-and-after sliders, patient stories, doctor profiles and a blog build confidence.
A validated contact form captures the treatments they want and their message.
The enquiry is saved to PostgreSQL first, then emailed to the clinic team.
Every submission has a status, so a failed email is never a lost lead.
HomeHero, about, signature treatments, how it works, doctors, transformations, stories, blog.
Treatments (5)HydraGlass, Waldor Signature, Body Treatment, Injectables and Hair Growth.
Concerns (7)Acne, scarring, dull skin, loose skin, premature aging, uneven tone and wrinkles.
BlogWordPress-powered listing with category filters and article pages.
Doctors and AboutClinic story, values, team and credentials.
ProductsA shop showcase with a product grid and brand logo slider.
FAQsFilterable by treatments, concerns and clinic.
Contact and CareersValidated forms with email delivery and a Google Map.
Problem. The clinic already had a website, and moving URLs would break bookmarks and Google rankings.
Solution. 16 permanent redirects map the old pages (menu, appointments, home variants) to the new treatment and contact pages.
Problem. WordPress categories needed to appear as friendly paths on the site.
Solution. Rewrites map each category prefix to the blog listing and each post to the article page, while the URL stays as typed.
Problem. A blog that depends on an external API must not break the page.
Solution. Requests are retried and cached for a minute with Next.js revalidation, so most page loads never hit WordPress.
Problem. Email servers fail, and a failed email means a lost enquiry.
Solution. The database save comes first and each record carries a status, so the team can always find and follow up.
Problem. Heavy video, images and animation can ruin performance.
Solution. Assets are cached for 30 days, optimized images for 30 days, and an optional CDN origin is supported for large media.
Problem. Open forms attract spam and abuse.
Solution. Layered defenses: origin check, honeypot and rate limiting, with a note that Cloudflare can sit in front for more.
Next.js 16 App Router with React 19 and TypeScript, using route groups for the website.
Tailwind CSS 4 with class-variance-authority, clsx and tailwind-merge for variants.
GSAP, Framer Motion and Lenis, plus Swiper and a compare-slider for results.
Headless WordPress through WPAPI for the blog, with sanitize-html on the output.
PostgreSQL with a Prisma schema for contact and careers submissions, indexed by email and date.
Nodemailer over SMTP with pooled connections and escaped HTML templates.
Dynamic sitemap, robots, canonical URLs, metadata, and an llms.txt file for AI search tools.
ESLint, strict TypeScript, Zod schemas shared by client and server.
| Method | Endpoints |
|---|---|
| GET | /api/blog · /api/blog/[slug] |
| POST | /api/contact |
| POST | /api/careers |
The site is live at waldor.vercel.app. It gives the clinic a refined, fast and secure online presence where treatments are easy to explore, content can be updated without a developer, and every enquiry is stored and delivered. The project let me own a production client site from design implementation through database, email, SEO and security.