ESA Windows & Doors

ESA Windows & Doors is a modern marketing and branding website built for a UK-based glazing company with over 15 years of experience in window installation, door fitting, and commercial glazing.

The site features a full-screen hero section with an auto-cycling background slideshow and subtle Ken Burns zoom animations, creating an immediate visual impact. An emergency banner with a dismissible alert communicates 24/7 availability to visitors right from the top.

Key sections include a services overview with animated cards, a filterable project gallery showcasing real work, a testimonials section, an FAQ, and a contact page with a working quote request form powered by Nodemailer.

The site supports dark and light mode, includes a WhatsApp floating button for quick client contact, and is fully responsive across mobile, tablet, and desktop. Smooth scroll-triggered entrance animations are applied throughout using a custom AnimateOnScroll utility.

Built with Next.js 15 and React 19, the project uses the App Router, TypeScript, Tailwind CSS v4, shadcn/ui component primitives, and Radix UI for accessible, polished interactions.