Live / Completed

Amma Arch Studio Profile

Project Codename: Amma Arch. An elegant, highly structured company profile and portfolio website for Amma Architecture. Features a 4-step interactive consultation booking wizard, dynamic journal system, and immersive project galleries showcasing the "quiet, considered spaces" philosophy.

Total Features

Active / Working

Planned Backlog

Merged Modules

Architectural Philosophy Metrics

Core tenets driving the quiet, considered spaces of the studio

Contextual Integration

100%

Blurring the line between the built environment and nature.

Honest Materiality

100%

Allowing stone, wood, and concrete to age gracefully without superficial treatments.

Spatial Rhythm

Flow

Choreographing the sequence of compression and expansion as inhabitants move.

Atelier Page Specifications

Detailed view of components, code scopes, and file listings

Status:

Interactive Consultation Wizard

Workflow

Scope: Pages

Working

A 4-step wizard guiding potential clients through gathering project type (New Build, Renovation) and expectations before booking.

Component:AppointmentEmbed.tsx, QualificationForm.tsx

Dynamic Journal & Insights Blog

Journal

Scope: Pages

Working

Content management system for philosophical and process-oriented articles like 'Light as Structure' and 'The Tactile Home'.

Component:JournalForm.tsx

Categorized Portfolio Showcase

Portfolio

Scope: Pages

Working

Interactive galleries allowing filtering by Residential, Cultural, Hospitality, and Commercial projects (e.g., The Glass House, Stone Pavilion).

Component:BentoCard.tsx, RelatedProjects.tsx

Developer Portfolio Toggle

UI/UX

Scope: Core UI

Working

A distinct functional toggle in the navigation bar switching the perspective between architectural client view and developer specs.

Component:FloatingNav.tsx

Core Philosophy Layouts

About

Scope: Pages

Working

Structured narrative flows explaining the 4-step process: Discovery, Conceptual Massing, Material Resolution, and Detail Refinement.

Responsive Architectural Navigation

Navigation

Scope: Core UI

Working

Clean, minimalist top-bar navigation that stays out of the way, focusing entirely on spatial photography.

Component:FloatingNav.tsx

Magic UI & Framer Motion Integrations

Styling

Scope: Components

Working

Buttery-smooth entrance animations, blur fades, and glassmorphic aesthetic touches to elevate the premium feel of the studio.

Component:blur-fade.tsx, progressive-blur.tsx, AnimatedDialog.tsx

Supabase Backend Integration

Database

Scope: System

Working

Underlying edge database and authentication logic securing the admin dashboards and storing lead generation data from the consultation wizard.

Component:supabase/client.ts, supabase/server.ts

Off-Grid Geothermal Tracker

Features

Scope: Pages

Removed

Interactive dashboard module showing passive energy offsets for the Mesa Verde Retreat study. Deprecated in favor of the clean portfolio approach.

Interactive Roadmap Summary: The Amma Arch project modules listed as Working have completed design validation. Brand adjustments and asset updates are prioritized for the subsequent deployment cycle.