diff --git a/pages/index.tsx b/pages/index.tsx
index 87aba2e..279ba33 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,6 +1,6 @@
 import Head from 'next/head'
 import Link from 'next/link'
-import { Center, Heading, VStack, HStack, Text, Button, ButtonGroup, Divider, Avatar, Spacer, Container } from '@chakra-ui/react'
+import { Center, Heading, VStack, HStack, Text, Button, ButtonGroup, Divider, Avatar, Spacer, Container, Box, Image, Stack } from '@chakra-ui/react'
 import { ArrowForwardIcon } from '@chakra-ui/icons'
 import Nav from 'components/nav'
 import { useState } from 'react'
@@ -35,27 +35,42 @@ export default function Home() {
 
       <main>
         <Nav animate delay={1.2} />
-        <Container maxW="3xl" textAlign="center">
-          <VStack spacing='24px' py={{ base: 36, md: 64 }}>
-            <FadeAndSlide>
-              <Heading size='3xl'>Embed github stars into your next app</Heading>
-            </FadeAndSlide>
-            <FadeAndSlide delay={0.4}>
-              <Text>Create visual feedback in your app, based on wether your github repo is starred.</Text>
-            </FadeAndSlide>
-            <Spacer h={6} />
-            <FadeAndSlide delay={0.8}>
-              <ButtonGroup>
-                <Link href="/star/jacobhq/startrack">
-                  <Button rounded="full" colorScheme='yellow' rightIcon={<ArrowForwardIcon />} isLoading={loading} onClick={startLoading}>Try it</Button>
-                </Link>
-                <Link href="/add-app">
-                  <Button rounded="full" variant="ghost">Add your app</Button>
-                </Link>
-              </ButtonGroup>
-            </FadeAndSlide>
-          </VStack>
-        </Container>
+        <Box py={{ base: 36, md: 64 }}>
+          <Stack direction={['column-reverse', 'row']} justifyContent="center" alignItems="center">
+            <Container maxW="3xl" textAlign="center">
+              <VStack spacing='24px'>
+                <Fade>
+                  <Heading size='3xl'>Embed github stars into your next app</Heading>
+                </Fade>
+                <Fade delay={0.4}>
+                  <Text>Create visual feedback in your app, based on wether your github repo is starred.</Text>
+                </Fade>
+                <Spacer h={6} />
+                <Fade delay={0.8}>
+                  <ButtonGroup>
+                    <Link href="/star/jacobhq/startrack">
+                      <Button rounded="full" colorScheme='yellow' rightIcon={<ArrowForwardIcon />} isLoading={loading} onClick={startLoading}>Try it</Button>
+                    </Link>
+                    <Link href="/add-app">
+                      <Button rounded="full" variant="ghost">Add your app</Button>
+                    </Link>
+                  </ButtonGroup>
+                </Fade>
+              </VStack>
+            </Container>
+            <Container maxW="container.sm">
+              <Container maxW={64} alignItems="center" justifyContent="center">
+                <Image rounded="50px" transition="all 0.1s ease" _hover={{ transform: "translateY(-10px)" }} src="/logo.png" />
+                <Fade delay={1.2}>
+                  <Center w="full" h="full">
+                    <Spacer />
+                    <Box zIndex={-1} pos="relative" boxShadow="0 0 200px 200px yellow" />
+                  </Center>
+                </Fade>
+              </Container>
+            </Container>
+          </Stack>
+        </Box>
         <Center width='100vw' height='100vh' hidden>
           <HStack padding="10%">
             <VStack spacing="24px">