Davinci Resolve Course Landing Page (Next.js)

🎬 MHT DaVinci Resolve Course Landing Page

A premium and modern landing page dedicated to the DaVinci Resolve course, designed to effectively convert visitors into students.

This project is perfect for:

Content creators 🎥

• 👉Beginner to advanced video editors

• 👉Trainers looking to sell an online course

---

🚀 Tech Stack

Built with a modern, performant, and scalable stack:

• ⚡ Next.js (App Router) : React framework for performance and SEO

• 🎨 Tailwind CSS v4 : Flexible and modern design system

• 🧩 shadcn/ui : Accessible and premium UI components

• 🧠 TypeScript : Type safety and maintainability

• 🖥️ Lucide Icons : Elegant and lightweight icons

---

✨ Features

• Fully responsive landing page (mobile / tablet / desktop)

• Premium, conversion-focused design

• Key sections for an online course:

  • 👉Hero section

  • 👉About the course

  • 👉Program / Modules

  • 👉Benefits & skills gained

  • 👉Testimonials

  • 👉FAQ

  • 👉Call To Action (CTA)

• Clear and scalable project structure

---

📦 Installation

1️⃣ Clone the repository

git clone https://github.com/MHTech229/mht-davinci-course.git
cd mht-davinci-course

2️⃣ Install dependencies

npm install

⚠️ Make sure you are using Node.js >= 18

3️⃣ Start the development server

npm run dev

Then open:
👉 http://localhost:3000

---

🎨 Tailwind CSS v4

This project uses Tailwind CSS v4 with modern configuration.

Global styles are defined in:

app/globals.css

Components are styled directly using Tailwind utility classes.

---

🧩 shadcn/ui

UI components are created using shadcn/ui.

Examples of components used:

• 👉Button

• 👉Card

• 👉Accordion (FAQ)

• 👉Badge

All components are located in:

components/ui

---

🗂️ Project Structure

├── app/
│   ├── layout.tsx
│   ├── page.tsx
│   └── globals.css
├── components/
│   ├── sections/
│   └── ui/
├── public/
│   └── images/
├── lib/
├── README.md
└── package.json

---

🌍 Deployment

The project can be deployed easily on:

• ▲ Vercel (recommended)

• 🌐 Netlify

• 🚀 Render

Build command:

npm run build

---

📜 License

This project is licensed under the MIT License.

You are free to:

• 👉Use

• 👉Modify

• 👉Distribute

• 👉Integrate into commercial projects

---

👨‍💻 Author

MEHINTO Charbel
Frontend / Fullstack JavaScript Developer

• 🌐 Portfolio: coming soon

• 💼 GitHub: https://github.com/MHTech229

---

⭐ If this project helps you, please leave a star on GitHub!