🚗 Friends Auto Electrical – Animated Landing Page

This is a single-page animated website I built to learn and practice Framer Motion in a real-world scenario. The project is a fictional landing page for a Faridabad-based business called Friends Auto Electrical, inspired by their listing on IndiaMART.

🎯 Purpose

I created this project to:

• Learn Framer Motion for animation in React.
• Practice building responsive UI using Tailwind CSS.
• Explore clean UX patterns for mobile navigation and contact integration.

---

📄 Project Description

The landing page serves as a simple business website with essential sections like Home, About, Services, and Contact. It features:

• ✨ Animated Sticky Header: Slides in/out based on scroll using Framer Motion.
• 📱 Mobile Slide Menu: Opens a smooth animated side panel on small screens.
• 💬 WhatsApp Integration: Clickable cards and "Enquire" button open a WhatsApp chat with the business.
• 🎨 Responsive UI: Optimized layout for all screen sizes, including iPhone SE.
• ⚡ Clean Animations: Subtle hover and entrance animations improve user experience.

---

🛠 Tech Stack

• React
• Framer Motion
• Tailwind CSS
• Lucide Icons

---

📷 Preview (Vercel Link)

https://landing-page-using-framer-m-git-b9cc0f-sumits-projects-9e5c2a29.vercel.app/

---

🚀 How to Run Locally

git clone https://github.com/your-username/friends-auto-electrical.git
cd friends-auto-electrical
npm install
npm start