🩺 Samabi Functional Medicine Clinic Website

A modern, professional, and accessible React-based website for Samabi Functional Medicine Clinic, a health practice in Port Harcourt, Nigeria, specializing in:

• Mental Health
• Addiction & Recovery
• Functional / Nutritional Medicine

The site balances medical credibility with warm accessibility, ensuring patients trust the clinic while feeling welcomed and supported.

✨ Features

• 📱 Responsive Design — mobile-first, optimized for all devices
• 🎨 Modern UI — clean typography, calming colors (White, Ash, Teal/Blue accent)
• 🔎 SEO-Optimized — structured metadata, JSON-LD schema, and local service keywords
• 🗂️ Reusable Components — modular React + Tailwind CSS components
• 📚 Resources & Blog — CMS-driven content for patient education and SEO growth
• 📝 Booking & Contact Form — secure, accessible form with consent checkbox for PHI
• 🌐 Accessibility (a11y) — WCAG-compliant colors, ARIA labels, and keyboard support
• ⚡ Performance-First — lazy-loaded images, responsive srcset, WebP support

---

🛠️ Tech Stack

• Frontend: React (with Next.js), Tailwind CSS
• Components: Modular, prop-driven React components
• Forms: Booking form with client-side validation & secure backend endpoint
• SEO: Next SEO / React Helmet + JSON-LD schema
• CMS: Sanity or Strapi (for blog/resources)
• Deployment: Vercel
• **Other Backend:**Express for custom booking + patient data handling

---

📁 Project Structure

File Directory Tree

src/ ├── components/ │ └── ui/ │ ├── Button.tsx │ ├── NavbarLink.tsx │ ├── ServiceCard.tsx │ ├── FeatureCard.tsx │ └── SectionHeading.tsx │ ├── sections/ │ ├── HeroSection.tsx │ ├── ApproachSection.tsx │ ├── WhyChooseUsSection.tsx │ ├── TestimonialsSection.tsx // placeholder │ ├── ContactSection.tsx // placeholder │ └── FooterSection.tsx // placeholder │ └── pages/ └── Home.tsx

🎨 Design System

• Colors:

  • White #FFFFFF
  • Ash #B0B0B0 (neutral grays)
  • Teal #0EA5A4 (accent CTA)
  • Optional: Soft Blue #4FC3F7

• Fonts: Inter, system-ui, sans-serif

• Components: Buttons, cards, grids, and forms are reusable with consistent spacing & typography.

---

🔎 SEO & Metadata

• Meta description:

  SAMABI Functional Medicine Clinic in Port Harcourt offers holistic care in psychiatry, psychotherapy, nutritional psychiatry, and addiction recovery.

• Keywords: mental health clinic port harcourt, psychiatrist port harcourt, addiction recovery nigeria, functional medicine nigeria

• Structured Data (JSON-LD): MedicalClinic schema with address, phone, services.

---

🛡️ Privacy & Security

• Booking form requires explicit patient consent before submission.
• Only minimal PHI is collected (name, contact, service, preferred time).
• All traffic served over HTTPS.
• Backend (if enabled) uses input validation and encrypted storage.
• Emergency crisis line displayed clearly (non-form).

---

🌐 Deployment: Vercel.

---

📞 Contact

Samabi Functional Medicine Clinic 📍 Rumuosi, Port Harcourt, Nigeria 📧 Kazeem.uthman@npmcn.com 📞 +2348166423218

---

© 2025 Samabi Functional Medicine Clinic. All rights reserved.

```

---