A high-performance, modern corporate website built for Birlik Oto, a premium auto service center located in Yeşilpınar, Istanbul. This project showcases advanced frontend techniques, interactive UI elements, and a sleek, dark-themed aesthetic to reflect the brand's quality.
- Interactive Hero Section: Features a custom "Before/After" cleaning effect using cursor masking and
Framer Motion. Users can "clean" the dirty car image by moving their mouse. - Modern UI/UX: A fully responsive, dark-mode-first design with premium red and black color accents.
- Dynamic Animations: Smooth page transitions and scroll animations powered by
Framer Motion. - Service Showcase: Detailed sections for mechanical repair, maintenance, and detailing services.
- Contact Integration: Integrated maps, direct calling features, and social media links (Instagram, Facebook, TikTok).
- Framework: Next.js 15 (App Router)
- Language: TypeScript
- Styling: Tailwind CSS
- Animations: Framer Motion
- Icons: Lucide React
- Deployment: Vercel (Compatible)
First, clone the repository:
git clone [https://github.com/ulaslan/birlik-oto-web.git](https://github.com/ulaslan/birlik-oto-web.git)