diff --git a/frontend/public/marketing/hero-editor.png b/frontend/public/marketing/hero-editor.png
new file mode 100644
index 00000000..86c079bd
Binary files /dev/null and b/frontend/public/marketing/hero-editor.png differ
diff --git a/frontend/public/marketing/hero-editor.webp b/frontend/public/marketing/hero-editor.webp
new file mode 100644
index 00000000..64a1bed6
Binary files /dev/null and b/frontend/public/marketing/hero-editor.webp differ
diff --git a/frontend/src/pages/LandingPage.tsx b/frontend/src/pages/LandingPage.tsx
index 6257a692..bbd7a9ee 100644
--- a/frontend/src/pages/LandingPage.tsx
+++ b/frontend/src/pages/LandingPage.tsx
@@ -845,12 +845,14 @@ export const LandingPage: React.FC = () => {
         </div>
         <div className="hero-right">
           <picture>
-            <source srcSet="/image.webp" type="image/webp" />
+            <source srcSet="/marketing/hero-editor.webp" type="image/webp" />
+            <source srcSet="/marketing/hero-editor.png" type="image/png" />
             <img
-              src="/image.png"
-              alt="Velxio simulator preview"
+              src="/marketing/hero-editor.png"
+              alt="Velxio editor with Arduino Uno traffic-light circuit"
               className="hero-preview-img"
-              loading="lazy"
+              loading="eager"
+              fetchPriority="high"
             />
           </picture>
         </div>