chore(release): 0.2.5-develop.5 [skip ci]

## [0.2.5-develop.5](https://git.lumeweb.com/LumeWeb/lumeweb.com/compare/v0.2.5-develop.4...v0.2.5-develop.5) (2023-08-15)

### Bug Fixes

* improved hero image ([a07e74f](a07e74f190))

CHANGELOG.md

@@ -1,3 +1,10 @@
+## [0.2.5-develop.5](https://git.lumeweb.com/LumeWeb/lumeweb.com/compare/v0.2.5-develop.4...v0.2.5-develop.5) (2023-08-15)
+
+
+### Bug Fixes
+
+* improved hero image ([a07e74f](https://git.lumeweb.com/LumeWeb/lumeweb.com/commit/a07e74f1901b22dc2f502699c8a96a9bda4a8cf3))
+
 ## [0.2.5-develop.4](https://git.lumeweb.com/LumeWeb/lumeweb.com/compare/v0.2.5-develop.3...v0.2.5-develop.4) (2023-08-15)
 
 

npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
     "name": "@lumeweb/lumeweb.com",
-    "version": "0.2.5-develop.4",
+    "version": "0.2.5-develop.5",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@lumeweb/lumeweb.com",
-            "version": "0.2.5-develop.4",
+            "version": "0.2.5-develop.5",
             "dependencies": {
                 "@astrojs/react": "^2.1.1",
                 "@astrojs/tailwind": "^3.1.1",

package.json

@@ -1,7 +1,7 @@
 {
     "name": "@lumeweb/lumeweb.com",
     "type": "module",
-    "version": "0.2.5-develop.4",
+    "version": "0.2.5-develop.5",
     "private": true,
     "repository": {
         "type": "git",

src/pages/index.astro

@@ -9,14 +9,19 @@ import WebComparison from "../components/Home/WebComparison/WebComparison.astro"
 import Socials from "../components/Home/Socials/Socials.astro";
 import CTO from "../components/Home/CTO/CTO.astro";
 import Message from "../components/Home/Message/Message.astro";
-import bg from "../assets/home-hero-bg.webp";
+import bg from "../assets/main-page-hero.png";
+import bgSmall from "../assets/main-page-hero@0.75x.png";
+import bgSmaller from "../assets/main-page-hero@0.5x.png";
 ---
 
 <Layout view="home" title="Lume Web - Your Open Web">
   <img
-    class="absolute -z-10 -right-[250px] top-[250px] object-contain w-[1250px] max-w-none"
+    class="absolute -z-10 -right-[150px] top-[50px] md:-right-[200px] md:-top-[100px] xl:-right-[100px] xl:-top-[100px] object-contain w-[500px] md:w-[800px] xl:w-[1000px] max-w-none"
+    srcset={`${bg.src} 1250w, ${bgSmall.src} 1000w, ${bgSmaller.src} 500w`}
+    sizes="(max-width: 1024px) 1000px, 1250px"
     src={bg.src}
   />
+
   <Typewriter />
   <Vision />
   <Web3 />