Digital agency website built with Next.js, Framer Motion and SCSS.
Agency Website is a Next.js multi-page website for a digital agency. The project features animated sections powered by Framer Motion, video playback and a modern SCSS-based styling system.
🔗 Live: agency-website
| Page | Description |
|---|---|
| Home | Main landing page with agency sections |
| Career | Career opportunities |
| Privacy Policy | Privacy policy page |
- Framer Motion — page and section animations
- Video Player — embedded video via
react-player - SCSS — modular styling with Sass
- Husky — pre-commit hooks
- SVG support — SVG as React components via
@svgr/webpack - Next.js App Router — file-based routing
| Technology | Purpose |
|---|---|
| Next.js 14 | React framework |
| TypeScript | Type safety |
| SCSS / Sass | Styling |
| Framer Motion | Animations |
| React Player | Video playback |
| Husky | Pre-commit hooks |
| ESLint / Prettier | Code quality |
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build