resources/js/components/pages/AosFront.js

   1 import React from 'react';
   2 import { Button, Col, Container, Row } from 'react-bootstrap';
   3 import { withTranslation } from 'react-i18next';
   4
   5 import Icon from '../common/Icon';
   6 import i18n from '../../i18n';
   7
   8 const AosFront = () => <Container>
   9         <div className="my-5 text-center">
  10                 <h1>Castlevania: Aria of Sorrow</h1>
  11         </div>
  12         <Row>
  13                 <Col className="text-center mb-3" sm={6} md={4}>
  14                         <Button
  15                                 href="https://discord.gg/VEtVYNr"
  16                                 size="lg"
  17                                 target="_blank"
  18                                 variant="discord"
  19                         >
  20                                 <Icon.DISCORD />
  21                                 {' '}
  22                                 {i18n.t('aos.randoDiscord')}
  23                         </Button>
  24                 </Col>
  25                 <Col className="text-center mb-3" sm={6} md={4}>
  26                         <Button
  27                                 href="https://aosrando.surge.sh/"
  28                                 size="lg"
  29                                 target="_blank"
  30                                 variant="primary"
  31                         >
  32                                 {i18n.t('aos.randoWeb')}
  33                         </Button>
  34                 </Col>
  35                 <Col className="text-center mb-3" sm={6} md={4}>
  36                         <Button
  37                                 href="https://discord.gg/ApVyJnd"
  38                                 size="lg"
  39                                 target="_blank"
  40                                 variant="discord"
  41                         >
  42                                 <Icon.DISCORD />
  43                                 {' '}
  44                                 {i18n.t('aos.tourneyDiscord')}
  45                         </Button>
  46                 </Col>
  47                 <Col className="text-center mb-3" sm={6} md={4}>
  48                         <Button
  49                                 href="https://discord.com/oauth2/authorize?client_id=951113702839549982&scope=bot%20applications.commands"
  50                                 size="lg"
  51                                 target="_blank"
  52                                 variant="discord"
  53                         >
  54                                 <Icon.DISCORD />
  55                                 {' '}
  56                                 {i18n.t('aos.inviteBot')}
  57                         </Button>
  58                 </Col>
  59                 <Col className="text-center mb-3" sm={6} md={4}>
  60                         <Button
  61                                 href="https://discord.com/oauth2/authorize?client_id=951113702839549982&scope=applications.commands"
  62                                 size="lg"
  63                                 target="_blank"
  64                                 variant="discord"
  65                         >
  66                                 <Icon.DISCORD />
  67                                 {' '}
  68                                 {i18n.t('aos.inviteCommand')}
  69                         </Button>
  70                 </Col>
  71         </Row>
  72 </Container>;
  73
  74 export default withTranslation()(AosFront);