🚀 Elementum Landing Page

A modern and responsive landing page built using React.js and Tailwind CSS, based on a Figma design. This project focuses on converting UI/UX design into a clean, functional, and pixel-perfect web application.

---

🧠 Project Overview

This project is developed as part of an internship assignment to demonstrate the ability to:

• Convert Figma designs into real-world applications
• Build reusable and structured React components
• Implement responsive layouts across devices
• Maintain clean and readable code

---

⚙️ Tech Stack

• React.js (Vite)
• Tailwind CSS
• JavaScript (ES6+)

---

✨ Features

• 🎨 Pixel-perfect UI based on Figma design
• 📱 Fully responsive (Mobile, Tablet, Desktop)
• 🧩 Component-based architecture
• ⚡ Fast performance using Vite
• 🎯 Clean and minimal design with proper spacing and typography
• 🖱️ Basic hover interactions

---

📂 Project Structure

src/
 ├── components/
 │    ├── Navbar.jsx
 │    ├── Hero.jsx
 │    ├── SectionOne.jsx
 │    ├── SectionTwo.jsx
 │    ├── Services.jsx
 │    ├── Testimonials.jsx
 │    ├── Newsletter.jsx
 │    ├── Footer.jsx
 │
 ├── pages/
 │    ├── Home.jsx
 │
 ├── App.jsx
 ├── main.jsx

---

📸 Sections Implemented

• Navbar
• Hero Section
• About Sections
• Services Section
• Testimonials Section
• Newsletter Section
• Footer

---

🚀 Getting Started

1. Clone the repository

git clone <your-repo-link>

2. Navigate to project

cd elementum-landing-page

3. Install dependencies

npm install

4. Run the project

npm run dev

---

🎯 What I Learned

• Translating design into code
• Responsive design principles
• Component reusability in React
• Clean UI/UX implementation

---

📌 Future Improvements

• Add animations for better UX
• Improve accessibility
• Backend integration (if needed)

---

🙌 Acknowledgement

This project was built as part of an internship assignment to demonstrate frontend development skills and UI implementation.

---

📬 Contact

Feel free to connect with me for feedback or collaboration!