diff options
author | Michael Hunteman <michael@huntm.net> | 2024-05-17 15:20:30 -0700 |
---|---|---|
committer | Michael Hunteman <michael@huntm.net> | 2024-05-17 15:20:30 -0700 |
commit | 7103019890960e793deefb64987a09b33be60b42 (patch) | |
tree | c1c9402aa250c68b2cbe13d62598232bbf20b1e2 /client/src/components/Schedule.tsx | |
parent | fc5c111bcfe296bec82e1cf9fdb88fc80fb24f89 (diff) |
Add golang server
Diffstat (limited to 'client/src/components/Schedule.tsx')
-rw-r--r-- | client/src/components/Schedule.tsx | 107 |
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; |