Skip to content
This repository was archived by the owner on Mar 27, 2025. It is now read-only.

Commit 62940bc

Browse files
av1choudharyyav1choudharyy
authored
About section (#5)
* Add conditional execution for CloudFront invalidation based on branch * Add About and Privacy Policy pages with navigation links
1 parent ac6e875 commit 62940bc

File tree

4 files changed

+183
-12
lines changed

4 files changed

+183
-12
lines changed

‎src/main.tsx‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,8 @@ import { MenuProvider } from './contexts/CartContext';
1313
import UserOrders from './routes/UserOrders';
1414
// import Dashboard from './routes/Dashboard';
1515
import RestaurantOrders from './routes/RestaurantOrders';
16+
import About from './routes/About';
17+
import PrivacyPolicy from './routes/PrivacyPolicy';
1618

1719
const router = createBrowserRouter([
1820
{
@@ -43,6 +45,14 @@ const router = createBrowserRouter([
4345
path: '/:restaurantId/admin/orders',
4446
element: <RestaurantOrders />,
4547
},
48+
{
49+
path: '/about',
50+
element: <About />,
51+
},
52+
{
53+
path: '/privacy-policy',
54+
element: <PrivacyPolicy />,
55+
},
4656
{
4757
path: '*',
4858
element: <Home />,

‎src/routes/About.tsx‎

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
import { Typography, Container, Box } from '@mui/material';
2+
3+
export default function About() {
4+
return (
5+
<Container
6+
maxWidth='md'
7+
style={{
8+
padding: '40px',
9+
textAlign: 'center',
10+
backgroundColor: '#f4f4f9',
11+
borderRadius: '8px',
12+
minHeight: '100vh',
13+
}}
14+
>
15+
<Typography variant='h3' color='primary' gutterBottom style={{ fontWeight: 600, letterSpacing: '1px' }}>
16+
About Us
17+
</Typography>
18+
19+
<Box marginBottom={4}>
20+
<Typography variant='body1' style={{ fontSize: '1.2rem', lineHeight: '1.8', color: '#555' }}>
21+
Welcome to Beejho! We are committed to providing high-quality services and the best customer experience. Our
22+
platform allows you to quickly access digital menus via QR code scanning.
23+
</Typography>
24+
</Box>
25+
26+
<Box marginBottom={2}>
27+
<Typography variant='h6' style={{ fontWeight: 500, color: '#333' }}>
28+
📍 Location: <span style={{ fontWeight: 400 }}>205, Ramashish Kunj, Road No 06A, Vijay Nagar, Patna</span>
29+
</Typography>
30+
</Box>
31+
32+
<Box marginBottom={2}>
33+
<Typography variant='h6' style={{ fontWeight: 500, color: '#333' }}>
34+
📞 Contact: <span style={{ fontWeight: 400 }}>+91 9482697010</span>
35+
</Typography>
36+
</Box>
37+
38+
<Box marginBottom={2}>
39+
<Typography variant='h6' style={{ fontWeight: 500, color: '#333' }}>
40+
📧 Email: <span style={{ fontWeight: 400 }}>abhishek@beejho.in</span>
41+
</Typography>
42+
</Box>
43+
44+
<Box marginTop={4}>
45+
<Typography variant='body2' style={{ color: '#777', fontSize: '0.9rem' }}>
46+
Your trusted partner in digital innovation. We are here to simplify your experience.
47+
</Typography>
48+
</Box>
49+
</Container>
50+
);
51+
}

‎src/routes/Home.tsx‎

Lines changed: 24 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,31 @@
11
import { Box, Stack, Typography } from '@mui/material';
22
import { Scanner } from '@yudiel/react-qr-scanner';
3+
import { useNavigate } from 'react-router-dom';
34

45
export default function Home() {
6+
const navigate = useNavigate();
57
return (
6-
<Stack height='100%' justifyContent='center' alignItems='center' gap={4}>
7-
<Box height='250px' width='250px'>
8-
<Scanner
9-
onScan={(result) => {
10-
window.location.href = result[0].rawValue;
11-
}}
12-
/>
13-
</Box>
14-
<Typography variant='subtitle2' color='primary'>
15-
Hi, Please scan the QR code to access the menu
16-
</Typography>
17-
</Stack>
8+
<Box height='100vh' justifyContent='center' display='flex' alignItems='center'>
9+
<Stack gap={4} alignItems='center'>
10+
<Box height='250px' width='250px'>
11+
<Scanner
12+
onScan={(result) => {
13+
window.location.href = result[0].rawValue;
14+
}}
15+
/>
16+
</Box>
17+
<Typography variant='subtitle2' color='primary'>
18+
Hi, Please scan the QR code to access the menu
19+
</Typography>
20+
</Stack>
21+
<Stack direction='row' justifyContent='space-around' position='fixed' bottom='48px' width='100vw'>
22+
<Typography variant='subtitle2' color='primary' onClick={() => navigate('/about')}>
23+
About Us
24+
</Typography>
25+
<Typography variant='subtitle2' color='primary' onClick={() => navigate('/privacy-policy')}>
26+
Privacy Policy
27+
</Typography>
28+
</Stack>
29+
</Box>
1830
);
1931
}

‎src/routes/PrivacyPolicy.tsx‎

Lines changed: 98 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
import { Container, Typography, Box } from '@mui/material';
2+
3+
export default function PrivacyPolicy() {
4+
return (
5+
<Container
6+
maxWidth='md'
7+
style={{
8+
padding: '40px',
9+
textAlign: 'left',
10+
backgroundColor: '#f9f9fb',
11+
borderRadius: '8px',
12+
boxShadow: '0 4px 12px rgba(0, 0, 0, 0.1)',
13+
minHeight: '100vh',
14+
}}
15+
>
16+
<Typography
17+
variant='h3'
18+
color='primary'
19+
gutterBottom
20+
style={{
21+
fontWeight: 600,
22+
letterSpacing: '1px',
23+
marginBottom: '20px',
24+
}}
25+
>
26+
Privacy Policy
27+
</Typography>
28+
29+
<Typography
30+
variant='body1'
31+
style={{
32+
fontSize: '1.1rem',
33+
lineHeight: '1.8',
34+
color: '#555',
35+
marginBottom: '30px',
36+
}}
37+
>
38+
Beejho is committed to protecting your privacy. This Privacy Policy explains how we collect, use, and protect
39+
your personal data when you use our services.
40+
</Typography>
41+
42+
<Box marginBottom={3}>
43+
<Typography variant='h6' style={{ fontWeight: 500, color: '#333', marginBottom: '10px' }}>
44+
1. Information We Collect
45+
</Typography>
46+
<Typography variant='body2' style={{ color: '#555', lineHeight: '1.6' }}>
47+
We collect information such as your name, email, and usage data to improve our services.
48+
</Typography>
49+
</Box>
50+
51+
<Box marginBottom={3}>
52+
<Typography variant='h6' style={{ fontWeight: 500, color: '#333', marginBottom: '10px' }}>
53+
2. How We Use Your Information
54+
</Typography>
55+
<Typography variant='body2' style={{ color: '#555', lineHeight: '1.6' }}>
56+
Your data is used to provide a seamless experience, support, and security.
57+
</Typography>
58+
</Box>
59+
60+
<Box marginBottom={3}>
61+
<Typography variant='h6' style={{ fontWeight: 500, color: '#333', marginBottom: '10px' }}>
62+
3. Data Protection
63+
</Typography>
64+
<Typography variant='body2' style={{ color: '#555', lineHeight: '1.6' }}>
65+
We implement strong security measures to keep your information safe.
66+
</Typography>
67+
</Box>
68+
69+
<Box marginBottom={3}>
70+
<Typography variant='h6' style={{ fontWeight: 500, color: '#333', marginBottom: '10px' }}>
71+
4. Contact Us
72+
</Typography>
73+
<Typography variant='body2' style={{ color: '#555', lineHeight: '1.6' }}>
74+
If you have any questions about our Privacy Policy, contact us at{' '}
75+
<a href='mailto:abhishek@beejho.in' style={{ color: '#1e88e5' }}>
76+
abhishek@beejho.in
77+
</a>
78+
.
79+
</Typography>
80+
</Box>
81+
82+
<Box marginTop={4} style={{ textAlign: 'center' }}>
83+
<Typography
84+
variant='body2'
85+
style={{
86+
color: '#777',
87+
fontSize: '0.9rem',
88+
marginTop: '40px',
89+
lineHeight: '1.6',
90+
}}
91+
>
92+
Thank you for trusting Beejho. We value your privacy and are committed to ensuring your information is handled
93+
securely.
94+
</Typography>
95+
</Box>
96+
</Container>
97+
);
98+
}

0 commit comments

Comments
 (0)