1 files changed, 107 insertions, 0 deletions
diff --git a/client/src/components/Schedule.tsx b/client/src/components/Schedule.tsx
new file mode 100644
index 0000000..808499c
--- /dev/null
+++ b/client/src/components/Schedule.tsx
@@ -0,0 +1,107 @@
+import React from 'react';
+import { Container, Paper, Typography, useTheme } from '@mui/material';
+
+function Schedule() {
+  const theme = useTheme();
+  return (
+    <Container
+      maxWidth="sm"
+      sx={{
+        display: 'flex',
+        justifyContent: 'center',
+      }}
+    >
+      <Paper
+        elevation={3}
+        sx={{
+          mt: 8,
+          height: '100%',
+          width: '100%',
+          display: 'flex',
+          flexDirection: 'column',
+          alignItems: 'center',
+        }}
+      >
+        <div
+          style={{
+            height: '100%',
+            width: '90%',
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+          }}
+        >
+          <div
+            style={{
+              height: '100%',
+              width: '100%',
+              display: 'flex',
+              alignItems: 'center',
+            }}
+          >
+            <div style={{ width: '35%' }}>
+              <p>April 26, 2025</p>
+            </div>
+            <div style={{ width: '65%' }}>
+              <Typography variant="h5">Wedding Schedule</Typography>
+            </div>
+          </div>
+          <hr style={{ width: '100%' }} />
+          <div
+            style={{
+              height: '100%',
+              width: '100%',
+              display: 'flex',
+              alignItems: 'center',
+            }}
+          >
+            <div style={{ width: '35%' }}>
+              <p>2:00 PM</p>
+            </div>
+            <div style={{ width: '65%' }}>
+              <Typography variant="h6">Ceremony</Typography>
+              <p>
+                Divine Shepherd
+                <br />
+                <a
+                  href="https://maps.app.goo.gl/dGWvmjPiVjNGBVkZ9"
+                  style={{ color: theme.palette.primary.main }}
+                >
+                  15005 Q St, Omaha, NE 68137
+                </a>
+              </p>
+            </div>
+          </div>
+          <hr style={{ width: '100%' }} />
+          <div
+            style={{
+              height: '100%',
+              width: '100%',
+              display: 'flex',
+              alignItems: 'center',
+            }}
+          >
+            <div style={{ width: '35%' }}>
+              <p>4:00 PM</p>
+            </div>
+            <div style={{ width: '65%' }}>
+              <Typography variant="h6">Reception</Typography>
+              <p>
+                A Venue on the Ridge
+                <br />
+                <a
+                  href="https://maps.app.goo.gl/35RRqxzQdq6E4eSMA"
+                  style={{ color: theme.palette.primary.main }}
+                >
+                  20033 Elkhorn Ridge Dr, Elkhorn, NE 68022
+                </a>
+              </p>
+            </div>
+          </div>
+        </div>
+      </Paper>
+    </Container>
+  );
+}
+
+export default Schedule;