Juan Medical Company – Multilingual Medical Website
A modern multilingual medical website built with Next.js and Tailwind CSS, featuring Arabic RTL support, smooth animations, and optimized performance.
Overview
Juan Medical Company is a modern marketing website designed for a professional medical services provider. The platform presents company services, workflow, and contact capabilities through a clean, responsive, and multilingual interface.
The Challenge
The main challenge was to create a professional and accessible medical website that supports both English and Arabic users. The design needed to handle RTL layouts while maintaining performance, smooth animations, and strong visual hierarchy.
The Solution
We developed the website using Next.js with a focus on performance, SEO, and multilingual support. Tailwind CSS was used for responsive design, while Framer Motion and Lenis provided smooth and engaging animations.
Key solutions include:
- Full multilingual support with RTL (Arabic) and LTR (English)
- Optimized performance using Next.js Image component
- Smooth scrolling and animations using Lenis and Framer Motion
- Clean and modern UI tailored for medical services
- SEO-ready architecture with server-side rendering
Features
Frontend
- Multilingual support (English & Arabic)
- Responsive mobile-first design
- Smooth scroll animations and transitions
- Optimized images for fast loading
- Custom typography with Montserrat and Cairo fonts
- Contact form with email integration
Results
The final website delivers a professional digital presence for Juan Medical Company, improving accessibility, user experience, and engagement across different languages and devices.