keen-brand

bysubhas siva

Create a complete, modern, responsive website for a startup called "MOMS CARE" — a biodegradable menstrual pad brand from India. The brand believes in women's health + environmental sustainability together. BRAND IDENTITY: - Name: MOMS CARE - Tagline: "Pure Care. Green Promise." - Colors: Forest green (#1a6b4a) as primary, warm cream/off-white (#fdf8f0) as background, gold (#c9a84c) as accent - Tone: Warm, trustworthy, empowering, eco-conscious - Target audience: Indian women aged 16–40, eco-aware consumers, college students PAGES TO BUILD: 1. NAVBAR - Logo (leaf icon + MOMS CARE text) - Links: Home, About, Our Product, Why Eco, Impact, Contact - CTA button: "Buy Now" in green - Sticky on scroll, mobile hamburger menu 2. HOME PAGE (Hero Section) - Full-width hero with tagline: "Safe for You. Kind to Earth." - Subtext: "India's first 100% biodegradable menstrual pad — gentle on your body, gentle on our planet." - Two CTA buttons: "Shop Now" and "Learn More" - Background: subtle leaf/nature illustration or soft green gradient - Below hero: 3 feature icons row — "100% Natural", "Biodegradable", "Dermatologist Tested" 3. ABOUT PAGE - Founder story: "Started by pharmacy students who cared about what women put on their bodies and what ends up in our landfills." - Mission: "To make sustainable menstrual health accessible to every woman in India." - Vision: "A future where every pad returns to the earth, not the landfill." - Team section with placeholder cards (3 members) 4. OUR PRODUCT PAGE - Product name: MOMS CARE BioSoft Pad - Key features list: * Made from banana fiber / pineapple leaf fiber (PALF) * No plastic, no synthetic chemicals * Fully compostable in 6 months * Available in 3 sizes: Regular, XL, Overnight * Individually wrapped in seed paper packaging - Before vs After comparison (regular plastic pad vs MOMS CARE) - Pricing section (placeholder): ₹120 for pack of 8 5. WHY ECO / IMPACT PAGE - Shocking stats: "12 billion plastic pads end up in Indian landfills every year" - Timeline/infographic: How our pad decomposes vs plastic pad - Environmental impact counter (animated): "Pads saved from landfill", "Women reached" - Connection to UN SDG Goals (SDG 3 & 12) 6. CONTACT / PRE-ORDER PAGE - Simple form: Name, Email, City, Quantity interested - "We'll notify you when we launch in your city" - Social links: Instagram, LinkedIn - Email: [email] (placeholder) DESIGN REQUIREMENTS: - Fully responsive (mobile-first) - Smooth scroll animations (fade-in on scroll) - Clean, minimal layout with generous whitespace - Google Fonts: "Cormorant Garamond" for headings, "DM Sans" for body - Use CSS variables for all colors - Include a floating WhatsApp chat button - Footer with logo, quick links, and "Made with 💚 in India" TECH: Plain HTML + CSS + Vanilla JS (no frameworks). Single HTML file. Make it feel like a premium sustainable brand — like if "The Better India" meets "Mamaearth" in web design. Professional, warm, green, and trustworthy.