import React, { useState, useEffect, useRef } from 'react'; import { ChevronDown, Heart, Shield, Award, Droplet, User, Check, Menu, X, ArrowRight, ArrowLeft } from 'lucide-react'; /* BRAND GUIDELINES IMPLEMENTATION: - Primary Color (Dark Blue): #0087C3 - Secondary Color (Medium Blue): #84D5F7 - Light Blue: #AEDBF5 - Accent Green (Anti-colic): #6CC64A - Accent Orange (Wide-Neck): #FAAB4B - Fonts: Nunito (simulating VAG Rounded), Open Sans (simulating Myriad Pro) */ const BrandColors = { primary: '#0087C3', secondary: '#84D5F7', light: '#AEDBF5', green: '#6CC64A', orange: '#FAAB4B', darkText: '#1e293b', lightText: '#64748b' }; const GoogleFonts = () => ( ); const Navbar = () => { const [scrolled, setScrolled] = useState(false); const [logoError, setLogoError] = useState(false); useEffect(() => { const handleScroll = () => setScrolled(window.scrollY > 20); window.addEventListener('scroll', handleScroll); return () => window.removeEventListener('scroll', handleScroll); }, []); return ( ); }; const HeroSection = () => { return (
{/* Background Graphic Elements - Abstract Waves */}
Innovating Since 1996

Designed by a Doctor.
Loved by Parents.

Our focus has always been to create innovative baby products to promote good health and optimal nutrition.

{/* Abstract representation of "Natural Environment" photo style */}
{/* Placeholder for Lifestyle Image - simulating "Natural Lighting, Warm Tones" */}

Natural Flow

Simulating warm, natural lifestyle photography

{/* Floating Badge */}

Clinically Proven

Reduces Colic

); }; const TimelineSection = () => { const milestones = [ { year: '1996', title: 'Designed by a Doctor', text: 'Dr. Brown’s Natural Flow® is designed by a doctor to treat feeding issues.' }, { year: '1997', title: 'Patented Technology', text: 'The only baby bottle to feature an internal vent system that helps reduce colic, spit-up, burping, and gas.' }, { year: '2000s', title: 'Medical Acclaim', text: 'Dr. Brown’s bottles become a staple in hospitals, NICUs, and doctor offices worldwide.' }, { year: 'Today', title: '#1 Pediatrician Recommended', text: 'Parents have voted Dr. Brown’s the best baby bottle for over a decade.', current: true }, ]; return (

Our Journey

{/* Vertical Line */}
{milestones.map((milestone, index) => (
{milestone.year}

{milestone.title}

{milestone.text}

{milestone.year}
))}
); }; const FeatureCard = ({ icon: Icon, title, desc, color }) => (

{title}

{desc}

); const FeaturesSection = () => { return (

Innovation for Good Health

We invest as much time as necessary to create quality feeding products with distinctive health-related benefits.

); }; const TechnologySection = () => { const [activeTab, setActiveTab] = useState(0); const tabs = [ { title: "Internal Vent System", content: "Air enters the bottle collar and routes directly through the internal vent system. The air channels through the vent tube, bypassing the milk, to the end of the bottle." }, { title: "Vacuum-Free Feeding", content: "The vent prevents aeration of the milk, vacuum pressure, and nipple collapse. Baby feeds comfortably while milk flows freely, similar to breastfeeding." }, { title: "Options+ Versatility", content: "Our bottles are designed to grow with baby. The vent system can be removed as baby's feeding becomes more developed, offering a paced flow." } ]; return (
{/* Abstract Representation of the Bottle Vent System */}

1 The Difference

Patented Internal Vent

Bypasses the milk to prevent aeration

The Science Inside

Unrivaled design for optimal nutrition.

{tabs.map((tab, idx) => (
{tab.content}
))}
); }; const Footer = () => { return ( ); }; const App = () => { return (
{/* Testimonial Banner */}

"Voted Best Baby Bottle for Over a Decade"

- Parents & Caregivers Worldwide

); }; export default App;