From df88c4a14f9adb084705945e14de8b96946617be Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Thu, 23 Oct 2025 16:01:43 +0200
Subject: [PATCH] fix: update image import path to use direct import instead of
 URL path

---
 src/pages/network/Hero.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/pages/network/Hero.tsx b/src/pages/network/Hero.tsx
index f589cfa..04b2023 100644
--- a/src/pages/network/Hero.tsx
+++ b/src/pages/network/Hero.tsx
@@ -1,6 +1,7 @@
 import { useId } from 'react'
 import { Container } from '../../components/Container'
 import { Button } from '../../components/Button'
+import phoneFrame from '../../images/phoneframe.png'
 
 function BackgroundIllustration(props: React.ComponentPropsWithoutRef<'div'>) {
   let id = useId()
@@ -96,7 +97,7 @@ export function Hero() {
             <BackgroundIllustration className="absolute top-4 left-1/2 h-[1026px] w-[1026px] -translate-x-1/2 stroke-gray-300/70 sm:top-16 lg:-top-12 lg:ml-12 ml-0" />
             <div className="mx-auto h-[448px] mask-[linear-gradient(to_bottom,white_60%,transparent)] lg:px-0 lg:absolute lg:-inset-x-10 lg:-top-24 lg:h-auto lg:pt-10 xl:-bottom-32">
               <img
-                src="/src/images/phoneframe.png"
+                src={phoneFrame}
                 alt="Mycelium application demo"
                 className="mx-auto max-w-[366px]"
                 width={366}