fix: update image import path to use direct import instead of URL path

This commit is contained in:
2025-10-23 16:01:43 +02:00
parent dfb469e7f7
commit df88c4a14f

View File

@@ -1,6 +1,7 @@
import { useId } from 'react' import { useId } from 'react'
import { Container } from '../../components/Container' import { Container } from '../../components/Container'
import { Button } from '../../components/Button' import { Button } from '../../components/Button'
import phoneFrame from '../../images/phoneframe.png'
function BackgroundIllustration(props: React.ComponentPropsWithoutRef<'div'>) { function BackgroundIllustration(props: React.ComponentPropsWithoutRef<'div'>) {
let id = useId() 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" /> <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"> <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 <img
src="/src/images/phoneframe.png" src={phoneFrame}
alt="Mycelium application demo" alt="Mycelium application demo"
className="mx-auto max-w-[366px]" className="mx-auto max-w-[366px]"
width={366} width={366}