Skip to content
ParitoshSrivastava31
Lambai
Public

About

🌱 India's first science-backed pediatric height growth optimisation platform & genetic ceiling calculator for boys aged 2–17. Built with Next.js 16, React 19, TypeScript, Tailwind CSS v4, and Supabase.

lambai.vercel.app

Topics

framer-motionnextjsscience-researchscientific-visualizationsupabase

Resources

Readme
Activity

Stars

0 stars

Watchers

0 watching

Forks

0 forks
Report repository
BranchesTags

Repository files navigation

🌱 Lambai (ΰ€²ΰ€‚ΰ€¬ΰ€Ύΰ€ˆ) β€” Pediatric Height Growth Platform & Genetic Potential Calculator

Lambai Logo

"Every inch belongs to him."
India's first science-backed pediatric height growth optimisation platform and genetic potential calculator designed specifically for Indian parents to maximize their son's natural biological growth window before epiphyseal plates fuse.

Live Site Next.js 16 React 19 TypeScript 5 Tailwind CSS v4 Supabase License

πŸ“Œ Repository About & Topics

For easy copy-pasting directly into your GitHub Repository Settings:

πŸ“ About Description

🌱 India's first science-backed pediatric height growth optimisation platform & genetic ceiling calculator for boys aged 2–17. Built with Next.js 16, React 19, TypeScript, Tailwind CSS v4, and Supabase.

🌐 Website URL

https://lambai.in

🏷️ Topic Tags

height-calculator, pediatric-health, growth-tracker, nextjs, nextjs16, react19, typescript, tailwindcss, framer-motion, supabase, lenis-scroll, indian-healthtech, child-nutrition, growth-plates, healthtech

πŸ“– Table of Contents

🌟 Overview & Mission

Genetics accounts for 60% to 80% of a child's final adult height. The remaining 20% to 40% is determined by environmental factors: bioavailable micronutrient density, mechanical bone-loading stimulus, and slow-wave sleep growth hormone (HGH) secretion.

In India, typical dietary patterns often lack critical bioavailable calcium, zinc, lysine, and quality amino acids needed during growth spurts. When boys reach late adolescence (approx. 16–18 years), their epiphyseal growth plates permanently fuse (ossify), closing their biological growth window forever.

"Sachin Tendulkar is 5'4". His son Arjun stands at 6'1". That is not luck. That is a system. Lambai gives every Indian parent access to that system."

Lambai Web is the digital flagship and pre-launch interactive portal for Lambai:

  1. Democratises Pediatric Growth Science β€” Translates clinical endocrinology and pediatric growth data into accessible, actionable guidance.
  2. Interactive Genetic Ceiling Calculator β€” Evaluates maternal/paternal heights and 6 core lifestyle metrics to compute the child's genetic ceiling, current trajectory, lifestyle penalties, and growth window remaining.
  3. High-Converting Waitlist Bridge β€” Built-in Supabase integration to capture and manage high-intent early access parent requests.
  4. Cinematic Dark Luxury Editorial Design β€” An intentional aesthetic combining Aesop-level restraint with Linear-grade engineering polish.

πŸ”¬ The Science Behind Lambai

1. Tanner Mid-Parental Height Formula

Calculates the child's genetic target ceiling:

$$\text{Mid-Parental Height (cm)} = \frac{\text{Father's Height (cm)} + \text{Mother's Height (cm)} + 13\text{ cm}}{2} + 2.5\text{ cm}$$

$$\text{Genetic Ceiling Target Range} = \text{Mid-Parental Height} \pm 8.5\text{ cm}$$

2. NFHS-5 Indian Pediatric Growth Curves

Unlike generic Western datasets, Lambai benchmarks development against empirical National Family Health Survey (NFHS-5) pediatric medians to deliver culturally precise percentile projections.

