Overview

Hairs Mailer is a professional landing page and marketing platform designed to help hair salon owners manage their business and reach more customers. The project focuses on a visually rich, high-performance marketing site built with the latest Next.js and React technologies.

Key Features

• AI-Powered Marketing Automation — Tools to help salon owners automate their customer outreach and marketing campaigns.
• Customer Management — Manage client information and communication from a single dashboard.
• 3D Visual Experience — Interactive 3D elements built with Three.js and React Three Fiber for an engaging landing page experience.
• Smooth Animations — Page transitions and scroll-based animations powered by Framer Motion and AOS (Animate on Scroll).
• Fully Responsive UI — Built with Tailwind CSS and HeroUI component library, works perfectly on all screen sizes.
• Performance Optimised — Uses Next.js 15 with Turbopack for fast development builds and optimised production output.

Tech Stack

The project is built with Next.js 15 and React 19 using TypeScript throughout. Styling is handled by Tailwind CSS with the HeroUI component library. Animations use Framer Motion and AOS. 3D rendering is powered by Three.js via React Three Fiber. The project is containerised with Docker and uses GitHub Actions for CI/CD.

Deployment

Dockerised application with a docker-compose.yml for local and production environments. Released to production as v1.0.4 on January 3, 2026