MAISON

Tech Stack

• Haute Couture Aesthetic & Visual Identity

  1.

  Editorial Typography & Layouts: Harmonious blend of classic serif headings, refined sans typography, and generous letter-spaced uppercase captions.

  2.

  Immersive Visuals: High-resolution editorial photography showcasing signature collections across Timepieces, Leather Goods, Fragrance, and Accessories.

  3.

  Tailwind CSS v4 Design Tokens: Modern CSS theme tokens supporting dark/light mode with luxury muted palettes and warm metallic accents.

• Supabase Authentication & VIP Member Portal

  1.

  Client & Server Integration: Dual-mode Supabase client architecture (client.ts for browser state, client.server.ts for SSR cookies).

  2.

  Authentication Flows: Tabbed Sign In and Account Creation interfaces with full input validation and accessible Radix UI controls.

  3.

  Protected State Management: Seamless session synchronization across SSR hydration boundaries.

• Accessible, Headless UI Components

  1.

  Radix UI & shadcn/ui Foundation: Fully accessible dialogs, accordions, dropdowns, navigation menus, tooltips, sheets, tabs, and carousels.

  2.

  Micro-Interactions: Smooth hover animations, delicate button states, and toast notifications via Sonner.

Other Projects

E-CommerceMerxo MartMerxoMart is a responsive and interactive e-commerce web application designed for online shoppers to explore, buy, and manage products efficiently.

E-CommerceORGANICORGANIC is an all-in-one e-commerce ecosystem tailored for healthy, organic, and farm-fresh produce distribution. It unites a high-performance Next.js 16...