Your Health, Your Priority – Instant Access to Medicines & Emergency Help!

"Design a modern, user-friendly, and responsive Health App Website that provides users with essential health-related information, medicine search, emergency contacts, and nearby healthcare facilities. The design should follow a clean and intuitive UI with smooth navigation and clear call-to-action elements. Core Pages & Features: 1. Home Page (Landing Page) Hero Section: Engaging tagline (e.g., "Your Health, Your Priority – Instant Access to Medicines & Emergency Help!"). Search bar for quick medicine lookup. CTA buttons: “Find Medicine” & “Emergency Help”. Features Section: Grid or card layout showcasing: Medicine Search – Find medicine availability & prices. Nearby Healthcare Facilities – Locate hospitals, clinics, and pharmacies. Health Tips & Articles – Stay informed with expert health advice. Emergency Services – Quick call for an ambulance or urgent care. Testimonials & Reviews: Display user reviews & success stories in a carousel format. Footer: Quick links, contact info, social media, and app download buttons. 2. Medicine Search Page Search Input: Users can enter a medicine name to get real-time search results. Results Display: List of available medicines with details (name, brand, price, availability). QR Code Scanner for medicine details. Buy or find nearest pharmacy. 3. Nearby Healthcare Facilities Page Location-Based Search: Auto-detect or enter location manually. Interactive Map (Google Maps API or OpenStreetMap): Display hospitals, clinics, pharmacies with distance and ratings. List View: Detailed cards with facility names, services, contact info, and reviews. 4. Health Tips & Articles Page Blog-Style Layout: Categorized sections (e.g., Diet, Exercise, Mental Health, Preventive Care). Search bar for articles. Engaging Cards: Feature article thumbnails, author names, and estimated read time. 5. Emergency Contacts Page Quick Call Buttons: Direct dial to Ambulance, Police, Fire Department, Poison Control, etc. Custom Emergency List: Users can add/edit personal emergency contacts for quick access. Design & Style Guide: Tailwind CSS: Minimalist & clean UI with glassmorphism or neumorphism effects. Soft shadows (shadow-lg), rounded corners (rounded-2xl), and hover animations (hover:scale-105). Color Palette: Primary: #4CAF50 (Green – Health & Wellness). Secondary: #1E88E5 (Blue – Trust & Professionalism). Accent: #FF9800 (Orange – Call-to-Action). Typography: Headings: text-2xl font-bold Body: text-base text-gray-700 Icons & Illustrations: Use Heroicons, Lucide, or FontAwesome for icons. AI-generated medical illustrations for a modern touch."