fix: switch to experimental image support and import missing images

astro.config.mjs

@@ -1,9 +1,11 @@
-import { defineConfig } from 'astro/config';
+import { defineConfig } from 'astro/config'
-import tailwind from '@astrojs/tailwind';
+import tailwind from '@astrojs/tailwind'
-import react from '@astrojs/react';
+import react from '@astrojs/react'
-import image from '@astrojs/image';
 
 // https://astro.build/config
 export default defineConfig({
-  integrations: [tailwind({ config: { applyBaseStyles: false } }), image(), react()],
+    integrations: [tailwind({ config: { applyBaseStyles: false } }), react()],
-});
+    experimental: {
+        assets: true
+    }
+})

npm-shrinkwrap.json

@@ -8,7 +8,6 @@
             "name": "@lumeweb/lumeweb.com",
             "version": "0.0.1",
             "dependencies": {
-        "@astrojs/image": "^0.16.6",
                 "@astrojs/react": "^2.1.1",
                 "@astrojs/tailwind": "^3.1.1",
                 "@types/react": "^18.2.0",
@@ -42,11 +41,6 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
-    "node_modules/@altano/tiny-async-pool": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/@altano/tiny-async-pool/-/tiny-async-pool-1.0.2.tgz",
-      "integrity": "sha512-qQzaI0TBUPdpjZ3qo5b2ziQY9MSNpbziH2ZrE5lvtUZL+kn9GwVuVJwoOubaoNkeDB+rqEefnpu1k+oMpOCYiw=="
-    },
         "node_modules/@ampproject/remapping": {
             "version": "2.2.1",
             "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
@@ -64,28 +58,6 @@
             "resolved": "https://registry.npmjs.org/@astrojs/compiler/-/compiler-1.5.1.tgz",
             "integrity": "sha512-iIGKu/uzB8sJ5VveQf0eHrVPPFEcrvSlp4qShYMOuY2aMmK2RVXQlX9dUjtmBQ+NAokfIOb7fwCutvH+p13l+g=="
         },
-    "node_modules/@astrojs/image": {
-      "version": "0.16.9",
-      "resolved": "https://registry.npmjs.org/@astrojs/image/-/image-0.16.9.tgz",
-      "integrity": "sha512-8RfGGd1MAIQ6xCHgmu+xXBKWE14gvWYcIv61PxWlToEBgMUbmFdN5ICBQ1bea24rx6o5WvsvRjfOnkjPpf2eew==",
-      "dependencies": {
-        "@altano/tiny-async-pool": "^1.0.2",
-        "http-cache-semantics": "^4.1.0",
-        "image-size": "^1.0.2",
-        "kleur": "^4.1.5",
-        "magic-string": "^0.27.0",
-        "mime": "^3.0.0"
-      },
-      "peerDependencies": {
-        "astro": "^2.5.0",
-        "sharp": ">=0.31.0"
-      },
-      "peerDependenciesMeta": {
-        "sharp": {
-          "optional": true
-        }
-      }
-    },
         "node_modules/@astrojs/internal-helpers": {
             "version": "0.1.0",
             "resolved": "https://registry.npmjs.org/@astrojs/internal-helpers/-/internal-helpers-0.1.0.tgz",
@@ -4633,11 +4605,6 @@
                 "url": "https://github.com/sponsors/wooorm"
             }
         },
-    "node_modules/http-cache-semantics": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz",
-      "integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ=="
-    },
         "node_modules/http-proxy-agent": {
             "version": "7.0.0",
             "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.0.tgz",
@@ -4700,20 +4667,6 @@
                 "node": ">= 4"
             }
         },
-    "node_modules/image-size": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/image-size/-/image-size-1.0.2.tgz",
-      "integrity": "sha512-xfOoWjceHntRb3qFCrh5ZFORYH8XCdYpASltMhZ/Q0KZiOwjdE/Yl2QCiWdwD+lygV5bMCvauzgu5PxBX/Yerg==",
-      "dependencies": {
-        "queue": "6.0.2"
-      },
-      "bin": {
-        "image-size": "bin/image-size.js"
-      },
-      "engines": {
-        "node": ">=14.0.0"
-      }
-    },
         "node_modules/immutable": {
             "version": "4.3.0",
             "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.0.tgz",
@@ -10427,14 +10380,6 @@
                 "node": ">=10.13.0"
             }
         },
-    "node_modules/queue": {
-      "version": "6.0.2",
-      "resolved": "https://registry.npmjs.org/queue/-/queue-6.0.2.tgz",
-      "integrity": "sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==",
-      "dependencies": {
-        "inherits": "~2.0.3"
-      }
-    },
         "node_modules/queue-microtask": {
             "version": "1.2.3",
             "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",

package.json

@@ -16,7 +16,6 @@
         "semantic-release": "semantic-release"
     },
     "dependencies": {
-        "@astrojs/image": "^0.16.6",
         "@astrojs/react": "^2.1.1",
         "@astrojs/tailwind": "^3.1.1",
         "@types/react": "^18.2.0",

src/components/Home/Web3/Web3.astro

@@ -1,9 +1,12 @@
+---
+import gfxLeft from "../../../assets/home-gfx-left.png"
+---
 <section
   id="web3"
   class="flex flex-col lg:flex-row lg:bg-transparent lg:p-0 gap-10 mx-10 sm:mx-20 xl:mx-40"
 >
   <div class="flex-1 -ml-10 -mr-20 lg:-ml-40 lg:mr-0">
-    <img src="/src/assets/home-gfx-left.png" class="w-full" />
+    <img src={gfxLeft.src} class="w-full" />
   </div>
   <div class="flex-1 -mt-40 space-y-10 flex flex-col justify-center">
     <h2

src/components/Layout/Navbar/Navbar.astro

@@ -1,4 +1,5 @@
 ---
+import logo from "../../../assets/lume-logo.png";
 const { view } = Astro.props;
 
 function getActiveClass(linkView) {
@@ -10,7 +11,7 @@ function getActiveClass(linkView) {
   <div class="logo">
     <!-- TODO: Hide this logo and show simplified when 320 > width -->
     <a href="/">
-      <img class="w-44" src="/src/assets/lume-logo.png" alt="Lume Logo" />
+      <img class="w-44" src={logo.src} alt="Lume Logo" />
     </a>
   </div>
   <menu