ATTIKS Architecture Platform Enhancement

Project Overview: ATTIKS Architecture Web Platform
ATTIKS is a modern web application and management platform built for ATTIKS Architecture, a Kerala-based architectural practice specializing in high-end residential, commercial, and contextual spatial design.

1. Technology Stack
Framework: Next.js 16 (App Router) + React 19 +

TypeScript
Styling & Motion: Custom CSS design system (

globals.css
) with Framer Motion for fluid animations & transitions
Icons: Lucide React
Media Optimization: next/image with Sharp
2. Core Structure & Modules
A. Public Facing Website
Home Landing Page (

page.tsx
):

Hero.tsx
– Dynamic architectural project hero slider.

AboutSection.tsx
&

AboutGallerySlider.tsx
– Brand story and image showcase.

DirectorsSection.tsx
&

ValuesSection.tsx
– Team leadership and firm philosophy.

ProjectShowcaseGrid.tsx
– Filterable portfolio grid (Residential, Commercial, Interior).

AwardsSection.tsx
&

Testimonials.tsx
– Social proof, recognitions, and client feedback.
Projects & Portfolio:
Dynamic project detail routing under

/projects/[id]
.
Centralized portfolio data defined in

projects.ts
.
Contact & Inquiry:

ContactClientPage.tsx
– Contact details and inquiry form.

LeadCaptureModal.tsx
– Lead capture modal for quote requests and project briefs.
B. Admin Management Dashboard (

/admin
)
A custom back-office management system featuring:

Project Management (

/admin/projects
):

New Project Creation
&

Project Editor
with multi-image gallery uploads and drag-and-drop support.
Lead Capture Management (

/admin/leads
) – Client inquiry tracking.
Media & File Upload API (

/api/upload
) – Asset management.
Additional Sections: Blog, Categories, Services, Team, Testimonials, Roles & Settings.
Authentication: Client session authentication helper in

admin-auth.ts
.
What do you need done?
To get started on your task, let me know which area you'd like to work on:

Frontend / UI Enhancements:

Redesigning or adjusting any section (Hero, Project Grid, Contact/Brief form, Awards, etc.).
Creating a new multi-step project brief / inquiry wizard.
Adding new animations, transitions, or responsive mobile tweaks.
Admin & CMS Features:

Connecting the admin creation/edit pages to a database (e.g. Supabase, MongoDB, PostgreSQL/Prisma).
Enhancing image uploads, ordering, or tagging.
Lead management workflow and notification emails.
Bug Fixes & Refactoring:

Fixing styling, layout shifts, or form validation issues.
SEO optimization and performance tuning.