feat: for providers

packages/client/src/components/Router.jsx

@@ -11,6 +11,9 @@ import GetInvolved from '../pages/GetInvolved.jsx';
 import Blog from '../pages/Blog.jsx';
 import BlogPost from '../pages/BlogPost.jsx';
 import { StrapiPage } from '../pages/Strapi-Page.jsx';
+import { Patients } from '../pages/treatment-services/patients.jsx';
+import { Providers } from '../pages/treatment-services/providers.jsx';
+import { HealthSystems } from '../pages/treatment-services/health-systems.jsx';
 
 export const Router = ({ children }) => {
   const { pages } = useNav();
@@ -29,22 +32,16 @@ export const Router = ({ children }) => {
           element: <About />
         },
         {
-          path: 'treatments-and-services',
-          element: <TreatmentsServices />,
-          children: [
-            {
-              index: 'services-to-the-health-system',
-              element: <ServicesToTheHealthSystem />
-            },
-            {
-              path: 'services-to-the-health-system',
-              element: <ServicesToTheHealthSystem />
-            },
-            {
-              path: 'services-to-our-patients',
-              element: <ServicesToOurPatients />
-            }
-          ]
+          path: 'patients',
+          element: <Patients />
+        },
+        {
+          path: 'providers',
+          element: <Providers />
+        },
+        {
+          path: 'health-systems',
+          element: <HealthSystems />
         },
         {
           path: 'research-and-evaluation',

packages/client/src/pages/TreatmentsServices.jsx

@@ -469,36 +469,11 @@ function ScopeOfServicesToSystem() {
       <Typography variant="infoPanelBTitle" sx={{ textAlign: 'center' }}>
         Scope of Services to the System
       </Typography>
-      <Typography variant="infoPanelBBody">
-        <p>
-          RESTORE provides facilitation—an interactive problem-solving approach that supports organizations in applying
-          evidence-based practices in routine care.
-        </p>
-        <p>RESTORE’s selected facilitation strategies:</p>
-        <ul>
-          <li>Training and consultation initiatives</li>
-          <li>Consultation to clinical and community partners on implementation planning</li>
-          <li>Organize local change agents in leadership and clinician expertise</li>
-          <li>
-            Build reciprocal and participatory relationship with clinician teams to foster a shared vision and
-            priorities
-          </li>
-          <li>
-            Promote structural change to support implementation with screening, identification, and referral pathways
-            across the system
-          </li>
-          <li>
-            Convene community, patient, provider, and external advisory boards on PTSD and oppression-based stress
-          </li>
-          <li>Support data-driven intervention adaptation, including cultural adaptation</li>
-          <li>Administrative and technical support through imbedded online flowsheets and templates</li>
-        </ul>
-      </Typography>
     </Paper>
   );
 }
 
-function UpcomingOngoing() {
+export function UpcomingOngoing() {
   const { loading, error, data } = useQuery(GET_UPCOMING_ONGOING);
   if (loading) return <p>Loading...</p>;
   if (error) return <p>Error : {error.message}</p>;

packages/client/src/pages/treatment-services/health-systems.jsx

@@ -0,0 +1,3 @@
+import { Card, CardActionArea, CardContent, CardHeader, Container, Grid, Typography } from '@mui/material';
+
+export const HealthSystems = () => <Container></Container>;

packages/client/src/pages/treatment-services/patients.jsx

@@ -0,0 +1,3 @@
+import { Card, CardActionArea, CardContent, CardHeader, Container, Grid, Typography } from '@mui/material';
+
+export const Patients = () => <Container></Container>;

packages/client/src/pages/treatment-services/providers.jsx

@@ -0,0 +1,52 @@
+import { Container, Stack, Typography } from '@mui/material';
+import { UpcomingOngoing } from '../TreatmentsServices.jsx';
+
+export const Providers = () => (
+  <Container>
+    <Typography variant="h3">Treatment & Services</Typography>
+    <Typography variant="h4" color="primary">
+      For Providers
+    </Typography>
+    <Typography variant="infoPanelBBody">
+      <p>
+        RESTORE provides facilitation—an interactive problem-solving approach that supports organizations in applying
+        evidence-based practices in routine care.
+      </p>
+      <p>RESTORE’s selected facilitation strategies:</p>
+      <ul>
+        <li>Training and consultation initiatives</li>
+        <li>Consultation to clinical and community partners on implementation planning</li>
+        <li>Organize local change agents in leadership and clinician expertise</li>
+        <li>
+          Build reciprocal and participatory relationship with clinician teams to foster a shared vision and priorities
+        </li>
+        <li>
+          Promote structural change to support implementation with screening, identification, and referral pathways
+          across the system
+        </li>
+        <li>Convene community, patient, provider, and external advisory boards on PTSD and oppression-based stress</li>
+        <li>Support data-driven intervention adaptation, including cultural adaptation</li>
+        <li>Administrative and technical support through imbedded online flowsheets and templates</li>
+      </ul>
+    </Typography>
+    <Stack gap={3}>
+      <Typography variant="h4" color="primary">
+        Commitment to Health Equity
+      </Typography>
+      <Typography>
+        We believe that access to high quality and culturally responsive care is a fundamental part of achieving health
+        equity.
+      </Typography>
+      <Typography>Four implementation science principles guide our work in advancing health equity.</Typography>
+      <Typography>
+        <ol>
+          <li>Racism is a fundamental driver of health inequities</li>
+          <li>Equitable healthcare requires active engagement of community members</li>
+          <li>Equitable healthcare requires multisector partnerships</li>
+          <li>Context is central to healthcare equity</li>
+        </ol>
+      </Typography>
+    </Stack>
+    <UpcomingOngoing />
+  </Container>
+);