feat: update project assets and components with new images and improve image handling

This commit is contained in:
Fx64b
2025-11-19 14:31:28 +01:00
parent 2cae2e86ed
commit 54bf9730ba
33 changed files with 73 additions and 34 deletions

View File

@ -1,5 +1,10 @@
---
import { Image } from "astro:assets";
import "../styles/components/Drinks.css"
import MonthlyHit from "../assets/images/MonthlyHit.png";
import Whiskey1 from "../assets/images/whiskey/Whiskey1.png";
import Whiskey2 from "../assets/images/whiskey/Whiskey2.png";
import Whiskey3 from "../assets/images/whiskey/Whiskey3.png";
const { id } = Astro.props;
---
@ -17,7 +22,7 @@ const { id } = Astro.props;
<div class="mate-vodka">
<div class="circle" title="Mate Vodka">
<img src="/images/MonthlyHit.png" alt="Monats Hit" class="circle-image" />
<Image src={MonthlyHit} alt="Monats Hit" class="circle-image" />
<span class="circle-label"></span>
</div>
<div>Mate Vodka</div>
@ -29,15 +34,15 @@ const { id } = Astro.props;
<div class="circle-row">
<div class="circle whiskey-circle" title="Whiskey 1">
<img src="/images/whiskey/Whiskey1.png" alt="Whiskey 1" class="circle-image" />
<Image src={Whiskey1} alt="Whiskey 1" class="circle-image" />
<span class="circle-label"></span>
</div>
<div class="circle whiskey-circle" title="Whiskey 2">
<img src="/images/whiskey/Whiskey2.png" alt="Whiskey 2" class="circle-image" />
<Image src={Whiskey2} alt="Whiskey 2" class="circle-image" />
<span class="circle-label"></span>
</div>
<div class="circle whiskey-circle" title="Whiskey 3">
<img src="/images/whiskey/Whiskey3.png" alt="Whiskey 3" class="circle-image" />
<Image src={Whiskey3} alt="Whiskey 3" class="circle-image" />
<span class="circle-label"></span>
</div>
</div>