Homepage improvements

docs/src/components/HeroTitle/index.js

@@ -8,8 +8,7 @@ export function HeroTitle() {
     <div className={classes.wrapper}>
       <Container maxSize={'400px'} className={classes.inner}>
         <h1 className={classes.title}>
-          Free and open source
-            <br/>
+          Free and open source{' '}
           <Text component="span" variant="gradient" gradient={{ from: 'indigo', to: '#674ad6' }} inherit>
             tournament scheduling
           </Text>{' '}

docs/src/components/HomeCarousel/index.js

@@ -1,25 +1,25 @@
-import {Center, Image} from '@mantine/core';
+import {Container, Image} from '@mantine/core';
 import React from 'react';
 import {Carousel} from "@mantine/carousel";
 
 export function HomeCarousel() {
   return (
-    <Center>
+    <Container width={'100%'}>
         <Carousel
           withIndicators
-          height={380}
-          slideSize="50%"
+          height={540}
+          slideSize={'100%'}
           slideGap="md"
           loop
           align="center"
-          slidesToScroll={2}
+          slidesToScroll={1}
         >
           <Carousel.Slide><Image src={require('@site/static/img/builder_preview.png').default} /></Carousel.Slide>
           <Carousel.Slide><Image src={require('@site/static/img/planning_preview.png').default} /></Carousel.Slide>
           <Carousel.Slide><Image src={require('@site/static/img/schedule_preview.png').default} /></Carousel.Slide>
           <Carousel.Slide><Image src={require('@site/static/img/courts_preview.png').default} /></Carousel.Slide>
           <Carousel.Slide><Image src={require('@site/static/img/standings_preview.png').default} /></Carousel.Slide>
         </Carousel>
-    </Center>
+    </Container>
   );
 }

docs/src/css/custom.css

@@ -2,6 +2,8 @@
  * Any CSS included here will be global. The classic template
  * bundles Infima by default. Infima is a CSS framework designed to
  * work well for content-centric websites.
+ *
+ * Use https://docusaurus.io/docs/styling-layout to change these values.
  */
 
 /* You can override the default Infima variables here. */

docs/src/pages/index.js

@@ -26,7 +26,7 @@ export default function Home() {
                 Features
               </Title>
               <FeaturesCards/>
-              <Container size='50%' mt="lg">
+              <Container  mt="lg">
                   <Title order={2} className={classes.title} ta="center" my="lg">
                       Preview
                   </Title>