From 6afe5015033deff0114f2df46f9e3b785eba6220 Mon Sep 17 00:00:00 2001
From: j-atkins <106238905+j-atkins@users.noreply.github.com>
Date: Wed, 3 Sep 2025 13:56:44 +0200
Subject: [PATCH 1/6] add video to homepage

---
 src/components/video-demo.js | 25 +++++++++++++++++++++++++
 src/pages/index.js           |  2 ++
 2 files changed, 27 insertions(+)
 create mode 100644 src/components/video-demo.js

diff --git a/src/components/video-demo.js b/src/components/video-demo.js
new file mode 100644
index 0000000..563010d
--- /dev/null
+++ b/src/components/video-demo.js
@@ -0,0 +1,25 @@
+import { Box, Container } from '@chakra-ui/react'
+import { Heading } from '@/components/mdx'
+import React from 'react'
+
+export const VideoDemo = () => {
+  return (
+    <Box id={'video-demo'} as='section' my={12}>
+      <Container maxW='container.lg' centerContent>
+        <Heading as='h1' size='2xl' mb={4}>
+          Video Demonstration
+        </Heading>
+        <Box w='100%' maxW='800px' borderRadius='lg' overflow='hidden' boxShadow='md'>
+          <iframe
+            width='100%'
+            height='450'
+            src='https://www.youtube.com/embed/-ztHdnkvJzQ'
+            title='VirtualShip Classroom Demonstration'
+            allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share'
+            allowFullScreen
+          ></iframe>
+        </Box>
+      </Container>
+    </Box>
+  )
+}
diff --git a/src/pages/index.js b/src/pages/index.js
index 208487c..5c210b0 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,4 +1,5 @@
 import { Projects, Features, HeroBanner, Funders } from '@/components'
+import { VideoDemo } from '@/components/video-demo'
 
 import { Layout } from '@/components/layout'
 
@@ -14,6 +15,7 @@ export default function IndexPage() {
     >
       <HeroBanner />
       <Features />
+      <VideoDemo />
       {/* <Projects /> TODO uncomment when projects are ready */}
       <Funders />
     </Layout>

From 70abc2370683186bb62d4696d48ea296c36e8edf Mon Sep 17 00:00:00 2001
From: "pre-commit-ci[bot]"
 <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Date: Wed, 3 Sep 2025 11:59:16 +0000
Subject: [PATCH 2/6] [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci
---
 src/components/video-demo.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/video-demo.js b/src/components/video-demo.js
index 563010d..98abde2 100644
--- a/src/components/video-demo.js
+++ b/src/components/video-demo.js
@@ -9,7 +9,13 @@ export const VideoDemo = () => {
         <Heading as='h1' size='2xl' mb={4}>
           Video Demonstration
         </Heading>
-        <Box w='100%' maxW='800px' borderRadius='lg' overflow='hidden' boxShadow='md'>
+        <Box
+          w='100%'
+          maxW='800px'
+          borderRadius='lg'
+          overflow='hidden'
+          boxShadow='md'
+        >
           <iframe
             width='100%'
             height='450'

From fa2076e59d6fadc6bfb3bc67faff36f75d09a196 Mon Sep 17 00:00:00 2001
From: j-atkins <106238905+j-atkins@users.noreply.github.com>
Date: Wed, 3 Sep 2025 16:20:40 +0200
Subject: [PATCH 3/6] updated version of the video

---
 src/components/video-demo.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/video-demo.js b/src/components/video-demo.js
index 98abde2..cd8a075 100644
--- a/src/components/video-demo.js
+++ b/src/components/video-demo.js
@@ -19,7 +19,7 @@ export const VideoDemo = () => {
           <iframe
             width='100%'
             height='450'
-            src='https://www.youtube.com/embed/-ztHdnkvJzQ'
+            src='https://www.youtube.com/embed/ypafzoTBj_A?si=m8BpYN_08OJ9aagq'
             title='VirtualShip Classroom Demonstration'
             allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share'
             allowFullScreen

From c72432835d856d9752b66d1fdb71c3a8db009f03 Mon Sep 17 00:00:00 2001
From: j-atkins <106238905+j-atkins@users.noreply.github.com>
Date: Wed, 3 Sep 2025 16:25:34 +0200
Subject: [PATCH 4/6] XRevert "updated version of the video"

This reverts commit a243ecc2078b9a9fa369ce019b4ee6f077c4ff14.
---
 src/components/video-demo.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/video-demo.js b/src/components/video-demo.js
index cd8a075..98abde2 100644
--- a/src/components/video-demo.js
+++ b/src/components/video-demo.js
@@ -19,7 +19,7 @@ export const VideoDemo = () => {
           <iframe
             width='100%'
             height='450'
-            src='https://www.youtube.com/embed/ypafzoTBj_A?si=m8BpYN_08OJ9aagq'
+            src='https://www.youtube.com/embed/-ztHdnkvJzQ'
             title='VirtualShip Classroom Demonstration'
             allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share'
             allowFullScreen

From 4f0e7ed058e037b03f04ec6a83c8cc05edec03bb Mon Sep 17 00:00:00 2001
From: j-atkins <106238905+j-atkins@users.noreply.github.com>
Date: Wed, 3 Sep 2025 16:30:12 +0200
Subject: [PATCH 5/6] updated version of the video

---
 src/components/video-demo.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/video-demo.js b/src/components/video-demo.js
index 98abde2..fcad969 100644
--- a/src/components/video-demo.js
+++ b/src/components/video-demo.js
@@ -19,7 +19,7 @@ export const VideoDemo = () => {
           <iframe
             width='100%'
             height='450'
-            src='https://www.youtube.com/embed/-ztHdnkvJzQ'
+            src='https://www.youtube.com/embed/ypafzoTBj_A?si=gjQBAxzfNzslN4B_'
             title='VirtualShip Classroom Demonstration'
             allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share'
             allowFullScreen

From ff265f0fff8e982a1a89961524504a5a62c23efe Mon Sep 17 00:00:00 2001
From: j-atkins <106238905+j-atkins@users.noreply.github.com>
Date: Thu, 4 Sep 2025 16:46:56 +0200
Subject: [PATCH 6/6] change section header

---
 src/components/video-demo.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/video-demo.js b/src/components/video-demo.js
index fcad969..8fba14b 100644
--- a/src/components/video-demo.js
+++ b/src/components/video-demo.js
@@ -7,7 +7,7 @@ export const VideoDemo = () => {
     <Box id={'video-demo'} as='section' my={12}>
       <Container maxW='container.lg' centerContent>
         <Heading as='h1' size='2xl' mb={4}>
-          Video Demonstration
+          Getting started with VirtualShip
         </Heading>
         <Box
           w='100%'