Music Mentor

A modern web application that helps users discover, learn, and practice musical instruments. Built with Next.js, TypeScript, and Tailwind CSS, Music Mentor provides curated courses, instructor profiles, testimonials, and upcoming webinars to guide aspiring musicians on their journey.

---

✨ Features

• Course Catalog – Browse a rich collection of music courses with detailed descriptions and enrollment options.
• Featured Instructors – Highlighted profiles of professional musicians and teachers.
• Testimonials – Real student feedback displayed with attractive cards.
• Upcoming Webinars – Integrated schedule of live webinars and events.
• Responsive Design – Mobile‑first UI that works on all screen sizes.
• SEO Optimised – Server‑side rendering with Next.js for fast load times and search visibility.

---

🚀 Getting Started

Prerequisites

• Node.js (v18 or newer)
• npm (or yarn/ pnpm if preferred)

Installation

# Clone the repository
git clone https://github.com/<your-username>/music-mentor.git
cd music-mentor

# Install dependencies
npm install

Development

Run the development server:

npm run dev

Open your browser and navigate to http://localhost:3000 to see the app in action.

Building for Production

npm run build   # Create an optimized production build
npm start       # Serve the built app

---

📂 Project Structure

/music-mentor
├─ public/                # Static assets (images, favicons, …)
├─ src/                   # Application source code
│   ├─ app/               # Next.js app router pages
│   │   ├─ contact/
│   │   ├─ courses/
│   │   └─ …
│   ├─ components/        # Re‑usable UI components
│   │   ├─ FeaturedCourses.tsx
│   │   ├─ Footer.tsx
│   │   └─ …
│   ├─ data/              # JSON data for courses, instructors, …
│   └─ styles/            # Global Tailwind styles
├─ package.json           # npm scripts & dependencies
├─ next.config.ts         # Next.js configuration
└─ README.md              # You are reading it!

---

📬 Contact

Twitter/X : @itsCzar16