A premium, high-performance landing page for a digital agency, designed with a focus on modern aesthetics and smooth user interactions. Built using React 19, Vite, and Tailwind CSS, this project showcases advanced UI/UX patterns including a custom cursor, dark mode, and motion-driven animations.
- 🌓 Dark & Light Mode: Seamless theme switching with persistent user preference using
localStorage. - ✨ Smooth Animations: Integrated with Motion (Framer Motion) for polished entry animations and interactive elements.
- 🖱️ Custom Interactive Cursor: A unique dual-element cursor (ring and dot) that follows mouse movements with smooth interpolation.
- 📱 Fully Responsive: Optimized for all screen sizes, from mobile devices to ultra-wide desktops.
- 🎨 Glassmorphism UI: Modern sticky navbar with backdrop-blur effects and professional typography.
- 📩 Contact Integration: Functional contact section with user feedback via React Hot Toast.
- 📂 Portfolio Showcase: Dedicated sections for "Our Work," "Services," and "Team" to highlight agency expertise.
- Framework: React 19
- Build Tool: Vite
- Styling: Tailwind CSS v4
- Animations: Motion
- Notifications: React Hot Toast
- Node.js (v18.0 or higher recommended)
- npm, yarn, or pnpm
- Clone the repository:
git clone https://github.com/your-username/digital-agency-website.git
cd digital-agency-website
2. **Install dependencies:**
```bash
npm install- Start the development server:
npm run dev- Build for production:
npm run buildsrc/
├── assets/ # Icons, logos, and background images
├── Components/ # Modular UI components (Navbar, Hero, Services, Teams, etc.)
├── App.jsx # Root component containing theme logic and custom cursor
├── index.css # Global Tailwind CSS configurations
└── main.jsx # Application entry point
Contributions are welcome! Feel free to open an issue or submit a pull request.
This project is open-source and available under the MIT License.