Our Agency

Our Agency is a portfolio website built to show off a creative agency's work in an engaging way. Visitors browse a hover-animated preview of every project on the homepage, click through to a full case-study page for any one of them, and can reach out directly through a contact form. Built with Next.js, React, and Framer Motion for smooth, polished animation throughout.

Our Agency

Technology Stack

Next.jsNext.js
ReactReact
Framer MotionFramer Motion
Tailwind CSSTailwind CSS
JavaScriptJavaScript

Landing Page

A bold homepage lists every piece of work the agency has done, with quick links to browse the full portfolio or get in touch.

Hover over any project and the whole page comes alive — the background switches to that project's image, and its title, type, and a short description slide into view.

  • Full list of agency work on one page
  • Background and preview change as you hover over each project
  • Smooth, animated transitions throughout
  • Looks great on any device
Landing Page image 1
Landing Page image 2

Project Detail Page

Click into any project to see it properly — the full image, title, type, and a complete write-up of the work.

  • A dedicated page for every project
  • Full write-up with image and details
Project Detail Page image 1

Full Portfolio

A dedicated page lists every project as a card, so visitors can browse the whole portfolio at a glance and click into anything that catches their eye.

  • Every project shown as a browsable card
  • One click through to the full case study
Full Portfolio image 1

Get in Touch

A simple contact form gives visitors a direct way to reach the agency with a question or project inquiry.

  • Simple, reliable contact form
  • Clear call-to-action to get in touch
Get in Touch image 1

Built With

Built with Next.js for fast, dynamic pages, and Framer Motion for the smooth hover and transition animations throughout.

  • Next.js for fast, dynamic pages
  • Framer Motion for smooth animation
  • Tailwind CSS for a clean, responsive design