+++ /dev/null
-import React from 'react';
-import { Button, Col, Container, Row } from 'react-bootstrap';
-import { Helmet } from 'react-helmet';
-import { useTranslation } from 'react-i18next';
-
-import Icon from '../common/Icon';
-
-const authEndpoint = 'https://discord.com/oauth2/authorize';
-const clientId = '951113702839549982';
-const botUrl = `${authEndpoint}?client_id=${clientId}&scope=bot%20applications.commands`;
-const commandUrl = `${authEndpoint}?client_id=${clientId}&scope=applications.commands`;
-
-const AosFront = () => {
- const { t } = useTranslation();
-
- return <Container>
- <Helmet>
- <title>AoS</title>
- <meta name="description" content="Castlevania: Aria of Sorrow" />
- </Helmet>
- <div className="my-5 text-center">
- <h1>Castlevania: Aria of Sorrow</h1>
- </div>
- <Row>
- <Col className="text-center mb-3" sm={6} md={4}>
- <Button
- href="https://discord.gg/VEtVYNr"
- size="lg"
- target="_blank"
- variant="discord"
- >
- <Icon.DISCORD />
- {' '}
- {t('aos.randoDiscord')}
- </Button>
- </Col>
- <Col className="text-center mb-3" sm={6} md={4}>
- <Button
- href="https://aosrando.surge.sh/"
- size="lg"
- target="_blank"
- variant="primary"
- >
- {t('aos.randoWeb')}
- </Button>
- </Col>
- <Col className="text-center mb-3" sm={6} md={4}>
- <Button
- href="https://discord.gg/ApVyJnd"
- size="lg"
- target="_blank"
- variant="discord"
- >
- <Icon.DISCORD />
- {' '}
- {t('aos.tourneyDiscord')}
- </Button>
- </Col>
- <Col className="text-center mb-3" sm={6} md={4}>
- <Button
- href={botUrl}
- size="lg"
- target="_blank"
- variant="discord"
- >
- <Icon.DISCORD />
- {' '}
- {t('aos.inviteBot')}
- </Button>
- </Col>
- <Col className="text-center mb-3" sm={6} md={4}>
- <Button
- href={commandUrl}
- size="lg"
- target="_blank"
- variant="discord"
- >
- <Icon.DISCORD />
- {' '}
- {t('aos.inviteCommand')}
- </Button>
- </Col>
- </Row>
- </Container>;
-};
-
-export default AosFront;