Switch to a sunny train for BG (#173)

* Switch to a sunny old train

* Update index.js

components/background-image.js

@@ -36,6 +36,7 @@ const BGImg = ({
     }}
   >
     <Image layout="responsive" {...props} />
+    
   </Box>
 )
 

pages/index.js

@@ -6,6 +6,7 @@ import {
   Grid,
   Heading,
   Image,
+  Badge,
   Link,
   Text
 } from 'theme-ui'
@@ -153,29 +154,27 @@ const Page = () => (
       sx={{
         bg: 'dark',
         pt: [5, 6],
-        pb: [4, 5],
+        pb: [2, 3],
         textAlign: 'center',
         position: 'relative',
         overflow: 'hidden'
       }}
     >
       <BGImg
-        src="https://cloud-k18c7grqc-hack-club-bot.vercel.app/0spacex_and_hack_club.jpg"
+        src={GoldenTrainImgFile}
         width={2224}
         height={1249}
         alt="Hack Clubbers gather at the SpaceX HQ"
         priority
       />
 
-     { 
-       /* <Announcement
+      {/* <Announcement
           copy="Applications are now open"
           caption="Apply now to bring a Hack Club to your community this fall!"
           href="https://apply.hackclub.com"
           iconLeft="clubs"
           color="primary"
-        /> */
-      }
+        /> */}
 
       <SlideDown duration={768}>
         <Heading
@@ -242,6 +241,24 @@ const Page = () => (
           Apply now
         </Button>
       </FadeIn>
+      <Box sx={{ display: 'flex', justifyContent: ['center', 'center', 'flex-end'], marginRight: 2, mt: [2, 2,  1] }}>
+        <Badge
+          as="a"
+          href="https://zephyr.hackclub.com"
+          variant="pill"
+          sx={{
+            zIndex: '1',
+            bg: '#000',
+            color: 'white',
+            opacity: 0.5,
+            textDecoration: 'none',
+            fontWeight: 'normal',
+            ':hover': {opacity: 1}
+          }}
+        >
+          Hackers onboard the Hacker Zephyr
+        </Badge>
+      </Box>
     </Box>
     <Box as="section" sx={{ py: [4, 5], color: 'black' }}>
       <Container>
@@ -373,8 +390,11 @@ const Page = () => (
       }}
     >
       <BGImg
-        src={GoldenTrainImgFile}
-        placeholder="blur"
+        gradient="linear-gradient(rgba(0,0,0,0.25),rgba(0,0,0,0.625))"
+        src="https://cdn.glitch.com/a7605379-7582-4aac-8f44-45bbdfca0cfa%2F2020-05-16_screenshot.jpeg?v=1589633885855"
+        width={2048}
+        height={1170}
+        alt="Hack Clubbers gather at the Elon Musk AMA in 2020"
         width={2048}
         height={1170}
         alt="Hack Clubbers on the 2021 Hacker Zephyr"