Lofts des Arts Condominiums

A modern, elegant website for Lofts des Arts Condominiums located in Montreal, Quebec.

Overview

This website serves as the digital presence for Lofts des Arts Condominiums, featuring:

• Cinematic landing page with looping hero video
• Information about the building, history and amenities
• Photo gallery showcasing the property
• Contact information for the Board of Directors
• Admin dashboard for board members and staff (contact form submissions, website content management, and parcel delivery tracking)

Project Vision

"Celebrating community living in the heart of Montreal"

The site delivers an elegant, sophisticated experience with an aesthetic that reflects the industrial-chic character of Lofts des Arts. It features high-quality visuals of the building, common areas, and surrounding neighborhood to showcase the unique living experience offered by this condominium.

Architecture

• Frontend: Next.js 14, TypeScript, Tailwind CSS, Shadcn/ui
• Backend: Supabase (Auth, Storage, Database)
• Deployment: Replit

Key Features

Public-Facing

• Landing Page - Featuring hero video and key information about the condominium
• About Page - Building history, amenities, and surrounding neighborhood
• Gallery - Photo gallery showcasing the condominium's architecture, common spaces, and views
• Contact - Contact form for inquiries to the board of directors

Admin Dashboard

• Authentication: Secure login for board members and staff
• Dashboard: Overview of recent activity and key metrics
• Inquiries: View, manage, and respond to contact form submissions
• Content Management: Edit the website content and gallery
• Parcel Delivery Tracking: Track parcel deliveries for residents

Installation

git clone https://github.com/mrj0nesmtl/loftsdesarts.git
cd loftsdesarts
npm install
npm run dev