← Back to work

Software / 03

GS Luxury Residence.

An interactive property showcase for Athens rentals and residences for sale.

GS Luxury Residence — GS Luxury Residence on desktop and mobile
01

The application

GS Luxury Residence presents properties through separate rental and sale journeys, an interactive architectural scene, detailed amenity information, and room-by-room photo tours. Rental availability links directly to Airbnb, while contact links support direct enquiries.

02

What it does

  • Interactive 360° architectural scene with drag and auto-rotation.
  • Separate rental and sale pages with property details.
  • Photo tours, amenity lists, and direct availability links.
  • English/Greek content and reduced-motion support.
03

How it works

Next.js renders reusable property sections from structured content. React Three Fiber powers the Three.js scene; GSAP coordinates reveal and scroll animations. The scene supports lower-power rendering, and Playwright tests cover navigation, assets, and layout interactions.

04

Built with

  • Next.js
  • React
  • TypeScript
  • Three.js
  • React Three Fiber
  • GSAP
  • Tailwind CSS
  • Playwright