From 7d60a26c70bdafc9f5c33433ac26463b45259bb0 Mon Sep 17 00:00:00 2001
From: IshaVenikar <ishavenikar7@gmail.com>
Date: Thu, 25 Jul 2024 16:56:05 +0530
Subject: [PATCH] Add terms and conditions page

---
 src/App.tsx                      |  6 ++--
 src/pages/TermsAndConditions.tsx | 61 ++++++++++++++++++++++++++++++++
 2 files changed, 65 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/TermsAndConditions.tsx

diff --git a/src/App.tsx b/src/App.tsx
index 82125ac..7d74c45 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -6,8 +6,9 @@ import SignWithNitroKey from "./pages/SignWithNitroKey";
 import SignWithCosmos from "./pages/SignWithCosmos";
 import PageNotFound from "./pages/PageNotFound";
 import OnboardingSuccess from "./pages/OnboardingSuccess";
-import UserVerification from "./pages/UserVerification";
 import SignPageLayout from "./layout/SignPageLayout";
+import UserVerification from "./pages/UserVerification";
+import TermsAndConditions from "./pages/TermsAndConditions";
 import { WalletConnectProvider } from "./context/WalletConnectContext";
 
 function App() {
@@ -15,7 +16,8 @@ function App() {
     <Router>
       <WalletConnectProvider>
         <Routes>
-          <Route path="/" element={<ConnectWallet />} />
+          <Route path="/" element={<TermsAndConditions />} />
+          <Route path="/connect-wallet" element={<ConnectWallet />} />
           <Route
             path="/user-verification"
             element={<UserVerification />}
diff --git a/src/pages/TermsAndConditions.tsx b/src/pages/TermsAndConditions.tsx
new file mode 100644
index 0000000..85d150c
--- /dev/null
+++ b/src/pages/TermsAndConditions.tsx
@@ -0,0 +1,61 @@
+import React from 'react';
+import { useNavigate } from 'react-router-dom';
+import { Container, Typography, Button, Box, Paper } from '@mui/material';
+
+const TermsAndConditions: React.FC = () => {
+  const navigate = useNavigate();
+
+  const handleAccept = () => {
+    navigate('/connect-wallet');
+  };
+
+  return (
+    <Container maxWidth="md">
+      <Paper elevation={3} style={{ padding: '2rem', marginTop: '2rem', height: '80vh', display: 'flex', flexDirection: 'column' }}>
+        <Typography variant="h4" gutterBottom>
+          Terms and Conditions
+        </Typography>
+        <Box
+          style={{
+            overflowY: 'auto',
+            flexGrow: 1,
+            paddingRight: '1rem',
+            marginBottom: '1rem',
+          }}
+        >
+          <Typography variant="body1" gutterBottom>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+          </Typography>
+          <Typography variant="body1" gutterBottom>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+          </Typography>
+          <Typography variant="body1" gutterBottom>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+          </Typography>
+          <Typography variant="body1" gutterBottom>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+          </Typography>
+          <Typography variant="body1" gutterBottom>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+          </Typography>
+          <Typography variant="body1" gutterBottom>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+          </Typography>
+          <Typography variant="body1" gutterBottom>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+          </Typography>
+          <Typography variant="body1" gutterBottom>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+          </Typography>
+        </Box>
+        <Box mt={2} display="flex" justifyContent="center">
+          <Button variant="contained" color="primary" onClick={handleAccept}>
+            Accept
+          </Button>
+        </Box>
+      </Paper>
+    </Container>
+  );
+};
+
+export default TermsAndConditions;