KarimElGuerzyfy/local-business-template

Reusable static website template for local businesses and medical practices in Morocco. Bilingual FR/AR with RTL support, built with Next.js, TypeScript, and Tailwind CSS. # 🦷 Clinic Fez — Local Business Website Template A high-performance, fully bilingual (FR/AR) static website template built for local clinics and medical professionals in Fez, Morocco. Designed to convert mobile visitors into appointments through frictionless CTAs, trust signals, and a clean modern UI. --- ## 🚀 Live Demo **Client:** Dr. Amine Marbouh — Dentiste & Orthodontiste, Fès **Repository:** KarimElGuerzyfy/local-business-template **Deployment:** Vercel --- ## 📋 Features - ⚡ **Lightning-fast** static site generation via Next.js App Router - 🌍 **Bilingual FR/AR** with full RTL support — language toggle built-in - 📱 **Mobile-first** responsive design with tap-to-call CTAs - 🎨 **Dark navy design system** with consistent design tokens - 🗺️ **Google Maps** embed with directions button - 📬 **Serverless contact form** via Formspree - 💬 **WhatsApp integration** for direct patient contact - ♿ **Accessible** semantic HTML with proper ARIA attributes - 🔄 **Reusable template** — duplicate folder per client, edit one config file --- ## 🛠️ Tech Stack | Technology | Purpose | |---|---| | Next.js 14 App Router | Framework + Static Site Generation | | TypeScript | Type safety | | Tailwind CSS v4 | Styling with design tokens | | `next/font/google` | Optimized font loading (Hind + Cairo) | | `lucide-react` | Icon library | | `next/image` | Optimized image rendering | | Formspree | Serverless contact form | | Vercel | CDN deployment | --- ## 📁 Project Structure ``` clinic-fez/ ├── app/ │ ├── components/ │ │ ├── Header.tsx # Sticky header with logo and CTA │ │ ├── Nav.tsx # Desktop nav + mobile fullscreen menu │ │ ├── Hero.tsx # Hero section with stats and marquee │ │ ├── Services.tsx # Horizontal carousel of service cards │ │ ├── ServiceCard.tsx # Reusable service card component │ │ ├── Testimonials.tsx # Patient reviews carousel │ │ ├── TestimonialCard.tsx # Reusable testimonial card componen …