# ⚡ Revive EV

Revive EV is India's first tech-driven electric vehicle repair and battery swapping platform. This project represents the official frontend website for Revive EV — designed to promote its services, onboard franchisees, showcase the app, and connect with EV users and partners.

---

## 🚀 Live Demo

Coming Soon...
![image](https://github.com/user-attachments/assets/08212ac7-e31b-42f1-9bf9-06347c1ce27e)

---

## 🧩 Features

- 🔋 EV Repair & Battery Swapping Services
- 🛠️ Mobile On-Demand Van & Fleet Management
- 📲 App Preview for Android & iOS
- 🌐 Dynamic Homepage with Hero, Features, and Testimonials
- 👨‍🔧 Franchise & Career Promotion Pages
- 📰 Blog Section for EV News & Tips
- 💬 WhatsApp Support, Toll-Free Contact, Google Maps Embed

---

## 🛠️ Tech Stack

| Layer        | Tech                                  |
|--------------|----------------------------------------|
| Frontend     | React.js / Next.js                     |
| Styling      | Tailwind CSS                           |
| Backend      | Node.js + Express / Firebase (Planned) |
| Database     | MongoDB / PostgreSQL (Planned)         |
| CMS          | Strapi / Headless WordPress (Planned)  |
| Hosting      | Vercel / Netlify / AWS                 |
| Payments     | Razorpay / Stripe (Planned)            |
| App Runtime  | Expo + Firebase (Planned)              |

---

## 🖌️ UI/UX Guidelines

- 🎨 Color Palette:
  - Primary: `#2ECC71` (Green)
  - Secondary: `#1F1F1F` (Charcoal Gray)
  - Accent: `#F4F4F4` (Light Gray)

- 📚 Typography:
  - Headings: **Poppins Bold**
  - Body: **Open Sans** / **Inter**

- 💡 Design:
  - Dark Mode Compatible
  - Minimal, Icon-Driven Layout
  - Smooth Scroll & Hover Effects

---

## 📁 Project Structure

```bash
src/
├── components/        # Reusable UI components (Navbar, Hero, etc.)
├── hooks/             # Custom React hooks (e.g., useNavScroll)
├── pages/             # Individual pages (Planned: /services, /blog)
├── assets/            # Images, icons, logos
├── App.jsx            # Root component
├── index.css          # Tailwind config + global styles
└── main.jsx           # ReactDOM render entry