Files
app
routes
_index.tsx
about.tsx
admin-application.tsx
appeals.tsx
book-event.tsx
data-transfer.tsx
data-transfer_.complete.tsx
data-transfer_.destination-account.tsx
data-transfer_.start.tsx
delete-account.tsx
et-members.tsx
et-members_.strikes_.$uid.tsx
events-calendar.tsx
events-team.tsx
events-team_.events-breakdown.tsx
events-team_.historical.tsx
events-team_.report.tsx
hammer.tsx
me.tsx
mod-queue.tsx
privacy.tsx
report.tsx
rpserver.tsx
short-links.tsx
short-links_.create.tsx
support.tsx
team.tsx
terms.tsx
styles
context.tsx
createEmotionCache.ts
entry.client.tsx
entry.server.tsx
root.tsx
components
data
functions
public
.gitignore
.node-version
.prettierignore
OFL.txt
README.md
emotion-server.js
index.css
index.d.ts
package-lock.json
package.json
remix.config.js
server.ts
theme.ts
tsconfig.json
car-crushers-portal/app/routes/support.tsx
2023-10-19 16:49:36 -04:00

145 lines
4.0 KiB
TypeScript

import {
Accordion,
AccordionButton,
AccordionIcon,
AccordionItem,
AccordionPanel,
Box,
Container,
Heading,
Link,
Spacer,
VStack,
} from "@chakra-ui/react";
export function meta() {
return [
{
title: "Support - Car Crushers",
},
];
}
export default function () {
return (
<Container
borderRadius="12px"
borderWidth="1px"
maxW="container.md"
mt="8vh"
>
<VStack w="100%" spacing={3}>
<Spacer />
<Heading alignSelf="start" pl="2.5%" size="md">
What do you need help with?
</Heading>
<Spacer />
<Accordion textAlign="left" w="100%">
<AccordionItem>
<h2>
<AccordionButton>
<Box as="span" flex="1" textAlign="left">
I want to report someone exploiting
</Box>
<AccordionIcon />
</AccordionButton>
</h2>
<AccordionPanel>
To report a player,{" "}
<Link color="#646cff" href="/report">
head to our report page.
</Link>
</AccordionPanel>
</AccordionItem>
<AccordionItem>
<h2>
<AccordionButton>
<Box as="span" flex="1" textAlign="left">
I want a data rollback or transfer
</Box>
<AccordionIcon />
</AccordionButton>
</h2>
<AccordionPanel>
Please join our{" "}
<Link
color="#646cff"
href="https://discord.com/invite/carcrushers"
>
Discord server
</Link>{" "}
and contact ModMail.
</AccordionPanel>
</AccordionItem>
<AccordionItem>
<h2>
<AccordionButton>
<Box as="span" flex="1" textAlign="left">
I want to appeal my ban
</Box>
<AccordionIcon />
</AccordionButton>
</h2>
<AccordionPanel>
If you were banned from our Discord server,{" "}
<Link color="#646cff" href="/appeals">
use this form
</Link>
. If you were banned from the game,{" "}
<Link
color="#646cff"
href="https://www.roblox.com/games/527921900/Car-Crushers-2-Appeals"
>
fill out the form here
</Link>
.
</AccordionPanel>
</AccordionItem>
<AccordionItem>
<h2>
<AccordionButton>
<Box as="span" flex="1" textAlign="left">
I want to apply for a staff position
</Box>
<AccordionIcon />
</AccordionButton>
</h2>
<AccordionPanel>
Most staff position openings will be announced in our{" "}
<Link
color="#646cff"
href="https://discord.com/invite/carcrushers"
>
Discord server
</Link>
. Forum mod openings are generally announced on the forum.
</AccordionPanel>
</AccordionItem>
<AccordionItem>
<h2>
<AccordionButton>
<Box as="span" flex="1" textAlign="left">
My problem is not listed
</Box>
<AccordionIcon />
</AccordionButton>
</h2>
<AccordionPanel>
Join our{" "}
<Link
color="#646cff"
href="https://discord.com/invite/carcrushers"
>
Discord server
</Link>{" "}
and open a ticket with ModMail.
</AccordionPanel>
</AccordionItem>
</Accordion>
<Spacer />
<Spacer />
</VStack>
</Container>
);
}