# IBH — India Business Helpline Landing Page

## Original Problem Statement
Build a modern, premium SaaS landing website for "India Business Helpline (IBH)" — a complete business support ecosystem for startups, entrepreneurs, and MSMEs across India. Sections: Navbar, Hero, Social Proof, About, Services (L1/L2), Expert Domains (with Funding flagship banner + 20 cards), How It Works, Why Choose IBH, Membership Plans, Testimonials, CTA, Footer.

## Tech Stack
- React 19 (CRA + craco) — existing setup retained (Vite not pre-installed)
- Tailwind CSS with custom IBH design tokens
- FontAwesome icons (CDN), Google Fonts: Poppins (display) + Inter (body)
- Reusable section components in /app/frontend/src/components/sections

## Design System
- Primary green #16A34A, Accent orange #F97316, Navy #0F172A, BG #F8FAFC
- Highlight gradient: orange → purple → blue → green (gradient-text + buttons)
- Glassmorphism navbar, soft shadows, rounded-3xl/4xl cards
- Animations: float, pulseSlow, fadeUp; hover lift on every card
- IBH logo from uploaded artifact used as favicon + brand mark

## Implemented (2026-01)
- Sticky glass Navbar w/ mobile menu and Talk-to-Expert CTA
- Hero: gradient headline, dashboard mockup with live SVG chart, floating "+124% Business Growth" stat, MSME Verified badge
- Social Proof: 6 mock company logos
- About: 4 feature cards (Helpline / Community / Expert Advisory / Media)
- Services: L1 (free) and L2 (pro) tier cards
- Expert Domains: Flagship "Funding & Investor Relations" banner with ₹11.5 Cr+ stat card + 20 domain cards (5-col desktop)
- How It Works: 4 steps (WhatsApp → Guidance → Upgrade → Scale)
- Why Choose IBH: dark navy section with 5 reasons + 100% commitment ring
- Membership: 3 plans (Basic / Growth-highlighted / Scale)
- Testimonials: 3 founder cards w/ ratings
- CTA: gradient block with stats + book consultation
- Footer: brand + 3 link groups + contact + socials
- All interactive elements have data-testid

## File Structure
- /app/frontend/public/index.html (title, fonts, favicon)
- /app/frontend/public/assets/logo.png
- /app/frontend/src/App.js (composition)
- /app/frontend/src/index.css (tokens + components)
- /app/frontend/tailwind.config.js (theme extension)
- /app/frontend/src/components/Brand.jsx, Navbar.jsx
- /app/frontend/src/components/sections/{Hero,SocialProof,About,Services,ExpertDomains,HowItWorks,WhyChoose,Pricing,Testimonials,CTA,Footer}.jsx

## Backlog / Next
- P1: Wire CTAs to a real lead form / WhatsApp deeplink
- P1: Replace mock company logos with real partner SVGs
- P2: Add scroll-spy active state on nav links + page route for /membership detail
- P2: Add testimonial carousel + stats counter animation
- P2: Light backend endpoint to capture "Book Consultation" submissions