Implementation of the new card and page 'Pz-Server-Pipelines'

frontend/pages/index.js

@@ -27,6 +27,13 @@ export default function Index() {
       background: '/interfaces/user-dp.jpg',
       description:
         'User-generated data products shared by members of the LSST community.'
+    },
+    {
+      title: 'PZ Server Pipelines',
+      path: '/pz_pipelines',
+      background: '/interfaces/gamma-ray-burst.jpg',
+      description:
+        'Lorem ipsum dolor sit amet, consectetur adipiscing elit dolor sit amet.'
     }
   ]
 

frontend/pages/pz_pipelines.js

@@ -0,0 +1,15 @@
+import { Typography } from '@mui/material'
+import * as React from 'react'
+import useStyles from '../styles/pages/pz_pipelines'
+
+export default function PZPipelines() {
+  const classes = useStyles()
+
+  return (
+    <div className={classes.container}>
+      <Typography variant="h5" className={classes.message}>
+        Coming Soon...
+      </Typography>
+    </div>
+  )
+}

frontend/styles/pages/pz_pipelines.js

@@ -0,0 +1,18 @@
+import { makeStyles } from '@mui/styles'
+
+const useStyles = makeStyles(theme => ({
+    container: {
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        // minHeight: '100vh',
+    },
+    content: {
+        textAlign: 'center',
+    },
+    message: {
+        color: theme.palette.text.secondary,
+    },
+}))
+
+export default useStyles