Welcome to Our Orthopaedic Surgery Clinic

Your health and mobility are our priority.

About Us

We are a team of experienced orthopaedic surgeons dedicated to providing top-quality care for all your musculoskeletal needs.

Our Services

Specialties

We specialize in various orthopaedic conditions including, but not limited to:

Contact Us

import React, { useState } from 'react'; import { LayoutDashboard, ClipboardList, Package, Users, PlusCircle, Activity, LogOut } from 'lucide-react'; // --- Types --- type Procedure = 'UKR' | 'TKR' | 'THR' | 'RSA' | 'Other'; type Role = 'Observed' | 'Assisted' | 'Supervised' | 'Independent'; interface CaseLog { id: string; patientName: string; date: string; role: Role; procedure: Procedure; type: 'Primary' | 'Revision'; notes: string; } // --- Mock Data --- const MOCK_CASES: CaseLog[] = [ { id: '1', patientName: 'John Doe', date: '2024-05-10', role: 'Independent', procedure: 'TKR', type: 'Primary', notes: 'Successful cementless fixation.' }, { id: '2', patientName: 'Jane Smith', date: '2024-05-12', role: 'Supervised', procedure: 'THR', type: 'Revision', notes: 'Handled acetabular bone loss.' }, ]; export default function SurgeonPortal() { const [view, setView] = useState<'dashboard' | 'logging' | 'inventory'>('dashboard'); const [cases, setCases] = useState(MOCK_CASES); return (
{/* Sidebar Navigation */} {/* Main Content Area */}
{view === 'dashboard' && } {view === 'logging' && { setCases([newCase, ...cases]); setView('dashboard'); }} />}
); } // --- Components --- function NavItem({ icon, label, active, onClick }: { icon: any, label: string, active: boolean, onClick: () => void }) { return ( ); } function Dashboard({ cases }: { cases: CaseLog[] }) { return (

Practice Analytics

Overview of surgical outcomes and volume

{/* KPI Cards */}
{/* Recent Cases Table */}
Recent Surgical Logs
{cases.map((c) => ( ))}
Patient Procedure Role Type Date
{c.patientName} {c.procedure} {c.role} {c.type} {c.date}
); } function CaseLoggingForm({ onSave }: { onSave: (c: CaseLog) => void }) { const [formData, setFormData] = useState>({ procedure: 'TKR', role: 'Independent', type: 'Primary' }); return (

Log New Surgery

setFormData({...formData, patientName: e.target.value})} />