import React, { Component, } from 'react';
import {
  Col,
  Image,
  Media,
  Panel,
  Row,
} from 'react-bootstrap';

import { imagePath, } from '../util/imagePath';

export default class Home extends Component {
  render = () => {
    return (
      <Row>
        <Col 
          style={{alignItems: 'center', display: 'flex', justifyContent: 'center',}}
          lg={12} md={12} sm={12} xs={12}
        >
          <Image alt='' responsive src={imagePath('src/assets/banner', 'cqdb')} />
        </Col>
        <Col lg={12} md={12} sm={12} xs={12}>
          <Panel>
            <Media.Heading>Hello!</Media.Heading>
            Welcome to the Crusaders Quest Database. Here you will find all kinds of useful and up-to-date information regarding your favorite game. Enjoy your stay!
          </Panel>
        </Col>
        <Col lg={6} md={6} sm={12} xs={12}>
          <Panel>
            <Media.Heading>Join the Discussion!</Media.Heading>
            <Row>
              <Col
                style={{display: 'flex', justifyContent: 'center',}}
                lg={12} md={12} sm={12} xs={12}
              >
                <a href='https://discord.gg/WjEFnzC'>
                  <Image alt='cqdb Discord Server' responsive src='https://discordapp.com/api/guilds/258167954913361930/embed.png?style=banner2' />
                </a>
              </Col>
              <Col lg={12} md={12} sm={12} xs={12}><p /></Col>
              <Col
                style={{display: 'flex', justifyContent: 'center',}}
                lg={12} md={12} sm={12} xs={12}
              >
                <a href='https://discord.gg/6TRnyhj'>
                  <Image alt='Crusaders Quest Discord Server' responsive src='https://discordapp.com/api/guilds/206599473282023424/embed.png?style=banner2' />
                </a>
              </Col>
            </Row>
          </Panel>
        </Col>
        <Col lg={6} md={6} sm={12} xs={12}>
          <Panel>
            <Media.Heading>Fergus</Media.Heading>
            <a href='https://github.com/Johj/fergus'>Fergus</a> is a Discord bot for Crusaders Quest. Enjoy all the features of cqdb inside your Discord server!
            Bot invitation link can be found <a href='https://goo.gl/nDluCQ'>here</a>.
          </Panel>
        </Col>
      </Row>
    );
  }
}
@@ -56,17 +56,8 @@
 ol,%0A
-  Image,%0A
   Me
@@ -61,16 +61,16 @@
  Media,%0A
+
   Panel,
@@ -255,17 +255,16 @@
     %3CCol
- 
 %0A       
@@ -408,31 +408,18 @@
    %3C
-Image
+img
  alt=''
- responsive
  src
@@ -459,16 +459,44 @@
 'cqdb')%7D
+ style=%7B%7BmaxWidth: '100%25',%7D%7D
  /%3E%0A    
@@ -676,1578 +676,8 @@
 ase.
- Here you will find all kinds of useful and up-to-date information regarding your favorite game. Enjoy your stay!%0A          %3C/Panel%3E%0A        %3C/Col%3E%0A        %3CCol lg=%7B6%7D md=%7B6%7D sm=%7B12%7D xs=%7B12%7D%3E%0A          %3CPanel%3E%0A            %3CMedia.Heading%3EJoin the Discussion!%3C/Media.Heading%3E%0A            %3CRow%3E%0A              %3CCol%0A                style=%7B%7Bdisplay: 'flex', justifyContent: 'center',%7D%7D%0A                lg=%7B12%7D md=%7B12%7D sm=%7B12%7D xs=%7B12%7D%0A              %3E%0A                %3Ca href='https://discord.gg/WjEFnzC'%3E%0A                  %3CImage alt='cqdb Discord Server' responsive src='https://discordapp.com/api/guilds/258167954913361930/embed.png?style=banner2' /%3E%0A                %3C/a%3E%0A              %3C/Col%3E%0A              %3CCol lg=%7B12%7D md=%7B12%7D sm=%7B12%7D xs=%7B12%7D%3E%3Cp /%3E%3C/Col%3E%0A              %3CCol%0A                style=%7B%7Bdisplay: 'flex', justifyContent: 'center',%7D%7D%0A                lg=%7B12%7D md=%7B12%7D sm=%7B12%7D xs=%7B12%7D%0A              %3E%0A                %3Ca href='https://discord.gg/6TRnyhj'%3E%0A                  %3CImage alt='Crusaders Quest Discord Server' responsive src='https://discordapp.com/api/guilds/206599473282023424/embed.png?style=banner2' /%3E%0A                %3C/a%3E%0A              %3C/Col%3E%0A            %3C/Row%3E%0A          %3C/Panel%3E%0A        %3C/Col%3E%0A        %3CCol lg=%7B6%7D md=%7B6%7D sm=%7B12%7D xs=%7B12%7D%3E%0A          %3CPanel%3E%0A            %3CMedia.Heading%3EFergus%3C/Media.Heading%3E%0A            %3Ca href='https://github.com/Johj/fergus'%3EFergus%3C/a%3E is a Discord bot for Crusaders Quest. Enjoy all the features of cqdb inside your Discord server!%0A            Bot invitation link can be found %3Ca href='https://goo.gl/nDluCQ'%3Ehere%3C/a%3E.
 %0A   
@@ -731,9 +731,10 @@
  );%0A  %7D%0A
-
 %7D
+%0A

Refactor home, move discord links to links page