HCD Homepage

A modern and responsive homepage built using React and Tailwind CSS. This project demonstrates clean UI design, reusable components, and responsive layout practices used in modern frontend development.

---

🌐 Live Demo

🔗 https://hcd-homepage-kz2fqxdb4-tanvi-bhatts-projects.vercel.app/

---

📌 Overview

The HCD Homepage is a visually appealing landing page created to showcase modern UI/UX design principles. The project focuses on building a structured homepage with reusable components, smooth navigation, and responsive design.

---

✨ Features

• Responsive design for desktop, tablet, and mobile
• Modern and clean user interface
• Component-based architecture
• Reusable UI components
• Smooth and intuitive user experience
• Fast deployment using Vercel

---

🛠 Tech Stack

Frontend technologies used in this project:

• React.js
• Tailwind CSS
• JavaScript (ES6+)
• HTML5
• CSS3

---

📂 Project Structure

hcd-homepage
│
├── public
│
├── src
│   ├── components
│   │   ├── Section.jsx
│   │   ├── Button.jsx
│   │   └── Toast.jsx
│   │
│   ├── pages
│   │   └── Home.jsx
│   │
│   ├── styles
│   │   └── global.css
│   │
│   ├── App.jsx
│   └── main.jsx
│
└── package.json

---

⚙️ Installation

Clone the repository

git clone https://github.com/your-username/hcd-homepage.git

Navigate to the project directory

cd hcd-homepage

Install dependencies

npm install

Run the development server

npm run dev

---

🤝 Contributing

Contributions are welcome.

Steps to contribute:

1. Fork the repository
2. Create a new branch
3. Make your changes
4. Commit your changes
5. Open a Pull Request

---

👩‍💻 Author

Developed by Tanvi Bhatt