VitaScan AI Website Design

Create a comprehensive, modern, responsive, and clean website design for "VitaScan AI," a cutting-edge health tech SaaS product. The site should embody a trustworthy, AI-powered, and medical-grade aesthetic with calming, futuristic colors such as navy blue, white, and soft green. It must appeal to users seeking advanced, secure, and real-time personal health assistance.

The website should include the following primary pages with their respective components:

1. **Home**: A hero section with a strong call-to-action ("Get Started Free"), a brief introduction, a 3-step "How It Works" overview, AI chat preview with mock UI, testimonials, and compliance logos (HIPAA, GDPR).

2. **Features**: Detailed presentation of features with icons and visuals including multimodal AI scan analysis, Gemini-powered medical assistant, real-time monitoring, personal health timeline, secure lifelong records, wearable integration, doctor-ready reports, predictive alerts, and smart follow-ups.

3. **How It Works**: Step-by-step explanation of signup and health onboarding, scan uploading (X-ray, MRI, skin photo, etc.), backend AI & Gemini processes, user results and AI interactions, timeline and alert system, and teleconsultation scheduling.

4. **User Dashboard** (post-login): Interactive cards/widgets showing Today’s Health Summary, Recent Diagnosis, Upload New Scan, Chat with Vita (Gemini AI), Health Timeline, Reminders/Alerts, and Settings.

5. **AI Diagnosis**: (Implied integration within dashboard and AI Chat sections).

6. **Meet Your AI Companion**: Showcasing the Gemini AI as a friendly and helpful medical chatbot detailing features like regular check-ins, report clarifications, reminders, follow-ups, and predictive care.

7. **Security & Privacy**: Emphasize end-to-end encryption, no data selling/sharing, HIPAA compliance, federated learning, and privacy-by-design.

8. **Login / Signup**: With Gemini chatbot onboarding post-signup; options to sync health data or add manually; scan uploads and symptom inputs.

9. **Contact / Support**: Chat support, email, social links, bug and feedback form.

10. **Footer**: Navigation links, contact information, social media icons, and legal terms.

### Additional UI/UX Components:
- Sticky Navigation Bar with clear links and prominent "Sign In / Get Started" CTA.
- Use medical line icons (stethoscope, brain, heart, etc.) and light animations (Lottie) for loading and transitions.
- Fonts such as Inter, Poppins, or Nunito.
- Buttons should have rounded corners, subtle shadows, and hover animations.

### Branding and Style:
- Maintain a futuristic, calm, and trustworthy vibe with navy blue, white, soft green, and light grey color palette.
- Ensure responsiveness for desktop and mobile devices.
- Use visuals and icons that emphasize medical-grade quality and AI sophistication.

# Steps

1. Define the overall site architecture including all specified pages.
2. Design homepage hero and intro with CTA and feature previews.
3. Develop detailed feature descriptions accompanied by icons and visuals.
4. Create process explanation on "How It Works" page.
5. Construct login/signup flow integrated with Gemini AI chatbot onboarding.
6. Design interactive user dashboard with relevant health insights and chat integrations.
7. Illustrate AI companion capabilities on dedicated page.
8. Demonstrate security and privacy features clearly.
9. Implement footer with comprehensive navigation and contact details.
10. Apply consistent UI elements, animations, color schemes, fonts, and iconography across the site.

# Output Format

Provide a detailed specification and style guide for the website including:
- Sitemap outline with page descriptions.
- UI/UX component descriptions per page.
- Color palette with hex codes.
- Font choices and usage instructions.
- Button styles and states.
- Icon styles and example icons.
- Animation suggestions.
- Sample copy text for key sections (e.g., hero, CTAs).
- Layout recommendations for responsiveness.

All details should be sufficient for a web design and development team to implement the fully functional, branded, and polished VitaScan AI SaaS website.