✂️ ApexCut

A luxury e-commerce platform for premium barber and pet grooming tools, crafted with Japanese precision.

About

ApexCut is a high-end e-commerce website specializing in professional grooming tools for master barbers and pet groomers. The platform showcases bespoke customization options, premium product listings, and a sophisticated dark luxury UI that reflects the brand's heritage and excellence.

Tech Stack

• React - Frontend library for building the user interface
• Vite - Next-generation build tool for fast development
• React Router - Client-side routing for seamless navigation
• CSS - Custom styling with a dark luxury aesthetic

Features

• 🏆 Bespoke Customization - Custom tool builds tailored to individual needs
• 🔍 Dynamic Filtering - Filter products by category (Hair Grooming, Pet Grooming, Thinning Shears, etc.)
• 🌙 Dark Luxury UI - Sophisticated dark theme with gold (#d4af37) accents
• 📱 Fully Responsive - Optimized for all device sizes
• 💬 WhatsApp Integration - Floating button for quick customer support
• 📸 Social Gallery - Instagram-style image grid showcasing products in action

Installation

1. Clone the repository:

git clone https://github.com/yourusername/apexcut.git

2. Navigate to the project directory:

cd apexcut

3. Install dependencies:

npm install

4. Start the development server:

npm run dev

5. Open your browser and visit:

http://localhost:5173

Project Structure

apexcut/
├── public/
│   └── images/          # Static images
├── src/
│   ├── assets/          # Static assets
│   ├── components/      # Reusable React components
│   │   ├── Hero.jsx
│   │   ├── Navbar.jsx
│   │   ├── Footer.jsx
│   │   ├── ProductCard.jsx
│   │   ├── SocialGrid.jsx
│   │   └── WhatsAppFloat.jsx
│   ├── data/
│   │   └── products.js  # Product data
│   ├── pages/
│   │   ├── Home.jsx
│   │   ├── About.jsx
│   │   ├── Contact.jsx
│   │   └── FAQ.jsx
│   ├── App.jsx
│   ├── App.css
│   ├── index.css
│   └── main.jsx
├── .gitignore
├── index.html
├── package.json
├── vite.config.js
└── README.md

Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build
• npm run lint - Run ESLint

License

This project is licensed under the MIT License - see the LICENSE file for details.

---

© 2026 ApexCut. All rights reserved. Crafted with precision.