Add registry page

1 files changed, 19 insertions, 2 deletions

diff --git a/client/src/components/Registry.tsx b/client/src/components/Registry.tsx
index 038bd1d..dd8ff36 100644
--- a/client/src/components/Registry.tsx
+++ b/client/src/components/Registry.tsx
@@ -1,9 +1,26 @@
 import React from 'react';
+import { Button } from '@mui/material';
+import LaunchIcon from '@mui/icons-material/Launch';
 
 function Registry() {
   return (
-    <div style={{ height: '100%', width: '100%', display: 'flex' }}>
-      <p style={{ marginTop: 64 }}>Registry</p>
+    <div
+      style={{
+        height: '100%',
+        width: '100%',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        flexDirection: 'column',
+      }}
+    >
+      <p style={{ width: '90%', textAlign: 'center' }}>
+        Thank you for your generous gifts! We look forward to seeing you at the
+        wedding.
+      </p>
+      <Button variant="contained" endIcon={<LaunchIcon />}>
+        Go to Registry
+      </Button>
     </div>
   );
 }