THE BODY FIRM

Tech Stack

• Client Experience & Training Services

  1.

  Dynamic Hero & Studio Showcase: Immersive visual introduction with video teaser integration and social proof badges.

  2.

  Service & Program Catalog: Detailed breakdowns of One-on-One Training, Semi-Private Sessions, Cardiovascular Training, and Golf Fitness Specialization.

  3.

  Transparent Pricing Matrix: Multi-tiered membership packages, session bundles, and New Client Trial passes with distinct feature checklists.

• Interactive Exercise Video Vault

  1.

  Curated Movement Library: Professional demonstration guides for functional anatomy, glute activation, leg extensions, and mobility routines.

  2.

  Category Filter Hub: Instant client-side filtering across Strength, Core, Legs, Upper Body, and Mobility.

  3.

  Direct Video Engagement: Fluid video card overlays linking seamlessly to YouTube tutorials.

• Nutrition & Healthy Lifestyle Resources

  1.

  Chef & Trainer Approved Recipes: Macro-balanced meal prep ideas, high-protein smoothies, clean fuel options, and post-workout fuel recipes.

  2.

  Studio Blog & News: Articles covering functional movement, workout recovery, and metabolic conditioning.

• Proof & Authority

  1.

  Real Transformation Stories: Client testimonials featuring measurable weight loss results, strength milestones, and life transformations.

  2.

  Trainer & Leadership Roster: Certified coach bios highlighting NASM/ACSM credentials, training philosophies, and specialties.

• Automated Dual-Engine Contact & Lead Ingestion

  1.

  Intelligent Intake Form: Real-time validation, categorized inquiry routing (Personal Training, Cardio, Trial, General), and dynamic state handling.

  2.

  Luxury HTML Email Notifications :

  •

  Studio Owner Alert: Rich email notification containing customer contact information, phone, inquiry type, and formatted message.

  •

  Prospect Auto-Reply: Branded response message thanking the lead and linking official mobile apps (iOS / Android / Windows).

  5.

  Hybrid Infrastructure: Works out of the box both as a dedicated standalone Express API (server.ts) and a Vercel Serverless Function (api/contact.ts).

• Visual & Motion Design

  1.

  Dark Luxury Aesthetics: Bespoke palette crafted with deep obsidian (#000000, #0a0a0a), crimson red accents (#dc2626), and soft glassmorphism overlays.

  2.

  Fluid Motion Transitions: Smooth page switches with AnimatePresence and hardware-accelerated interactive micro-animations.

  3.

  Fully Responsive Architecture: Custom mobile navigation drawer, auto-closing sheet, and dynamic sticky navigation on scroll.

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...