Health Hub — Crestview Diagnostic Center 🏥

Clinical Precision. Human Connection.

Health Hub is a premium, high-performance diagnostic platform engineered for Crestview Diagnostic Center, Agege's premier medical facility. Built with a cutting-edge tech stack, it provides a seamless, high-confidence digital experience for patients and medical professionals.

---

✨ Key Features

• 🌐 State-of-the-Art Bento Grid UI: A modern, responsive design system for exploring specialized radiology and pathology departments.
• ⚡ High-Performance Architecture: Leverages Next.js 16 (App Router) and React 19 for sub-second page transitions and server-side rendering.
• 💬 WhatsApp Booking Flow: Integrated 1-click lead capture and appointment scheduling via WhatsApp.
• 🩺 Patient Preparation Portal: Comprehensive, downloadable guides and pre-scan check-lists to ensure diagnostic accuracy.
• 🎨 Tailwind CSS 4 Design System: Custom-engineered color palettes and typography for a "trust-first" clinical aesthetic.
• 🎭 Fluid Animations: Smooth, scroll-triggered micro-interactions powered by Framer Motion.

🛠️ Technology Stack

• Frontend: Next.js 16 (App Router), React 19
• Styling: Tailwind CSS 4 (Custom design tokens)
• Animations: Framer Motion
• Icons: Google Material Symbols
• Fonts: Outfit & Roboto (via next/font)
• Tooling: TypeScript, ESLint, PostCSS

---

🚀 Getting Started

Prerequisites

• Node.js 20.x or higher
• npm, yarn, or pnpm

Installation

1. Clone the repository:

   git clone https://github.com/your-username/health-hub.git
   cd health-hub

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open the app: Navigate to http://localhost:3000 to see the result.

---

📂 Project Structure

├── public/              # Static assets (PDFs, Images)
├── src/
│   ├── app/             # App Router pages and layouts
│   ├── components/      # Shared UI components (Navbar, Footer, etc.)
│   └── ...              # Styles and local configuration
├── tailwind.config.ts   # Design system tokens
└── package.json         # Project dependencies

---

📈 Impact

Developed to modernize healthcare accessibility in Agege, Lagos, this platform successfully bridges the gap between expert radiologists and patients through a fast, reliable, and aesthetically premium digital gateway.

---

📄 License

Private/Proprietary. Developed by Alqaasimee-jr2 for Crestview Diagnostic Center.

---

Powered by Antigravity (Advanced AI Coding Assistant)