3. The 3 Growth Pillars

  • πŸ₯— Nutrition & Micronutrients: Targeted intake of bioavailable calcium (Ragi, Til, Paneer), Vitamin D3/K2, Zinc, and high-biological-value proteins for osteoid matrix synthesis.
  • πŸƒ Mechanical Bone-Loading: Micro-impact loading (jump rope, sprinting, bar hangs) activating osteoblasts and epiphyseal chondrocytes.
  • πŸŒ™ Deep Slow-Wave Sleep: Optimizing Stage 3/4 NREM sleep architecture where 75%+ of daily pulsatile Human Growth Hormone (HGH) is released.

✨ Key Features & Web Experience

Feature Description
πŸ“ Interactive 5-Step Calculator Instant calculation of genetic height ceiling, trajectory gap, habit score, and growth window countdown.
🎴 Exportable Growth Share Card One-tap share card generation powered by html2canvas for WhatsApp and social sharing.
🍱 Features Bento Grid Interactive showcase highlighting the Indian Superfood Matrix, Circadian Sleep, and Bone-Loading Mechanics.
πŸ’« Lenis Smooth Scroll & Framer Motion Cinematic momentum scrolling coupled with GSAP and Framer Motion micro-animations.
πŸ›‘οΈ Grain Overlay & Custom Cursor Subtle film grain and interactive desktop magnetic custom cursor for a tactile luxury feel.
⚑ Supabase Waitlist Capture Real-time email validation, duplicate detection, and direct storage in Supabase waitlist tables.
πŸ“Š PostHog Funnel Tracking Client-side tracking measuring calculator completion rates, drop-offs, and conversions.
πŸ“± 100% Responsive & Zero Bloat Pure bespoke components crafted with Tailwind CSS v4 β€” zero bulky UI component libraries.

πŸ“ Genetic Height Potential Calculator Engine

The client-side calculator located at /calculator runs completely on-device for maximum speed and privacy:

flowchart LR
    A[Step 1: Child Age & Gender] --> B[Step 2: Child Current Height]
    B --> C[Step 3: Father Height]
    C --> D[Step 4: Mother Height]
    D --> E[Step 5: 6 Lifestyle Inputs]
    E --> F[Algorithm Processing]
    F --> G[Results Dashboard]
    
    subgraph Results [Output Metrics]
        G --> H[Genetic Ceiling cm / ft-in]
        G --> I[Current Trajectory cm / ft-in]
        G --> J[Biological Height Gap]
        G --> K[Growth Window Years/Months]
        G --> L[Growth Environment Score 0-100]
        G --> M[Celebrity Case Comparison]
        G --> N[Downloadable Share Card]
    end
Loading

Lifestyle Metrics Analyzed:

  • Sleep Duration & Bedtime (Circadian GH release)
  • Daily Physical Activity (Osteoblast bone-loading)
  • Protein Frequency (Amino acid bone matrix building blocks)
  • Late-Night Screen Time (Blue light melatonin suppression)
  • Direct Sunlight Exposure (Endogenous Vitamin D synthesis)
  • Calcium Intake Frequency (Mineral bone density support)

πŸ“± Route Architecture & Pages

  • / β€” Landing Page (src/app/page.tsx):
    • Hero: Punchy typography, dynamic background glow, instant CTA.
    • ScrollMarquee: Continuous scientific proof ticker.
    • TheProblem: The silent height crisis in modern India.
    • TheInsight: Why elite Indian dynasties grow taller than their fathers.
    • TheEnemy: Exposing sugar-loaded malt drinks (Horlicks/Bournvita).
    • TheSystem: The 3-pillar protocol breakdown.
    • FeaturesBento: Visual feature matrix with mockups.
    • TheMission & CalculatorCTA: Seamless bridge to the calculator and waitlist.
  • /calculator β€” Interactive Assessment (src/app/calculator/):
    • Multi-step client assessment with animated transitions.
    • Interactive metric comparison bars and visual growth trajectories.
    • ShareCard: Dynamic preview and PNG download for parents.
  • /privacy & /terms β€” Legal & Transparency (src/app/privacy/, src/app/terms/):
    • Zero-storage client privacy policy and disclaimers.

πŸ› οΈ Tech Stack

Core Framework & Runtime

Animation & Interaction

Backend, Database & Storage

Typography & Icons

  • Headings / Display: Outfit (via next/font/google)
  • Body & Metrics: Inter (via next/font/google)
  • Graphics: Custom SVGs & bespoke UI design

