Skip to content

Commit e1f9f9e

Browse files
felipebrskfelipebrsk
committed
feat: adding legal screens - policies, privacy, about and cookies
1 parent cf485b6 commit e1f9f9e

File tree

10 files changed

+457
-0
lines changed

10 files changed

+457
-0
lines changed

‎TODO.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -78,3 +78,13 @@
7878
- [ ] Make a system to check user transactions with coins
7979
- [ ] Orders
8080
- [ ] Make an order system to purchase coins
81+
- [ ] Create another user profiles page
82+
- [ ] Create a page with another user details
83+
- [ ] Create a sysmtem to follow another user
84+
- [ ] Create a system of notifications to follow user posts
85+
- [ ] Think about some leaderboard
86+
- [ ] Mark a game as played, make some integration to get hours played (if exists)
87+
- [ ] Leaderboard for GCStatus missions, titles, coins and level
88+
- [ ] Create a ticket for support
89+
- [ ] The ticket can be used to get support
90+
- [ ] The ticket can be used to report some suspicious activity

‎src/Routes.tsx

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,9 +9,13 @@ export const Routes = () => {
99
const Home = L(lazy(() => import('./pages/Home')))
1010
const Team = L(lazy(() => import('./pages/Team')))
1111
const Login = L(lazy(() => import('./pages/Login')))
12+
const About = L(lazy(() => import('./pages/About')))
13+
const Terms = L(lazy(() => import('./pages/Terms')))
1214
const Search = L(lazy(() => import('./pages/Search')))
1315
const Blog = L(lazy(() => import('./pages/Blog/List')))
1416
const News = L(lazy(() => import('./pages/News/List')))
17+
const Privacy = L(lazy(() => import('./pages/Privacy')))
18+
const Cookies = L(lazy(() => import('./pages/Cookies')))
1519
const Profile = L(lazy(() => import('./pages/Profile')))
1620
const Register = L(lazy(() => import('./pages/Register')))
1721
const Calendar = L(lazy(() => import('./pages/Calendar')))
@@ -80,6 +84,22 @@ export const Routes = () => {
8084
path: '/team',
8185
element: <Team />,
8286
},
87+
{
88+
path: '/about',
89+
element: <About />,
90+
},
91+
{
92+
path: '/terms-of-use',
93+
element: <Terms />,
94+
},
95+
{
96+
path: '/privacy',
97+
element: <Privacy />,
98+
},
99+
{
100+
path: '/cookies',
101+
element: <Cookies />,
102+
},
83103
],
84104
},
85105
{

‎src/pages/About/About.tsx

Lines changed: 124 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,124 @@
1+
import { Box, Button, Container, Stack, Typography } from '@mui/material'
2+
3+
function About() {
4+
return (
5+
<Stack className="py-8 bg-white dark:bg-theme-dark-900 relative break-words w-full">
6+
<Container maxWidth="md" className="flex flex-col gap-8">
7+
<Box
8+
className="flex flex-col items-center gap-4 text-center"
9+
component="section">
10+
<Typography
11+
variant="h1"
12+
className="sm:text-4xl text-xl font-extrabold text-gray-800 dark:text-white mb-4 tracking-wide">
13+
About Us
14+
</Typography>
15+
<Typography
16+
variant="body1"
17+
className="text-lg text-gray-600 dark:text-gray-300">
18+
We are a group of independent developers passionate about
19+
gaming and building a community for game enthusiasts. Our
20+
mission is to create a platform where gamers can come together
21+
to access game information, reviews, and news. This project is
22+
built with love and is entirely open-source, designed for
23+
gamers, by gamers.
24+
</Typography>
25+
<Typography
26+
variant="body1"
27+
className="text-lg text-gray-600 dark:text-gray-300">
28+
Through this project, we aim to foster an engaging, inclusive
29+
community that brings the gaming world closer to everyone,
30+
whether you’re a developer, a player, or simply a fan.
31+
</Typography>
32+
</Box>
33+
34+
<Box
35+
className="flex flex-col items-center gap-4 text-center"
36+
component="section">
37+
<Typography
38+
variant="h2"
39+
className="sm:text-3xl text-xl font-bold text-gray-800 dark:text-white">
40+
Our Mission
41+
</Typography>
42+
<Typography className="text-lg text-gray-600 dark:text-gray-300">
43+
Our mission is simple: to build a unique platform where gamers
44+
can access the latest game information, connect with other
45+
players, and explore the gaming world. We believe in creating a
46+
community where all gamers can share experiences, news, and
47+
reviews, and help shape the future of gaming.
48+
</Typography>
49+
</Box>
50+
51+
<Box
52+
className="flex flex-col items-center gap-4 text-center"
53+
component="section">
54+
<Typography
55+
variant="h2"
56+
className="sm:text-3xl text-xl font-bold text-gray-800 dark:text-white">
57+
Our Vision
58+
</Typography>
59+
<Typography className="text-lg text-gray-600 dark:text-gray-300">
60+
We envision a world where the gaming community thrives as a
61+
supportive, collaborative, and inclusive space. Our platform is
62+
open-source because we believe in transparency and the power of
63+
collaboration. By empowering developers and players alike, we
64+
hope to contribute to the gaming world in a meaningful way.
65+
</Typography>
66+
</Box>
67+
68+
<Box
69+
className="flex flex-col items-center gap-4 text-center"
70+
component="section">
71+
<Typography
72+
variant="h2"
73+
className="sm:text-3xl text-xl font-bold text-gray-800 dark:text-white">
74+
Open Source Project
75+
</Typography>
76+
<Typography className="text-lg text-gray-600 dark:text-gray-300 mb-8">
77+
As a completely open-source initiative, we encourage developers
78+
from around the world to contribute to our project. Together,
79+
we can build something great. Whether it’s adding new features,
80+
fixing bugs, or enhancing performance, the contributions of the
81+
community make this project stronger and more dynamic.
82+
</Typography>
83+
<Button
84+
href="https://github.com/felipebrsk/gcstatus"
85+
target="_blank"
86+
rel="noopener noreferrer"
87+
variant="contained"
88+
color="primary"
89+
className="bg-theme-red-900 text-white px-6 py-3 rounded-lg sm:w-auto w-full">
90+
Contribute to Our Project
91+
</Button>
92+
</Box>
93+
94+
<Box
95+
className="flex flex-col items-center gap-4 text-center mb-8"
96+
component="section">
97+
<Typography
98+
variant="h2"
99+
className="sm:text-3xl text-xl font-bold text-gray-800 dark:text-white">
100+
Join the Community
101+
</Typography>
102+
<Typography className="text-lg text-gray-600 dark:text-gray-300 mb-8">
103+
Our community is at the heart of everything we do. We’re not
104+
just developers—we’re gamers who are passionate about creating
105+
a space where others can connect, share, and grow. Whether
106+
you’re here for the latest game updates or want to contribute
107+
to the project, we welcome you with open arms.
108+
</Typography>
109+
<Button
110+
href="https://discord.gg/FX6Ser7q"
111+
target="_blank"
112+
rel="noopener noreferrer"
113+
variant="contained"
114+
color="primary"
115+
className="bg-theme-red-900 text-white px-6 py-3 rounded-lg sm:w-auto w-full">
116+
Join Our Discord Community
117+
</Button>
118+
</Box>
119+
</Container>
120+
</Stack>
121+
)
122+
}
123+
124+
export default About

‎src/pages/About/index.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export { default } from './About'

‎src/pages/Cookies/Cookies.tsx

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
import {
2+
Box,
3+
Container,
4+
List,
5+
ListItem,
6+
Stack,
7+
Typography,
8+
} from '@mui/material'
9+
10+
function Cookies() {
11+
return (
12+
<Stack className="py-8 bg-white dark:bg-theme-dark-900 relative break-words w-full">
13+
<Container maxWidth="md" className="flex flex-col gap-8">
14+
<Typography
15+
variant="h1"
16+
className="text-4xl font-extrabold text-gray-800 dark:text-white mb-8 tracking-wide text-center">
17+
Cookies Policy 🍪
18+
</Typography>
19+
20+
<Box
21+
className="flex flex-col items-center gap-4 text-left"
22+
component="section">
23+
<Typography
24+
variant="body1"
25+
className="text-lg text-gray-600 dark:text-gray-300 mb-4">
26+
Hey there! We use cookies to make your experience on our site
27+
even more awesome. Don’t worry, these cookies won’t crumble in
28+
your hands—they’re digital, and they help us improve how our
29+
gaming community works.
30+
</Typography>
31+
32+
<Typography
33+
variant="body1"
34+
className="text-lg text-gray-600 dark:text-gray-300 mb-4">
35+
Cookies are tiny text files that get stored on your device when
36+
you visit our site. Here’s why we use them:
37+
</Typography>
38+
39+
<List>
40+
<ListItem>
41+
<Typography className="text-gray-700 dark:text-gray-300">
42+
1. <strong>Making Your Experience Smoother:</strong>{' '}
43+
Cookies help us remember who you are, so you don’t have to
44+
log in every time or reset your preferences. It’s like
45+
having a personal butler for your settings!
46+
</Typography>
47+
</ListItem>
48+
49+
<ListItem>
50+
<Typography className="text-gray-700 dark:text-gray-300">
51+
2. <strong>Understanding What You Like:</strong> We use
52+
cookies to see how you interact with our website. This
53+
helps us improve things and make sure we’re delivering the
54+
best possible content for gamers like you.
55+
</Typography>
56+
</ListItem>
57+
58+
<ListItem>
59+
<Typography className="text-gray-700 dark:text-gray-300">
60+
3. <strong>Keeping Things Secure:</strong> Cookies help us
61+
detect suspicious activity and keep your account safe. So
62+
yeah, cookies can be the hero too.
63+
</Typography>
64+
</ListItem>
65+
66+
<ListItem>
67+
<Typography className="text-gray-700 dark:text-gray-300">
68+
4. <strong>Optional, Always:</strong> If cookies aren’t
69+
your thing, no worries! You can disable them in your
70+
browser settings, but some parts of our site might not work
71+
as smoothly without them.
72+
</Typography>
73+
</ListItem>
74+
</List>
75+
76+
<Typography
77+
variant="body1"
78+
className="text-lg text-gray-600 dark:text-gray-300">
79+
In short, cookies help us level up your experience. They’re
80+
here to make sure everything runs smoothly, and nothing gets in
81+
the way of you enjoying the best gaming community we can offer.
82+
</Typography>
83+
84+
<Typography
85+
variant="body1"
86+
className="text-lg text-gray-600 dark:text-gray-300 mb-4">
87+
If you want more info or need help with disabling cookies, feel
88+
free to reach out to us. We’re here to help (and maybe share a
89+
few real cookies too!).
90+
</Typography>
91+
</Box>
92+
</Container>
93+
</Stack>
94+
)
95+
}
96+
97+
export default Cookies

‎src/pages/Cookies/index.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export { default } from './Cookies'

‎src/pages/Privacy/Privacy.tsx

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
import {
2+
Box,
3+
Container,
4+
List,
5+
ListItem,
6+
Stack,
7+
Typography,
8+
} from '@mui/material'
9+
10+
function Privacy() {
11+
return (
12+
<Stack className="py-8 bg-white dark:bg-theme-dark-900 relative break-words w-full">
13+
<Container maxWidth="md" className="flex flex-col gap-8">
14+
<Typography
15+
variant="h1"
16+
className="text-4xl font-extrabold text-gray-800 dark:text-white mb-8 tracking-wide text-center">
17+
Privacy Policy
18+
</Typography>
19+
20+
<Box
21+
className="flex flex-col items-center gap-2 text-left"
22+
component="section">
23+
<Typography
24+
variant="body1"
25+
className="text-lg text-gray-600 dark:text-gray-300 mb-4">
26+
Welcome, gamer! We know privacy is important to you (and it’s
27+
important to us too!). So here’s the deal: we’re not here to
28+
sell your data or be creepy. We’re just a gaming community, and
29+
your privacy is safe with us.
30+
</Typography>
31+
32+
<Typography
33+
variant="body1"
34+
className="text-lg text-gray-600 dark:text-gray-300 mb-4">
35+
Here's the simple breakdown of how we handle your data:
36+
</Typography>
37+
38+
<List className="flex flex-col items-start text-left space-y-4 mb-8">
39+
<ListItem>
40+
<Typography className="text-gray-700 dark:text-gray-300">
41+
1. <strong>We Don’t Sell Your Data:</strong> We’re not
42+
about that life. We don’t sell your personal information to
43+
anyone, ever. Period.
44+
</Typography>
45+
</ListItem>
46+
47+
<ListItem>
48+
<Typography className="text-gray-700 dark:text-gray-300">
49+
2. <strong>What We Collect:</strong> Just the basics! We
50+
collect your email, username, and any other info you share
51+
with us when you join our community. Nothing too personal.
52+
</Typography>
53+
</ListItem>
54+
55+
<ListItem>
56+
<Typography className="text-gray-700 dark:text-gray-300">
57+
3. <strong>Why We Collect It:</strong> We use this info to
58+
keep the community running smoothly. Things like keeping
59+
your account safe, sending you updates, and improving our
60+
platform. Nothing shady.
61+
</Typography>
62+
</ListItem>
63+
64+
<ListItem>
65+
<Typography className="text-gray-700 dark:text-gray-300">
66+
4. <strong>We Keep It Safe:</strong> We take steps to
67+
protect your data, using encryption and security tools.
68+
Only the people who need to access it (like our admins) can
69+
see it, and we make sure they handle it responsibly.
70+
</Typography>
71+
</ListItem>
72+
73+
<ListItem>
74+
<Typography className="text-gray-700 dark:text-gray-300">
75+
5. <strong>You’re In Control:</strong> You can ask us to
76+
delete your account anytime. Just hit us up, and we’ll
77+
remove all your info from our system.
78+
</Typography>
79+
</ListItem>
80+
</List>
81+
82+
<Typography
83+
variant="body1"
84+
className="text-lg text-gray-600 dark:text-gray-300 mb-8">
85+
That's it! No confusing legal jargon or sneaky fine print.
86+
We’re just here to create a fun gaming community and respect
87+
your privacy while we’re at it. If you have any questions, feel
88+
free to reach out to us.
89+
</Typography>
90+
</Box>
91+
</Container>
92+
</Stack>
93+
)
94+
}
95+
96+
export default Privacy

‎src/pages/Privacy/index.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
export { default } from './Privacy'

0 commit comments

Comments
 (0)