diff --git a/public/homepage-animation.gif b/public/homepage-animation.gif
deleted file mode 100644
index a76c535..0000000
Binary files a/public/homepage-animation.gif and /dev/null differ
diff --git a/public/homepage-animation_SH.gif b/public/homepage-animation_SH.gif
deleted file mode 100644
index 2cc69fc..0000000
Binary files a/public/homepage-animation_SH.gif and /dev/null differ
diff --git a/public/homepage_image.png b/public/homepage_image.png
new file mode 100644
index 0000000..d54f2e9
Binary files /dev/null and b/public/homepage_image.png differ
diff --git a/src/components/hero-banner.js b/src/components/hero-banner.js
index 522b5aa..e3f3553 100644
--- a/src/components/hero-banner.js
+++ b/src/components/hero-banner.js
@@ -43,11 +43,11 @@ export const HeroBanner = () => {
             </Text>
           </Stack>
           <Stack flex={1} spacing={{ base: 10, md: 20 }}>
-            {/* <Image
-              src={'/homepage-animation_SH.gif'}
-              alt='Animation of virtual particles in the global oceans'
+            {<Image
+              src={'/homepage_image.png'}
+              alt='Rendering of the new Dutch Research Vessel Anna Weber-van Bosse on a sea of data'
               objectFit='contain'
-            ></Image> */}  # TODO add animation
+            ></Image>}
 
             <Stack
               spacing={{ base: 4, sm: 6 }}
@@ -59,7 +59,7 @@ export const HeroBanner = () => {
                 as={Link}
                 variant={'outline'}
                 colorScheme={'blue'}
-                href='https://virtualship.oceanparcels.org'
+                href='https://virtualship.oceanparcels.org'  // TODO fix link after deployment
               >
                 Get Started
               </Button>