1 import React from 'react';
2 import { Button, Col, Container, Row } from 'react-bootstrap';
3 import { withTranslation } from 'react-i18next';
5 import Icon from '../common/Icon';
6 import i18n from '../../i18n';
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 React.useEffect(() => {
15 window.document.title = 'Aos';
18 <div className="my-5 text-center">
19 <h1>Castlevania: Aria of Sorrow</h1>
22 <Col className="text-center mb-3" sm={6} md={4}>
24 href="https://discord.gg/VEtVYNr"
31 {i18n.t('aos.randoDiscord')}
34 <Col className="text-center mb-3" sm={6} md={4}>
36 href="https://aosrando.surge.sh/"
41 {i18n.t('aos.randoWeb')}
44 <Col className="text-center mb-3" sm={6} md={4}>
46 href="https://discord.gg/ApVyJnd"
53 {i18n.t('aos.tourneyDiscord')}
56 <Col className="text-center mb-3" sm={6} md={4}>
65 {i18n.t('aos.inviteBot')}
68 <Col className="text-center mb-3" sm={6} md={4}>
77 {i18n.t('aos.inviteCommand')}
84 export default withTranslation()(AosFront);