From 32ade97a48d6ff2cc074d36038c4cdb89fc4fbb9 Mon Sep 17 00:00:00 2001
From: Michael Hunteman <michael@huntm.net>
Date: Tue, 26 Mar 2024 18:09:04 -0700
Subject: Add schedule

---
 src/components/Schedule.tsx | 90 +++++++++++++++++++++++++++++++++++++++++++--
 src/components/active.css   |  4 +-
 2 files changed, 89 insertions(+), 5 deletions(-)

(limited to 'src/components')

diff --git a/src/components/Schedule.tsx b/src/components/Schedule.tsx
index 64e4d1a..ef72769 100644
--- a/src/components/Schedule.tsx
+++ b/src/components/Schedule.tsx
@@ -1,8 +1,92 @@
+import { Container, Paper } from '@mui/material';
+import PlaceIcon from '@mui/icons-material/Place';
+
 function Schedule() {
   return (
-    <>
-      <p>Location and attire</p>
-    </>
+    <Container
+      maxWidth="md"
+      style={{
+        height: '80vh',
+        marginTop: 80,
+        display: 'flex',
+        justifyContent: 'center',
+      }}
+    >
+      <Paper
+        elevation={3}
+        style={{
+          height: '50%',
+          width: '100%',
+          display: 'flex',
+          flexDirection: 'column',
+          alignItems: 'center',
+        }}
+      >
+        <div
+          style={{
+            height: '100%',
+            width: '80%',
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+          }}
+        >
+          <div
+            style={{
+              height: '100%',
+              width: '100%',
+              display: 'flex',
+              alignItems: 'center',
+            }}
+          >
+            <div style={{ width: '35%' }}>
+              <h2>2:00 PM</h2>
+            </div>
+            <div style={{ width: '65%' }}>
+              <h2>Ceremony</h2>
+              <h3>
+                Divine Shepherd
+                <br />
+                <a
+                  href="https://maps.app.goo.gl/dGWvmjPiVjNGBVkZ9"
+                  style={{ color: 'inherit', textDecoration: 'none' }}
+                >
+                  15005 Q St, Omaha, NE 68137
+                  <PlaceIcon />
+                </a>
+              </h3>
+            </div>
+          </div>
+          <hr style={{ width: '100%' }} />
+          <div
+            style={{
+              height: '100%',
+              width: '100%',
+              display: 'flex',
+              alignItems: 'center',
+            }}
+          >
+            <div style={{ width: '35%' }}>
+              <h2>4:00 PM</h2>
+            </div>
+            <div style={{ width: '65%' }}>
+              <h2>Reception</h2>
+              <h3>
+                A Venue on the Ridge
+                <br />
+                <a
+                  href="https://maps.app.goo.gl/35RRqxzQdq6E4eSMA"
+                  style={{ color: 'inherit', textDecoration: 'none' }}
+                >
+                  20033 Elkhorn Ridge Dr, Elkhorn, NE 68022
+                  <PlaceIcon />
+                </a>
+              </h3>
+            </div>
+          </div>
+        </div>
+      </Paper>
+    </Container>
   );
 }
 
diff --git a/src/components/active.css b/src/components/active.css
index b3841d1..e8b5f60 100644
--- a/src/components/active.css
+++ b/src/components/active.css
@@ -1,7 +1,7 @@
 .active {
-  background-color: #1976d2;
+  background-color: #1976d2
 }
 
 .inactive {
-  background-color: #c4c4c4;
+  background-color: #c4c4c4
 }
-- 
cgit v1.2.3