Dr. Drift – Premium Cleaning Products
Category
E-Commerce
Tech Stack
Next.js, React, TypeScript, Tailwind CSS, Framer Motion, E-Commerce, B2B, Responsive Design, Supabase
Featured
No
Live URL
N/A
Overview
Dr. Drift is a full-featured e-commerce web application built with Next.js 15 and React 19. The site showcases three flagship cleaning products — Dishwash Liquid, Floor Cleaner, and Toilet Cleaner — with multiple size variants and pricing. It features a fully responsive design with separate desktop and mobile layouts, a product detail dialog, a cart system with a slide-out sheet, a checkout dialog with QR code support, a video hero section with parallax scroll effects, and animated UI powered by Framer Motion. The mobile version includes a horizontal product scroller, icon category strip, and bottom navigation. Tailored for both B2B (hotels, cafes) and B2C (home) customers across India.