A modern, responsive clothing brand website built with React, TypeScript, and TailwindCSS.
The website showcases the brand’s apparel, gallery, and story — designed for smooth navigation, fast performance, and scalability.
| Tech | Description |
|---|---|
| React + TypeScript | Component-based architecture with static typing for scalability |
| TailwindCSS | Utility-first CSS framework for fast and consistent styling |
| React Router DOM | Client-side routing for multiple pages |
| Vite | Next-gen build tool for blazing-fast development and bundling |
brilliance-za/
├── public/
│ ├── images/
│ ├── videos/
│ └── favicon.ico
│
├── src/
│ ├── assets/
│ ├── components/
│ │ ├── layout/
│ │ │ ├── Header.tsx
│ │ │ ├── Footer.tsx
│ │ │ └── Navbar.tsx
│ │ ├── ui/
│ │ │ ├── Button.tsx
│ │ │ ├── Badge.tsx
│ │ │ └── Spinner.tsx
│ │ ├── product/
│ │ │ ├── ProductCard.tsx
│ │ │ ├── ProductGrid.tsx
│ │ │ └── ProductGallery.tsx
│ │ └── forms/
│ │ └── ContactForm.tsx
│ │
│ ├── pages/
│ │ ├── Home.tsx
│ │ ├── Shop.tsx
│ │ ├── Gallery.tsx
│ │ ├── About.tsx
│ │ ├── Contact.tsx
│ │ ├── Delivery.tsx
│ │ └── NotFound.tsx
│ │
│ ├── data/
│ │ ├── products.ts
│ │ └── config.ts
│ │
│ ├── utils/
│ │ ├── helpers.ts
│ │ └── services/
│ │ ├── emailService.ts
│ │ └── whatsappService.ts
│ │
│ ├── context/
│ │ └── AppContext.tsx
│ │
│ ├── styles/
│ │ └── index.css
│ │
│ ├── App.tsx
│ ├── main.tsx
│ └── router.tsx
│
├── .env
├── .gitignore
├── index.html
├── package.json
├── tailwind.config.js
├── postcss.config.js
├── tsconfig.json
├── vite.config.ts
└── README.md
- Clone the repo
git clone https://github.com/your-username/brilliance-za.git cd brilliance-za
Install dependencies npm install
Run development server npm run dev
Build for production npm run build
Preview the build npm run preview
🌍 Deployment Netlify or Vercel recommended. Ensure your publish directory is set to dist.
🧱 Features Fully responsive design Modular and maintainable component structure Smooth page transitions with React Router Optimized for SEO and performance Dynamic product gallery and category filters Reusable Tailwind components Email contact integration (Email.JS)
🧑💻 Contributors Kamogelo Mogasoa - Developer Dean Meyer - Developer Brilliance ZA Team — Brand & Content
📄 License
This project is licensed under the MIT License — feel free to use and modify for educational or personal projects.
"Built with passion, style, and clean code." 💻🔥