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

reclamacoes

Browse source
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
1 changed files with 27 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/pages/index.astro
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"> <div class="p-5 max-sm:bg-olivine flex gap-5 sm:mx-auto">
<a <a
href="https://www.airbnb.com" 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 <Image
src={LogoAirbnb} src={LogoAirbnb}
@ -108,13 +108,13 @@ const logoImage = await getImage({ src: Logo });
</a> </a>
<a <a
href="https://www.booking.com" 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 <Image
src={LogoBooking} src={LogoBooking}
alt="Booking logo" alt="Booking logo"
height={500} height={500}
class="h-8 w-auto" class="h-8 w-auto translate-y-0.5"
/> />
</a> </a>
</div> </div>
@ -129,7 +129,7 @@ const logoImage = await getImage({ src: Logo });
<Image <Image
src={IconFacebook} src={IconFacebook}
alt="TODO" alt="TODO"
class="h-8 w-auto" class="h-8 w-auto hover:brightness-75 transition"
/> />
</a> </a>
</li> </li>
@ -138,7 +138,7 @@ const logoImage = await getImage({ src: Logo });
<Image <Image
src={IconInstagram} src={IconInstagram}
alt="TODO" alt="TODO"
class="h-8 w-auto" class="h-8 w-auto hover:brightness-75 transition"
/> />
</a> </a>
</li> </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" 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 <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> Bem-vindo à <span class="font-cinzel">Casa Cidalisa</span>
</h2> </h2>
@ -244,17 +244,23 @@ const logoImage = await getImage({ src: Logo });
<!-- Secção Mapa --> <!-- Secção Mapa -->
<section class="text-center py-8 bg-olivine mb-7"> <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 <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" 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"
> >
<figure>
<Image <Image
src={Map} src={Map}
alt="TODO" alt="TODO"
height={500} height={500}
class="w-[95%] max-w-xl mx-auto rounded inline" 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> </a>
</section> </section>
<footer class="bg-skyBlue py-5 px-3"> <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"> <div class="flex gap-5 mb-3">
<a <a
href="https://www.airbnb.com" 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 <Image
src={LogoAirbnb} src={LogoAirbnb}
@ -282,13 +288,13 @@ const logoImage = await getImage({ src: Logo });
</a> </a>
<a <a
href="https://www.booking.com" 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 <Image
src={LogoBooking} src={LogoBooking}
alt="Booking logo" alt="Booking logo"
height={500} height={500}
class="h-8 sm:h-4 w-auto" class="h-8 sm:h-6 translate-y-0.5 w-auto"
/> />
</a> </a>
</div> </div>
@ -297,6 +303,11 @@ const logoImage = await getImage({ src: Logo });
Copyright © 2024 casa-cidalisa.com - Todos os direitos Copyright © 2024 casa-cidalisa.com - Todos os direitos
reservados. reservados.
</p> </p>
<p class="text-sm text-center mt-3">
<a href="www.livroreclamacoes.pt" class="underline"
>Livro de reclamações
</a>
</p>
</footer> </footer>
</main> </main>