LumeWeb
/
lumeweb.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: improved hero image

This commit is contained in:
Juan Di Toro 2023-08-15 18:32:54 +02:00
parent 309d19c73a
commit a07e74f190
4 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/main-page-hero.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
src/assets/main-page-hero@0.5x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 364 KiB

BIN
src/assets/main-page-hero@0.75x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 692 KiB

9
src/pages/index.astro
View File

@ -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 />