πŸ“‚ Project Directory Structure

lambai-web/
β”œβ”€β”€ public/                     # Static assets and media
β”‚   β”œβ”€β”€ images/                 # Product mockups, hero visuals, brand logos
β”‚   β”œβ”€β”€ favicon.ico             # Site favicon
β”‚   β”œβ”€β”€ llms.txt                # Contextual documentation for LLMs / crawlers
β”‚   └── *.svg                   # Brand icons and vector shapes
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ app/                    # Next.js App Router route hierarchy
β”‚   β”‚   β”œβ”€β”€ calculator/         # Height Potential Calculator route
β”‚   β”‚   β”‚   β”œβ”€β”€ CalculatorClient.tsx  # Dynamic multi-step quiz & result engine
β”‚   β”‚   β”‚   └── page.tsx        # Server-rendered calculator page wrapper
β”‚   β”‚   β”œβ”€β”€ privacy/            # Privacy Policy page
β”‚   β”‚   β”‚   └── page.tsx
β”‚   β”‚   β”œβ”€β”€ terms/              # Terms and Conditions page
β”‚   β”‚   β”‚   └── page.tsx
β”‚   β”‚   β”œβ”€β”€ globals.css         # Tailwind v4 directives & color design tokens
β”‚   β”‚   β”œβ”€β”€ layout.tsx          # Root layout with fonts, Lenis, grain, & JSON-LD
β”‚   β”‚   └── page.tsx            # Main landing page
β”‚   β”œβ”€β”€ components/             # Custom modular component library
β”‚   β”‚   β”œβ”€β”€ calculator/         # Calculator sub-components
β”‚   β”‚   β”‚   └── ShareCard.tsx   # Canvas-rendered shareable height result card
β”‚   β”‚   β”œβ”€β”€ landing/            # Landing page sections
β”‚   β”‚   β”‚   β”œβ”€β”€ CalculatorCTA.tsx     # Direct calculator bridge button
β”‚   β”‚   β”‚   β”œβ”€β”€ FeaturesBento.tsx     # Interactive feature matrix bento grid
β”‚   β”‚   β”‚   β”œβ”€β”€ Hero.tsx              # Main hero with headline & CTA
β”‚   β”‚   β”‚   β”œβ”€β”€ ScrollMarquee.tsx     # Continuous animated statement ticker
β”‚   β”‚   β”‚   β”œβ”€β”€ StatementSection.tsx  # High-impact quote highlight
β”‚   β”‚   β”‚   β”œβ”€β”€ TheEnemy.tsx          # Deconstruction of sugar drinks
β”‚   β”‚   β”‚   β”œβ”€β”€ TheInsight.tsx        # The celebrity & elite family growth insight
β”‚   β”‚   β”‚   β”œβ”€β”€ TheMission.tsx        # Lambai 10-year generation mission
β”‚   β”‚   β”‚   β”œβ”€β”€ TheProblem.tsx        # Indian height gap statistics
β”‚   β”‚   β”‚   β”œβ”€β”€ TheSystem.tsx         # 3-pillar protocol explanation
β”‚   β”‚   β”‚   └── WaitlistForm.tsx      # Email input with Supabase sync
β”‚   β”‚   β”œβ”€β”€ layout/             # Global layout elements
β”‚   β”‚   β”‚   β”œβ”€β”€ Footer.tsx            # Site footer with links and disclaimer
β”‚   β”‚   β”‚   β”œβ”€β”€ LenisProvider.tsx     # Smooth scroll wrapper
β”‚   β”‚   β”‚   └── Navbar.tsx            # Dynamic glassmorphic navigation header
β”‚   β”‚   └── ui/                 # Reusable micro-UI elements
β”‚   β”‚       β”œβ”€β”€ CustomCursor.tsx      # Interactive desktop cursor
β”‚   β”‚       └── GrainOverlay.tsx      # Cinematic ambient film grain overlay
β”‚   └── lib/                    # Utilities & business logic
β”‚       β”œβ”€β”€ animations.ts       # Shared Framer Motion animation variants
β”‚       β”œβ”€β”€ calculator.ts       # Tanner formula & habit score math engine
β”‚       β”œβ”€β”€ supabase.ts         # Supabase client initialization
β”‚       └── utils.ts            # Class merging utility (clsx + twMerge)
β”œβ”€β”€ eslint.config.mjs           # ESLint configuration
β”œβ”€β”€ next.config.ts              # Next.js runtime configuration
β”œβ”€β”€ package.json                # Project dependencies and scripts
β”œβ”€β”€ postcss.config.mjs          # PostCSS configuration for Tailwind v4
└── tsconfig.json               # TypeScript strict configuration

