💻 Introduction

• This project was developed by following the YouTube tutorial "React JS & Tailwind CSS Responsive Website - Beginner Friendly" by Adrian Hajdin.
• The tutorial demonstrates how to build a fully responsive landing page using React and Tailwind CSS from scratch.

---

🔗 Tutorial Reference

• React JS & Tailwind CSS Responsive Website - Beginner Friendly

---

⚙️ Tech Stack

• Vite
• React.js
• Tailwind CSS

---

💻 Customizations and Enhancements

While following the tutorial, I made several modifications to improve functionality and design:

• Replaced React-Typed with react-typing-effect for smoother text animations
• Added new sections such as the Benefits component and a Hero badge
• Created reusable styles in index.css and tailwind.config.js
• Used different assets and refined the layout

---

📦 Key Packages

• react-typing-effect — Typing animation for React components
• react-icons — Popular icon set for React projects

---

⚙️ Getting Started

To get started with this project, clone the repository and install the dependencies:

git clone <repository-url>
cd <repository-folder>
npm install

⚙️ Start the server

To start the development server, run:

npm run dev

⚙️ Production build

To create a production build, run:

npm run build

⚙️ Guide for Creating and Setting Up the Project from Scratch

📃 Note: The tutorial mentioned above used Yarn for setting up the project, but I prefer to use npm.

• Installing Tailwind CSS with Vite
  A comprehensive guide to setting up Tailwind CSS in a React + Vite project.