Skip to main content
MK Home Staging homepage hero with circular MK logo, Home Staging Lake Geneva wordmark, and staged kitchen backdrop

MK Home Staging

Brand website for a Lake Geneva home staging company — with a custom masonry gallery that auto-packs mixed portrait and landscape photos.

Built from scratch

MK Home Staging LLC serves sellers and realtors in Lake Geneva, Wisconsin. The site introduces the brand, explains services, and showcases staged homes through photo and video galleries.

The photo gallery uses react-photo-album in masonry mode, so mixed portrait and landscape staging shots pack tightly with even gutters — no manual cropping to fit uniform tiles.

What's included

  • Masonry photo gallery

    react-photo-album lays out portrait and landscape photos in a responsive masonry grid (1–4 columns by viewport). Clicking a photo opens a yet-another-react-lightbox viewer with zoom, slideshow, and captions.

  • Photo and video galleries

    Separate photo and video gallery sections organize work by property — Fontana House, Lake Geneva Stage, and more — so visitors can explore finished staging projects.

  • Elegant design

    The home page pairs autoplay staging video with circular statistics, key-room icons, and ornamental scroll dividers — an editorial layout that presents data and services without template clutter.

  • Admin photo uploads

    An admin area uses Uppy for drag-and-drop uploads. Photos land in AWS S3; metadata and album groupings live in MongoDB via Mongoose.

  • How it runs

    Next.js 14 and React 18 on the front end. MongoDB stores albums, photos, and contact entries. AWS S3 serves images; AWS SES sends contact form mail. Tailwind CSS and DaisyUI handle styling.

react-photo-album masonry layout auto-packs mixed portrait and landscape staging photos with consistent gutters. Opens into a lightbox with zoom and slideshow.

Elegant design

Home page pairs staged-room video with circular staging statistics, key-room icons, and ornamental scroll dividers — editorial layout built to sell the service.

Tools we used

Live at mkstaging.biz

  • Next.js
  • React
  • TypeScript
  • MongoDB
  • AWS S3
  • react-photo-album
  • Tailwind CSS

Web design · react-photo-album · Home staging · Lake Geneva

Need a portfolio site with a gallery like this?

We can design and build a brand site with masonry photo layouts, video galleries, and contact flows tailored to your business.