filipe/website-casa-cidalisa
1
0
Fork 0
Code Issues Pull requests Activity

better English version

Browse source
This commit is contained in:
Filipe Medeiros 2024-11-04 21:25:07 +01:00
parent c4ef0f3e23
commit e15d946709
Signed by: filipe
GPG key ID: 9533BD5467CC1E78
4 changed files with 59 additions and 53 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
bun.lockb
View file

Binary file not shown.

6
package.json
View file

@ -12,8 +12,8 @@
"astro": "astro"
},
"dependencies": {
"@astrojs/tailwind": "5.1.1",
"astro": "4.15.11",
"tailwindcss": "^3.4.10"
"@astrojs/tailwind": "5.1.2",
"astro": "4.16.9",
"tailwindcss": "^3.4.14"
}
}

53
src/pages/en/index.astro
View file

@ -12,7 +12,7 @@ import IconInstagram from "../../assets/instagram-logo.png";
import LogoBooking from "../../assets/logo-booking.svg";
import Layout from "../../layouts/Layout.astro";
const optimizedBackgroundImage = await getImage({ src: HeroImage });
const optimizedBackgroundImage = await getImage({ src: HeroImage, sizes: [] });
const logoImage = await getImage({ src: Logo });
// const reviews = [
@ -63,7 +63,7 @@ const logoImage = await getImage({ src: Logo });
<div class="flex-1 flex justify-end items-center">
<a
href="/"
class="p-1.5 text-sm leading-none bg-olivine rounded hover:brightness-90 transition"
class="p-1.5 text-sm leading-none text-delftBlue bg-olivine rounded hover:brightness-90 transition"
>
PT
</a>
@ -84,29 +84,32 @@ const logoImage = await getImage({ src: Logo });
Relax in the hidden paradise of São Miguel Island.
</h1>
<div class="p-5 max-sm:bg-olivine flex gap-5 sm:mx-auto">
<a
href="https://www.airbnb.com"
class="bg-[#ff385c] flex-1 text-center shadow flex items-center justify-center hover:bg-[#ff0a37] cursor-pointer px-3 py-2 rounded-xl transition-colors"
>
<Image
src={LogoAirbnb}
alt="Airbnb logo"
height={500}
class="h-10 w-auto"
/>
</a>
<a
href="https://www.booking.com"
class="bg-[#003580] flex-1 flex items-center justify-center text-center shadow hover:bg-[#001580] cursor-pointer px-3 py-4 rounded-xl transition-colors"
>
<Image
src={LogoBooking}
alt="Booking logo"
height={500}
class="h-8 w-auto translate-y-0.5"
/>
</a>
<div class="text-center sm:mx-auto p-5 max-sm:bg-olivine ">
<div class="flex gap-5 mb-1">
<a
href="https://airbnb.com/h/casacidalisa"
class="bg-[#ff385c] flex-1 text-center shadow flex items-center justify-center hover:bg-[#ff0a37] cursor-pointer px-3 py-2 rounded-xl transition-colors"
>
<Image
src={LogoAirbnb}
alt="Airbnb logo"
height={500}
class="h-10 w-auto"
/>
</a>
<a
href="https://www.booking.com/hotel/pt/casa-cidalisa-povoacao"
class="bg-[#003580] flex-1 flex items-center justify-center text-center shadow hover:bg-[#001580] cursor-pointer px-3 py-4 rounded-xl transition-colors"
>
<Image
src={LogoBooking}
alt="Booking logo"
height={500}
class="h-8 w-auto translate-y-0.5"
/>
</a>
</div>
<span class="sm:text-white text-sm">Note: prices on both platforms might not match</span>
</div>
<ul

53
src/pages/index.astro
View file

@ -63,7 +63,7 @@ const logoImage = await getImage({ src: Logo });
<div class="flex-1 flex justify-end items-center">
<a
href="/en"
class="p-1.5 text-sm leading-none bg-olivine rounded hover:brightness-90 transition"
class="p-1.5 text-sm leading-none text-delftBlue bg-olivine rounded hover:brightness-90 transition"
>
EN
</a>
@ -84,30 +84,33 @@ const logoImage = await getImage({ src: Logo });
Relaxe no paraíso escondido de São Miguel.
</h1>
<div class="p-5 max-sm:bg-olivine flex gap-5 sm:mx-auto">
<a
href="https://www.airbnb.com"
class="bg-[#ff385c] flex-1 text-center shadow flex items-center justify-center hover:bg-[#ff0a37] cursor-pointer px-3 py-2 rounded-xl transition-colors"
>
<Image
src={LogoAirbnb}
alt="Airbnb logo"
height={500}
class="h-10 w-auto"
/>
</a>
<a
href="https://www.booking.com"
class="bg-[#003580] flex-1 flex items-center justify-center text-center shadow hover:bg-[#001580] cursor-pointer px-3 py-4 rounded-xl transition-colors"
>
<Image
src={LogoBooking}
alt="Booking logo"
height={500}
class="h-8 w-auto translate-y-0.5"
/>
</a>
</div>
<div class="text-center sm:mx-auto p-5 max-sm:bg-olivine ">
<div class="flex gap-5 mb-1">
<a
href="https://airbnb.com/h/casacidalisa"
class="bg-[#ff385c] flex-1 text-center shadow flex items-center justify-center hover:bg-[#ff0a37] cursor-pointer px-3 py-2 rounded-xl transition-colors"
>
<Image
src={LogoAirbnb}
alt="Airbnb logo"
height={500}
class="h-10 w-auto"
/>
</a>
<a
href="https://www.booking.com/hotel/pt/casa-cidalisa-povoacao"
class="bg-[#003580] flex-1 flex items-center justify-center text-center shadow hover:bg-[#001580] cursor-pointer px-3 py-4 rounded-xl transition-colors"
>
<Image
src={LogoBooking}
alt="Booking logo"
height={500}
class="h-8 w-auto translate-y-0.5"
/>
</a>
</div>
<span class="sm:text-white text-sm">Nota: os preços podem não coincidir nas duas plataformas</span>
</div>
<ul
class="absolute max-sm:top-28 right-5 flex gap-4 bottom-6 sm:right-6 sm:gap-6"