redesign
diff --git a/pages/support.js b/pages/support.js
index 9cf5814..b89df34 100644
--- a/pages/support.js
+++ b/pages/support.js
@@ -1,9 +1,6 @@
-import Card from '../Components/Card'
-import TileRow from '../Components/TileRow'
import Header from '../Components/Header'
-import AutoSpacing from '../Components/AutoSpacing'
-import Paragraph from '../Components/Paragraph'
-import SectionHeading from '../Components/SectionHeading'
+import { AutoLayout, Panel, Title, Subtitle, Text, Divider } from '../Components/Panels';
+import { List, ListItem, Code } from '../Components/Texttools';
export default function Home() {
return (
@@ -15,13 +12,19 @@
wave="web/waves/header/clicksforms"
buttons={[]}
/>
- <AutoSpacing>
- <SectionHeading id="start">Email</SectionHeading>
- <Paragraph>Send us an email at <a href="mailto:support@clicksminuteper.net">support@clicksminuteper.net</a> and we will get back to you as quick as possible.</Paragraph>
- <SectionHeading id="start">Discord</SectionHeading>
- <Paragraph>For a faster response, you can join our <a href="https://discord.gg/bPaNnxe">Discord server</a> where our staff members can help you with any questions.</Paragraph>
- <Paragraph>Type <code>m!mail</code> in <code>#ticketmaster</code> to create a support ticket.</Paragraph>
- </AutoSpacing>
+ <AutoLayout>
+ <Panel halfSize={true}>
+ <Title>Email</Title>
+ <Divider />
+ <Text>Send us an email at <a href="mailto:support@clicksminuteper.net">support@clicksminuteper.net</a> and we will get back to you as quick as possible.</Text>
+ </Panel>
+ <Panel halfSize={true}>
+ <Title>Discord</Title>
+ <Divider />
+ <Text>For a faster response, you can join our <a href="https://discord.gg/bPaNnxe">Discord server</a> where our staff members can help you with any questions.</Text>
+ <Text>Type <Code colour="71AFE5">m!mail</Code> in <Code colour="71AFE5">#ticketmaster</Code> to create a support ticket.</Text>
+ </Panel>
+ </AutoLayout>
</>
)
}