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

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 364 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 692 KiB

View File

@ -9,14 +9,19 @@ import WebComparison from "../components/Home/WebComparison/WebComparison.astro"
import Socials from "../components/Home/Socials/Socials.astro"; import Socials from "../components/Home/Socials/Socials.astro";
import CTO from "../components/Home/CTO/CTO.astro"; import CTO from "../components/Home/CTO/CTO.astro";
import Message from "../components/Home/Message/Message.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"> <Layout view="home" title="Lume Web - Your Open Web">
<img <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} src={bg.src}
/> />
<Typewriter /> <Typewriter />
<Vision /> <Vision />
<Web3 /> <Web3 />