1 import React from 'react';
2 import { Button, Col, Container, Row } from 'react-bootstrap';
3 import { Helmet } from 'react-helmet';
4 import { useTranslation } from 'react-i18next';
6 import Icon from '../common/Icon';
8 const authEndpoint = 'https://discord.com/oauth2/authorize';
9 const clientId = '951113702839549982';
10 const botUrl = `${authEndpoint}?client_id=${clientId}&scope=bot%20applications.commands`;
11 const commandUrl = `${authEndpoint}?client_id=${clientId}&scope=applications.commands`;
13 const AosFront = () => {
14 const { t } = useTranslation();
19 <meta name="description" content="Castlevania: Aria of Sorrow" />
21 <div className="my-5 text-center">
22 <h1>Castlevania: Aria of Sorrow</h1>
25 <Col className="text-center mb-3" sm={6} md={4}>
27 href="https://discord.gg/VEtVYNr"
34 {t('aos.randoDiscord')}
37 <Col className="text-center mb-3" sm={6} md={4}>
39 href="https://aosrando.surge.sh/"
47 <Col className="text-center mb-3" sm={6} md={4}>
49 href="https://discord.gg/ApVyJnd"
56 {t('aos.tourneyDiscord')}
59 <Col className="text-center mb-3" sm={6} md={4}>
71 <Col className="text-center mb-3" sm={6} md={4}>
80 {t('aos.inviteCommand')}
87 export default AosFront;