Corte Barbershop
A minimal, modern barbershop website showcasing premium hairstyling and grooming services. Built with Next.js and Tailwind CSS for optimal performance and sleek design.
Features
- Responsive Design: Fully optimized for desktop, tablet, and mobile devices
- Modern UI Components: Built with React and Tailwind CSS for beautiful, accessible interfaces
- Product Showcase: Featured products carousel with filtering by category (Latest, Hairstyling, Hair Care)
- Service Menu: Complete service listing with pricing and descriptions
- Image Gallery: Beautiful gallery of work and before/after shots
- Contact Integration: Easy booking and reservation system
- Performance Optimized: Next.js with image optimization for fast load times
- Dark Mode: Minimalist dark aesthetic with elegant typography
Tech Stack
- Framework: Next.js 16.2.6
- UI Library: React 19.2.4 with TypeScript
- Styling: Tailwind CSS 4
- Component Library: Headless UI
- Carousel: Embla Carousel
- Icons: Lucide React
- Animations: Motion
- Fonts: Google Fonts (Inter, Cormorant Garamond)
Getting Started
Prerequisites
- Node.js 18.17 or later
- npm or yarn package manager
Installation
- Clone the repository:
git clone <repository-url>
cd corte
- Install dependencies:
npm install
- Start the development server:
npm run dev