A modern, responsive website for Urban Home & Security, built using React, Vite, Tailwind CSS v4.1, and Framer Motion. Includes dynamic navbar, custom theme, dark mode, scroll effects, animations, and component-based architecture.
- ✅ Responsive Layout (Mobile to Desktop)
- ✅ Sticky Navigation Bar with Dropdown Menus
- ✅ Custom Theme Colors (Primary, Dark Blue, Deep Navy)
- ✅ Dark Mode Toggle
- ✅ Scroll Shadow Effects
- ✅ Animated Logo Transition on Page Load
- ✅
framer-motionAnimations - ✅ Modern UI with Tailwind v4.1 tokens
| Tech | Use |
|---|---|
| React | Frontend Framework |
| Vite | Fast build tool |
| Tailwind CSS 4.1 | Styling |
| Framer Motion | Animations |
| React Icons | Icon library |
urban-security/
├── public/
├── src/
│ ├── assets/ # Logo, images
│ ├── components/ # Navbar, Footer, Buttons
│ ├── pages/ # Home, About, Services, Blog
│ ├── App.jsx
│ ├── main.jsx
│ └── index.css
├── tailwind.config.js
├── postcss.config.js
└── README.md