πŸš€ Getting Started & Local Development

Prerequisites

  • Node.js: v18.18.0 or higher (Node 20+ recommended)
  • Package Manager: npm, pnpm, yarn, or bun

Installation

  1. Clone the repository:

    git clone https://github.com/ParitoshSrivastava31/Lambai.git
cd Lambai/web

  2. Install dependencies:

    npm install

  3. Set up Environment Variables: Create a .env.local file in the web root directory:

    cp .env.example .env.local  # Or create .env.local directly

  4. Start the local development server:

    npm run dev

  5. Open in browser: Navigate to http://localhost:3000 to view the live site.

Build & Production

# Generate optimized production build
npm run build

# Start production server locally
npm run start

# Run ESLint validation
npm run lint

πŸ” Environment Configuration

Create a .env.local file with the following keys:

# Supabase Configuration (Required for waitlist submissions)
NEXT_PUBLIC_SUPABASE_URL=https://your-project.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key-here

# PostHog Analytics (Optional)
NEXT_PUBLIC_POSTHOG_KEY=your-posthog-key
NEXT_PUBLIC_POSTHOG_HOST=https://app.posthog.com

🎨 Design System & Aesthetic Philosophy

Lambai is styled with a "Warm Editorial Luxury" aesthetic (Aesop meets Linear):

  • Void Black (#0A0A0A / --color-void): Deep, immersive backdrop minimizing visual fatigue.
  • Deep Forest Green (#1B4332): Represents organic biological growth, vitality, and health.
  • Sovereign Gold (#D4AF37 / --color-gold): Accents representing excellence, ambition, and premium care.
  • Surface Elevation (#141414 / #1F1F1F): High-contrast card surfaces with subtle borders (rgba(255,255,255,0.08)).
  • Typography Pairing:
    • Outfit β€” Geometric, high-character display headings.
    • Inter β€” Crisp, legible technical body and data readouts.

πŸ“ˆ SEO, Metadata & Analytics

  • Structured Data (JSON-LD): Built-in Schema.org WebSite and SearchAction markup for Google rich snippets.
  • OpenGraph & Twitter Cards: Rich 1200x630 sharing cards configured in src/app/layout.tsx.
  • Search Engine Friendly: Fully rendered server components with canonical tags and crawler directives.
  • LLM Discoverability: Includes public/llms.txt for semantic AI crawler discovery.

⚠️ Medical Disclaimer

Lambai and the Genetic Height Potential Calculator are built for educational, informational, and wellness tracking purposes only. Predictions and recommendations are derived from standard pediatric statistical models (Tanner Mid-Parental Formula) and public health datasets (NFHS-5). Lambai does not provide medical diagnoses, pediatric treatment, or clinical prescriptions. Always consult a qualified pediatrician or pediatric endocrinologist for clinical assessments regarding your child's physical growth.

πŸ“„ License

This repository and its contents are proprietary and confidential.
Β© 2026 Lambai. All rights reserved. Unauthorized copying, modification, distribution, or commercial use is strictly prohibited.

About

🌱 India's first science-backed pediatric height growth optimisation platform & genetic ceiling calculator for boys aged 2–17. Built with Next.js 16, React 19, TypeScript, Tailwind CSS v4, and Supabase.

lambai.vercel.app

Topics

framer-motionnextjsscience-researchscientific-visualizationsupabase

Resources

Readme
Activity

Stars

0 stars

Watchers

0 watching

Forks

0 forks
Report repository

Contributors

Languages