move images to images folder

Author: xkeshav

src/assets/icons/ABCD.png src/assets/images/ABCD.pngsrc/assets/icons/ABCD.png renamed to src/assets/images/ABCD.png

@@ -1,4 +1,5 @@
 ---
+import LogoImage from "@/assets/images/ABCD.png";
 import { Image } from "astro:assets";
 
 interface Props {
@@ -10,7 +11,7 @@ const { appName } = Astro.props;
 
 <section class="hero-section">
   <div class="hero-content">
-    <Image src={import("/assets/images/ABCD.png")} alt="Logo" width={400} height={300} loading="eager" />
+    <Image src={LogoImage} alt="Logo" width={400} height={300} loading="eager" class={"hero-logo"} />
 
     <h1 class="hero-title">Learning Made <span class="text-highlight">Magical!</span></h1>
     <p class="hero-text">