Add promo video and still image for preview

.gitattributes

@@ -1,3 +1,4 @@
 *.png filter=lfs diff=lfs merge=lfs -text
 *.webm filter=lfs diff=lfs merge=lfs -text
 *.mov filter=lfs diff=lfs merge=lfs -text
+*.mp4 filter=lfs diff=lfs merge=lfs -text

src/components/HomepageVideo/index.js

@@ -2,16 +2,15 @@ import React from 'react';
 import clsx from 'clsx';
 import styles from './styles.module.css';
 
-// TODO update this to our actual promo video when it clears review
-import PromoVideo from '@site/static/video/earth.mp4';
-
+import PromoVideo from '@site/static/video/aerie-video-subtitles.mp4';
+import PromoStill from '@site/static/video/aerie-video-still.png';
 
 export function HomepageVideo() {
   return (
     <section className={styles.section}>
       <div className="container">
         <div className={clsx(`row ${styles.videoSection}`)}>
-          <video width="100%" height="auto" controls>
+          <video width="100%" height="auto" controls poster={PromoStill}>
             <source src={PromoVideo} type="video/mp4" />
           </video>
         </div>

src/pages/index.js

@@ -52,7 +52,7 @@ export default function Home() {
     <Layout title={`Home`} description="Planning, sequencing, and scheduling tools for modern space missions.">
       <HomepageHeader />
       <main className={styles.siteBackground}>
-        {/* <HomepageVideo /> */}
+        <HomepageVideo />
         <h2 className={styles.sectionHeader}>Features</h2>
         <HomepageFeatures />
         {/* <HomepageTestimonials /> */}