A modern, interactive portfolio website showcasing agency services, projects, and expertise. Built with React, Vite, and cutting-edge web technologies.
- Hero Section: Eye-catching hero with dynamic time display and smooth animations
- Services Showcase: Responsive service cards with different layouts for mobile/desktop
- Small/Medium screens: Card-based service display
- Large screens: Interactive sticky card animations
- Project Portfolio: Detailed project showcase with tech stacks and live links
- Statistics Section: Company metrics and experience highlights
- Testimonials: Client reviews and feedback
- Contact Form: Easy-to-use contact section with integrated form
- Responsive Design: Fully responsive across all device sizes
- Smooth Animations: GSAP and Framer Motion powered animations
- Glowing Text Effects: Custom glow-text utility for enhanced typography
- Frontend Framework: React 19.2
- Build Tool: Vite 7.2
- Styling: Tailwind CSS 3.4 + PostCSS
- Animation Libraries:
- GSAP 3.14 (advanced animations & scroll triggers)
- Framer Motion 12.23 (React component animations)
- Lenis 1.3 (smooth scrolling)
- Routing: React Router DOM 7.11
- UI Components: Lucide React (icons), Swiper (carousels)
- Code Quality: ESLint
-
Clone the repository
bash git clone <repository-url> cd Demo-project -
Install dependencies
bash npm install -
Start development server
bash npm run devThe app will be available athttp://localhost:5173
bash npm run dev
Starts Vite dev server with hot module replacement (HMR).
bash npm run build
Creates optimized production build in dist/ folder.
bash npm run preview
Preview the production build locally.
bash npm run lint
Runs ESLint to check code quality.
This project is open source and available under the MIT License.
Created as a demonstration of modern web development practices and agency portfolio design.
Made with using React + Vite