reclamacoes

This commit is contained in:
Filipe Medeiros 2024-10-01 12:55:38 +02:00
parent c070436c5b
commit 4722398372
Signed by: filipe
GPG key ID: 9533BD5467CC1E78

View file

@ -97,7 +97,7 @@ const logoImage = await getImage({ src: Logo });
<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"
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}
@ -108,13 +108,13 @@ const logoImage = await getImage({ src: Logo });
</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"
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"
class="h-8 w-auto translate-y-0.5"
/>
</a>
</div>
@ -129,7 +129,7 @@ const logoImage = await getImage({ src: Logo });
<Image
src={IconFacebook}
alt="TODO"
class="h-8 w-auto"
class="h-8 w-auto hover:brightness-75 transition"
/>
</a>
</li>
@ -138,7 +138,7 @@ const logoImage = await getImage({ src: Logo });
<Image
src={IconInstagram}
alt="TODO"
class="h-8 w-auto"
class="h-8 w-auto hover:brightness-75 transition"
/>
</a>
</li>
@ -153,7 +153,7 @@ const logoImage = await getImage({ src: Logo });
class="py-8 sm:py-20 max-sm:*:ms-5 max-sm:*:me-16 max-sm:*:max-w-prose [&>h2]:text-2xl max-sm:[&>img]:w-[95%] max-sm:[&>img]:mx-auto [&_b]:font-medium sm:grid sm:grid-cols-2 sm:grid-rows-[content_2fr_1fr_1fr_2fr] sm:gap-8 lg:gap-20"
>
<h2
class="!max-w-full !me-0 max-xs:!text-xl max-sm:mb-7 sm:col-span-2 sm:ps-10 lg:ps-28"
class="!max-w-full !me-0 max-xs:!text-xl max-sm:mb-7 sm:col-span-2 sm:ps-10 lg:ps-28 sm:!text-3xl"
>
Bem-vindo à <span class="font-cinzel">Casa Cidalisa</span>
</h2>
@ -244,17 +244,23 @@ const logoImage = await getImage({ src: Logo });
<!-- Secção Mapa -->
<section class="text-center py-8 bg-olivine mb-7">
<h2 class="text-green text-2xl mb-7">Mapa</h2>
<h2 class="text-green text-2xl mb-7 sm:text-4xl">Mapa</h2>
<a
href="https://www.google.no/maps/place/Casa+Cidalisa/@37.760956,-25.1577077,38167m/data=!3m1!1e3!4m6!3m5!1s0xb5d1d561969d301:0x186fe1b893d26dcf!8m2!3d37.7609663!4d-25.1570757!16s%2Fg%2F11lnrchxn2?entry=ttu&g_ep=EgoyMDI0MDkxOC4xIKXMDSoASAFQAw%3D%3D"
>
<Image
src={Map}
alt="TODO"
height={500}
class="w-[95%] max-w-xl mx-auto rounded inline"
/>
<figure>
<Image
src={Map}
alt="TODO"
height={500}
class="w-[95%] max-w-xl mx-auto rounded inline"
/>
<figcaption class="mt-2">
Clique na imagem para abrir a sua aplicação de
mapas.
</figcaption>
</figure>
</a>
</section>
<footer class="bg-skyBlue py-5 px-3">
@ -271,7 +277,7 @@ const logoImage = await getImage({ src: Logo });
<div class="flex gap-5 mb-3">
<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 sm:px-8 py-2 rounded-xl"
class="bg-[#ff385c] flex-1 text-center shadow flex items-center justify-center hover:bg-[#ff0a37] cursor-pointer px-3 sm:px-8 py-2 rounded-xl transition-colors"
>
<Image
src={LogoAirbnb}
@ -282,13 +288,13 @@ const logoImage = await getImage({ src: Logo });
</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 sm:px-8 py-4 rounded-xl"
class="bg-[#003580] flex-1 flex items-center justify-center text-center shadow hover:bg-[#001580] cursor-pointer px-3 sm:px-8 py-4 rounded-xl transition-colors"
>
<Image
src={LogoBooking}
alt="Booking logo"
height={500}
class="h-8 sm:h-4 w-auto"
class="h-8 sm:h-6 translate-y-0.5 w-auto"
/>
</a>
</div>
@ -297,6 +303,11 @@ const logoImage = await getImage({ src: Logo });
Copyright © 2024 casa-cidalisa.com - Todos os direitos
reservados.
</p>
<p class="text-sm text-center mt-3">
<a href="www.livroreclamacoes.pt" class="underline"
>Livro de reclamações
</a>
</p>
</footer>
</main>