diff --git a/packages/web/components/templates/landing/LandingSectionsContainer.tsx b/packages/web/components/templates/landing/LandingSectionsContainer.tsx
index 7781d10e6..a4ccf9399 100644
--- a/packages/web/components/templates/landing/LandingSectionsContainer.tsx
+++ b/packages/web/components/templates/landing/LandingSectionsContainer.tsx
@@ -187,6 +187,7 @@ export function LandingSectionsContainer(
             height: 'auto',
           }}
           priority
+          blurDataURL="/static/images/landing/landing-00-hero-blurred.png"
         />
       </Box>
 
@@ -209,17 +210,20 @@ export function LandingSectionsContainer(
         )
       })}
 
-      <VStack alignment="center" css={{
-            width: "100vw",
-            backgroundColor: "#fff",
-            paddingBottom: "40px",
-            marginTop: "40px",
-            borderTop: "1px solid var(--colors-omnivoreYellow)",
-            borderBottom: "1px solid var(--colors-omnivoreYellow)",
-            "@md": {
-              marginTop: 0,
-            }
-      }}>
+      <VStack
+        alignment="center"
+        css={{
+          width: '100vw',
+          backgroundColor: '#fff',
+          paddingBottom: '40px',
+          marginTop: '40px',
+          borderTop: '1px solid var(--colors-omnivoreYellow)',
+          borderBottom: '1px solid var(--colors-omnivoreYellow)',
+          '@md': {
+            marginTop: 0,
+          },
+        }}
+      >
         {props.lang == 'en' && (
           <Box
             as="p"
diff --git a/packages/web/public/static/images/landing/landing-00-hero-blurred.png b/packages/web/public/static/images/landing/landing-00-hero-blurred.png
new file mode 100644
index 000000000..35e524b47
Binary files /dev/null and b/packages/web/public/static/images/landing/landing-00-hero-blurred.png differ