🏡 Real Estate Landing Page

Modern Real Estate Frontend built with React, Tailwind CSS, and Framer Motion

A fully responsive and visually appealing Real Estate Landing Page designed to showcase properties, agents, testimonials, and more. Built with a clean component-based architecture and smooth animations to deliver a premium user experience.

---

✨ Features

🔹 Modern UI Sections

• Hero Section
• Featured Property Listings
• Why Choose Us
• Agents Team Section
• Testimonials
• Contact Form
• Footer

🔹 Core Functionality

• Dynamic property data & testimonials (from JS data files)
• Smooth page animations using Framer Motion
• Fully responsive with Tailwind CSS
• Font Awesome icons integrated
• Clean and maintainable folder structure
• Single-page layout with separate components

---

🛠️ Tech Stack

Tool	Purpose
React	Main UI framework
Vite	Fast development environment
Tailwind CSS	Styling and responsiveness
Framer Motion	Animations
Font Awesome	Icons
JavaScript Modules	Data management

---

📁 Folder Structure

src/
│── components/
│   ├── Hero.jsx
│   ├── FeaturedListings.jsx
│   ├── WhyChooseUs.jsx
│   ├── Agents.jsx
│   ├── Testimonials.jsx
│   ├── Contact.jsx
│   └── Footer.jsx
│
│── data/
│   ├── projectsData.js
│   └── testimonialsData.js
│
│── assets/
│── App.jsx
│── main.jsx
│── index.css

---

🚀 Getting Started

1️⃣ Clone the repository

git clone    https://github.com/boldhab/Real-esate.git

2️⃣ Go to the project directory

cd Real-esate

3️⃣ Install dependencies

npm install

4️⃣ Run the development server

npm run dev

Your app is now running locally 🎉

---

🤝 Contributing

Pull requests and suggestions are welcome! If you encounter issues, feel free to open an issue in the repository.

Developed by Habtamu Befekadu