María Sydorchuk Clinic
Clinic site in four languages incl. right-to-left Arabic
A multilingual marketing site for an aesthetic medicine clinic in Cartagena, Spain — built to bridge four languages, two scripts, and a single elegant brand. Bold typography, before/after sliders, and a frictionless booking flow that turns curiosity into appointments.
- Sector
- Healthcare · Spain
- Stack
- Next.js 16 · Tailwind v4 · next-intl · Motion
- Languages (ES/EN/UK/AR)
- 4
- Treatment Categories
- 14
- Priced Treatments
- 50+
- Mobile-First
- 100%
Before and after — as on the clinic’s site.
Real results from the clinic, in the same comparison slider patients use on the site. Drag the line.
BeforeAfterDrag to compare
Beauty That Speaks Every Language
Cartagena is a port city — patients arrive from across the Spanish-speaking world, from Ukraine, from Morocco. María Sydorchuk's clinic needed a site that meets each of them in their own language, including a full right-to-left Arabic experience.
We designed and shipped a Next.js 16 marketing site that does the heavy lifting silently: locale-prefixed routes, automatic Arabic RTL with mirrored chevrons and logical CSS properties, a cream/bronze palette inspired by the clinic's interior, and a transparent price list nobody else in the area dares publish.
Ship a marketing site that handles four languages and two writing directions without feeling like a translation exercise — and turns visitors into booked appointments with a single Name+Phone form, no checkout, no friction.
Next.js 16 with the App Router, next-intl for locale-prefixed routing, Tailwind v4 with logical CSS properties for clean RTL, Motion-powered page transitions, and an Embla fade-slider hero with responsive desktop/mobile slide sets. Bold Manrope typography paired with Arabic Noto Naskh — one design language across two scripts.
Crafted for Conversion
- 01
Four Languages, Two Scripts
Spanish, English, Ukrainian, and Moroccan Arabic. The page flips elegantly to RTL with logical CSS properties — no second design, no parallel codebase.
- 02
Bold Editorial Type
Manrope as the workhorse, Noto Naskh for Arabic, a cream/bronze palette inspired by the clinic interior. Heavy weights, generous spacing, no clinical sterility.
- 03
Before/After Gallery
Real client transformations in a draggable comparison slider — img-comparison-slider with cream/bronze chrome to match the rest of the site.
- 04
Transparent Pricing
50+ treatments across 14 categories, every price published in EUR. No 'ask for a quote' anywhere on the site — a competitive differentiator in aesthetic medicine.
- 05
Embla Hero Slider
Fade transitions with separate desktop (1920×1080) and mobile (750×1000) slide sets that swap at the breakpoint crossover. Wheel-gesture carousels on the homepage cards.
- 06
Booking Without Forms
One-tap Name + Phone, no checkout, no friction. The booking strip lives in the footer and a dark CTA card mid-page — both convert silently.
See It in Action
Under the Hood
A modern Next.js 16 stack built for content sites that need to feel premium, load instantly, and serve four locales — including one that reads right to left. Tailwind v4 logical properties do the heavy lifting; one stylesheet, two scripts, no extra design system.
- Next.js 16
- App Router + i18n
- Tailwind v4
- Logical CSS for RTL
- next-intl
- 4 locales, prefixed routing
- Motion
- Page transitions + menu
Need a Multilingual Site That Converts?
Whether it's a clinic, a hospitality brand, or any business serving multiple markets — we ship multilingual sites that feel native in every language, and a booking flow tuned for conversion, not for showing off.
Polylog
Multi-agent chatbot platform with RAG, flow builder and widget
Let’s talk.
Tell us what you’re building. You’ll get a reply and a first estimate within 24 hours.
Fill in the brief →