\n {/* Hero Section */}\n

Our Faculty & Staff

\n Meet our dedicated team of educators and professionals committed to providing \n exceptional education and support for every student.\n

\n\n {/* Search and Filter */}\n

\n {/* Search */}\n

\n \n setSearchTerm(e.target.value)}\n className=\"form-input w-full pl-10 pr-4 py-3 rounded-lg border border-gray-300\"\n />\n

\n\n {/* Department Filter */}\n

\n \n setSelectedDepartment(e.target.value)}\n className=\"form-input px-4 py-3 rounded-lg border border-gray-300\"\n >\n {departments.map((dept) => (\n \n ))}\n \n

\n\n {/* Staff Grid */}\n

\n {filteredStaff.length === 0 ? (\n

\n \n

No staff members found

Try adjusting your search criteria or filters.

\n ) : (\n

\n {filteredStaff.map((staff) => {\n const DepartmentIcon = getDepartmentIcon(staff.department);\n const departmentColor = getDepartmentColor(staff.department);\n \n return (\n

\n {/* Header */}\n

{staff.image}

{staff.name}

{staff.position}

\n\n {/* Content */}\n

\n {/* Department Badge */}\n

\n \n {staff.department}\n

\n {staff.yearsAtSchool} years at school\n

\n\n {/* Bio */}\n

{staff.bio}

\n\n {/* Specialties */}\n

Specialties

\n {staff.specialties.map((specialty, index) => (\n \n {specialty}\n \n ))}\n

\n\n {/* Qualifications */}\n

Qualifications

\n
\n {qualification}\n
\n +{staff.qualifications.length - 2} more qualifications\n

\n\n {/* Contact */}\n

\n \n \n Send Email\n \n \n \n {staff.phone}\n \n

\n );\n })}\n

\n )}\n

\n\n {/* Department Overview */}\n

Our Departments

\n Our faculty is organized into specialized departments to provide focused expertise \n and comprehensive support for all students.\n

\n\n

\n {departments.slice(1).map((dept) => {\n const deptStaff = staffMembers.filter(staff => staff.department === dept.id);\n const DepartmentIcon = getDepartmentIcon(dept.id);\n const departmentColor = getDepartmentColor(dept.id);\n \n return (\n

\n \n

{dept.name}

\n {deptStaff.length} dedicated {deptStaff.length === 1 ? 'member' : 'members'} \n providing excellent education and support.\n

\n \n

\n {deptStaff.slice(0, 4).map((staff, index) => (\n \n {staff.image}\n

\n ))}\n {deptStaff.length > 4 && (\n

\n +{deptStaff.length - 4}\n

\n )}\n

\n \n setSelectedDepartment(dept.id)}\n className=\"text-school-red font-semibold hover:text-red-700 transition-colors\"\n >\n View Department →\n \n

\n );\n })}\n

\n \n\n {/* Join Our Team */}\n

Join Our Team

\n Are you passionate about education and making a difference in students' lives? \n We're always looking for dedicated professionals to join our team.\n

\n \n

Competitive Benefits

\n Comprehensive health insurance, retirement plans, and professional development opportunities.\n

\n\n

\n \n

Supportive Environment

\n Collaborative culture with ongoing mentorship and support from experienced educators.\n

\n\n

\n \n

Growth Opportunities

\n Clear career advancement paths and support for continuing education and certifications.\n

\n \n

\n \n \n

\n \n );\n}","deleted","label",[167,168,169,149],"frontend","components","pages","permalink","https://www.val.town/x/Deboy/AGAPE/code/frontend/components/pages/StaffPage.tsx","extension","actionData","errors"]