fix links
This commit is contained in:
parent
c0f613ac65
commit
87e38f2317
GPG key ID:
9533BD5467CC1E78
6 changed files with 448 additions and 463 deletions
BIN
bun.lockb
BIN
bun.lockb
Binary file not shown.
|
|
@ -1,19 +1,18 @@
|
|||
{
|
||||
"name": "",
|
||||
"name": "website-casa-cidalisa",
|
||||
"type": "module",
|
||||
"version": "0.0.1",
|
||||
"scripts": {
|
||||
"dev": "astro dev",
|
||||
"start": "astro dev",
|
||||
"build": "astro build",
|
||||
"deploy:beta": "bun run build - --site https://beta.casa-cidalisa.com && rsync -a dist/* uberspace_filipesm:~/beta.casa-cidalisa.com",
|
||||
"deploy": "bun run build && rsync -a dist/* uberspace_filipesm:~/casa-cidalisa.com",
|
||||
"preview": "astro preview",
|
||||
"astro": "astro"
|
||||
},
|
||||
"dependencies": {
|
||||
"@astrojs/tailwind": "5.1.2",
|
||||
"astro": "4.16.9",
|
||||
"tailwindcss": "^3.4.14"
|
||||
"@astrojs/tailwind": "^5.1.4",
|
||||
"astro": "^5.1.6",
|
||||
"tailwindcss": "^3.4.17"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
1
src/env.d.ts
vendored
1
src/env.d.ts
vendored
|
|
@ -1 +0,0 @@
|
|||
/// <reference path="../.astro/types.d.ts" />
|
||||
|
|
@ -35,183 +35,178 @@ const logoImage = await getImage({ src: Logo });
|
|||
---
|
||||
|
||||
<Layout lang="en-EN">
|
||||
<Fragment slot="meta">
|
||||
<meta
|
||||
name="description"
|
||||
content="Relaxe no paraíso escondido de São Miguel. Sossegada vivenda nos Açores, com jardim e quintal, entre o mar e a montanha. Ideal para quatro pessoas."
|
||||
/>
|
||||
<meta property="og:title" content="Casa Cidalisa" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Relaxe no paraíso escondido de São Miguel. Sossegada vivenda nos Açores, com jardim e quintal, entre o mar e a montanha. Ideal para quatro pessoas."
|
||||
/>
|
||||
</Fragment>
|
||||
<Fragment slot="body">
|
||||
<nav
|
||||
class="flex justify-center sm:justify-center max-sm:bg-green p-5 sticky sm:absolute sm:w-full top-0 z-10 before:flex-1 before:content-['']"
|
||||
<Fragment slot="meta">
|
||||
<meta
|
||||
name="description"
|
||||
content="Relaxe no paraíso escondido de São Miguel. Sossegada vivenda nos Açores, com jardim e quintal, entre o mar e a montanha. Ideal para quatro pessoas."
|
||||
/>
|
||||
<meta property="og:title" content="Casa Cidalisa" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Relaxe no paraíso escondido de São Miguel. Sossegada vivenda nos Açores, com jardim e quintal, entre o mar e a montanha. Ideal para quatro pessoas."
|
||||
/>
|
||||
</Fragment>
|
||||
<Fragment slot="body">
|
||||
<nav
|
||||
class="flex justify-center sm:justify-center max-sm:bg-green p-5 sticky sm:absolute sm:w-full top-0 z-10 before:flex-1 before:content-['']"
|
||||
>
|
||||
<Image src={Logo} alt="TODO" class="sr-only" />
|
||||
<div
|
||||
class="h-12 sm:h-20 w-[8.4rem] sm:w-56 bg-seasalt sm:bg-sunglow"
|
||||
style={{
|
||||
maskImage: `url(${logoImage.src})`,
|
||||
maskSize: "cover",
|
||||
}}
|
||||
>
|
||||
</div>
|
||||
|
||||
<div class="flex-1 flex justify-end items-center">
|
||||
<a
|
||||
href="/"
|
||||
class="p-1.5 text-sm leading-none text-delftBlue bg-olivine rounded hover:brightness-90 transition"
|
||||
>
|
||||
<Image src={Logo} alt="TODO" class="sr-only" />
|
||||
<div
|
||||
class="h-12 sm:h-20 w-[8.4rem] sm:w-56 bg-seasalt sm:bg-sunglow"
|
||||
style={{
|
||||
maskImage: `url(${logoImage.src})`,
|
||||
maskSize: "cover",
|
||||
}}
|
||||
>
|
||||
</div>
|
||||
PT
|
||||
</a>
|
||||
</div>
|
||||
<!-- <button class="text-seasalt">MENU</button> -->
|
||||
</nav>
|
||||
|
||||
<div class="flex-1 flex justify-end items-center">
|
||||
<a
|
||||
href="/"
|
||||
class="p-1.5 text-sm leading-none text-delftBlue bg-olivine rounded hover:brightness-90 transition"
|
||||
>
|
||||
PT
|
||||
</a>
|
||||
</div>
|
||||
<!-- <button class="text-seasalt">MENU</button> -->
|
||||
</nav>
|
||||
<!-- Secção Hero -->
|
||||
<header
|
||||
class="h-[calc(100dvh-88px)] sm:h-dvh flex flex-col bg-cover flex-1 justify-end bg-[30%_center] sm:pb-32"
|
||||
style={{
|
||||
backgroundImage: `url(${optimizedBackgroundImage.src})`,
|
||||
}}
|
||||
>
|
||||
<h1
|
||||
class="text-balance text-seasalt drop-shadow-[0_0_40px_black] text-[50px] p-5 sm:text-center font-medium leading-[60px] sm:max-w-4xl sm:mx-auto"
|
||||
>
|
||||
Relax in the hidden paradise of São Miguel Island.
|
||||
</h1>
|
||||
|
||||
<!-- Secção Hero -->
|
||||
<header
|
||||
class="h-[calc(100dvh-88px)] sm:h-dvh flex flex-col bg-cover flex-1 justify-end bg-[30%_center] sm:pb-32"
|
||||
style={{
|
||||
backgroundImage: `url(${optimizedBackgroundImage.src})`,
|
||||
}}
|
||||
<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
|
||||
>
|
||||
<h1
|
||||
class="text-balance text-seasalt drop-shadow-[0_0_40px_black] text-[50px] p-5 sm:text-center font-medium leading-[60px] sm:max-w-4xl sm:mx-auto"
|
||||
>
|
||||
Relax in the hidden paradise of São Miguel Island.
|
||||
</h1>
|
||||
</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">Note: prices on both platforms might not match</span>
|
||||
</div>
|
||||
<ul
|
||||
class="absolute max-sm:top-28 right-5 flex gap-4 bottom-6 sm:right-6 sm:gap-6"
|
||||
>
|
||||
<li>
|
||||
<a href="https://www.facebook.com/profile.php?id=61565634925731">
|
||||
<Image
|
||||
src={IconFacebook}
|
||||
alt="Facebook logo"
|
||||
class="h-8 w-auto hover:brightness-75 transition"
|
||||
/>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.instagram.com/casacidalisa/">
|
||||
<Image
|
||||
src={IconInstagram}
|
||||
alt="Instagram logo"
|
||||
class="h-8 w-auto hover:brightness-75 transition"
|
||||
/>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul
|
||||
class="absolute max-sm:top-28 right-5 flex gap-4 bottom-6 sm:right-6 sm:gap-6"
|
||||
>
|
||||
<li>
|
||||
<a
|
||||
href="https://www.facebook.com/profile.php?id=61565634925731"
|
||||
>
|
||||
<Image
|
||||
src={IconFacebook}
|
||||
alt="Facebook logo"
|
||||
class="h-8 w-auto hover:brightness-75 transition"
|
||||
/>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.instagram.com/casacidalisa/">
|
||||
<Image
|
||||
src={IconInstagram}
|
||||
alt="Instagram logo"
|
||||
class="h-8 w-auto hover:brightness-75 transition"
|
||||
/>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<Image src={HeroImage} alt="TODO" class="sr-only" />
|
||||
</header>
|
||||
|
||||
<Image src={HeroImage} alt="TODO" class="sr-only" />
|
||||
</header>
|
||||
<main>
|
||||
<!-- Secção Imagens -->
|
||||
<section
|
||||
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 sm:!text-3xl"
|
||||
>
|
||||
Welcome to <span class="font-cinzel">Casa Cidalisa</span>
|
||||
</h2>
|
||||
|
||||
<main>
|
||||
<!-- Secção Imagens -->
|
||||
<section
|
||||
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 sm:!text-3xl"
|
||||
>
|
||||
Welcome to <span class="font-cinzel">Casa Cidalisa</span>
|
||||
</h2>
|
||||
<p class="sm:row-start-2 sm:ps-10 lg:pl-28">
|
||||
Our peaceful little villa, between ocean and mountains, has been in
|
||||
the family for three generations. With a garden and backyard, two
|
||||
bedrooms and a living room with views of the Atlantic and the island
|
||||
of Santa Maria,
|
||||
<b> it is ideal for four people in search of Azorean tranquility </b>.
|
||||
</p>
|
||||
|
||||
<p class="sm:row-start-2 sm:ps-10 lg:pl-28">
|
||||
Our peaceful little villa, between ocean and mountains, has
|
||||
been in the family for three generations. With a garden and
|
||||
backyard, two bedrooms and a living room with views of the
|
||||
Atlantic and the island of Santa Maria,
|
||||
<b>
|
||||
it is ideal for four people in search of Azorean
|
||||
tranquility
|
||||
</b>.
|
||||
</p>
|
||||
<Image
|
||||
src={Photo1}
|
||||
alt="TODO"
|
||||
class="rounded max-sm:my-7 sm:row-start-2 sm:row-span-2 sm:col-start-2 sm:w-full"
|
||||
/>
|
||||
|
||||
<Image
|
||||
src={Photo1}
|
||||
alt="TODO"
|
||||
class="rounded max-sm:my-7 sm:row-start-2 sm:row-span-2 sm:col-start-2 sm:w-full"
|
||||
/>
|
||||
<p class="sm:col-start-2 sm:row-start-4 sm:pr-5">
|
||||
<b>Água Retorta</b> is the most remote village on the island of São Miguel:
|
||||
75 minutes from João Paulo II Airport, 40 from Furnas, 25 from Ponta da
|
||||
Madrugada and 15 from Ponta do Sossego and Pôr-do-Sol viewpoints.
|
||||
</p>
|
||||
|
||||
<p class="sm:col-start-2 sm:row-start-4 sm:pr-5">
|
||||
<b>Água Retorta</b> is the most remote village on the island
|
||||
of São Miguel: 75 minutes from João Paulo II Airport, 40 from
|
||||
Furnas, 25 from Ponta da Madrugada and 15 from Ponta do Sossego
|
||||
and Pôr-do-Sol viewpoints.
|
||||
</p>
|
||||
<Image
|
||||
src={Photo2}
|
||||
alt="TODO"
|
||||
class="rounded max-sm:mt-7 max-sm:mb-2 sm:row-start-3 sm:row-span-2 sm:self-end sm:ps-5 lg:ps-10"
|
||||
/>
|
||||
|
||||
<Image
|
||||
src={Photo2}
|
||||
alt="TODO"
|
||||
class="rounded max-sm:mt-7 max-sm:mb-2 sm:row-start-3 sm:row-span-2 sm:self-end sm:ps-5 lg:ps-10"
|
||||
/>
|
||||
<Image
|
||||
src={Photo3}
|
||||
alt="TODO"
|
||||
class="rounded max-sm:mb-7 sm:col-start-2 sm:row-start-5 sm:pe-10 lg:pe-20"
|
||||
/>
|
||||
|
||||
<Image
|
||||
src={Photo3}
|
||||
alt="TODO"
|
||||
class="rounded max-sm:mb-7 sm:col-start-2 sm:row-start-5 sm:pe-10 lg:pe-20"
|
||||
/>
|
||||
<div class="sm:row-start-5 sm:self-end sm:ps-10 lg:pl-28">
|
||||
<h2 class="mb-7 text-xl">In the middle of Nature</h2>
|
||||
|
||||
<div class="sm:row-start-5 sm:self-end sm:ps-10 lg:pl-28">
|
||||
<h2 class="mb-7 text-xl">In the middle of Nature</h2>
|
||||
<p>
|
||||
There are <b>nine walking trails</b> nearby. The circular route of Água
|
||||
Retorta (PRC13 SMI), with moderate difficulty, takes 2 hours. It's right
|
||||
here at the door.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
There are <b>nine walking trails</b> nearby. The circular
|
||||
route of Água Retorta (PRC13 SMI), with moderate difficulty,
|
||||
takes 2 hours. It's right here at the door.
|
||||
</p>
|
||||
<p class="my-5">
|
||||
The best landscapes on the island can be seen and recorded at the
|
||||
various <b>viewpoints</b> that surround the village, such as Ponta da
|
||||
Madrugada or Pico Longo.
|
||||
</p>
|
||||
|
||||
<p class="my-5">
|
||||
The best landscapes on the island can be seen and
|
||||
recorded at the various <b>viewpoints</b> that surround the
|
||||
village, such as Ponta da Madrugada or Pico Longo.
|
||||
</p>
|
||||
<p>
|
||||
<b>Wild beaches, forest parks and thermal pools</b>: here are some
|
||||
of the attractions in the eastern part of the island of São Miguel.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<p>
|
||||
<b>Wild beaches, forest parks and thermal pools</b>:
|
||||
here are some of the attractions in the eastern part of
|
||||
the island of São Miguel.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Secção Opiniões -->
|
||||
<!-- <section class="bg-olivine text-center py-8">
|
||||
<!-- Secção Opiniões -->
|
||||
<!-- <section class="bg-olivine text-center py-8">
|
||||
<h2 class="text-green text-2xl mb-7">Opiniões</h2>
|
||||
<div class="flex justify-center gap-1 items-center">
|
||||
<button id="scroll-reviews-left-button" class="text-5xl"
|
||||
|
|
@ -235,74 +230,74 @@ const logoImage = await getImage({ src: Logo });
|
|||
</div>
|
||||
</section> -->
|
||||
|
||||
<!-- Secção Mapa -->
|
||||
<section class="text-center py-8 bg-olivine mb-7">
|
||||
<h2 class="text-green text-2xl mb-7 sm:text-4xl">Map</h2>
|
||||
<!-- Secção Mapa -->
|
||||
<section class="text-center py-8 bg-olivine mb-7">
|
||||
<h2 class="text-green text-2xl mb-7 sm:text-4xl">Map</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"
|
||||
>
|
||||
<figure>
|
||||
<Image
|
||||
src={Map}
|
||||
alt="TODO"
|
||||
height={500}
|
||||
class="w-[95%] max-w-xl mx-auto rounded inline"
|
||||
/>
|
||||
<figcaption class="mt-2">
|
||||
Click on the image to open your map app.
|
||||
</figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
</section>
|
||||
<footer class="bg-skyBlue py-5 px-3">
|
||||
<div class="sm:flex sm:justify-between">
|
||||
<div class="flex sm:flex-col max-sm:justify-between mb-3">
|
||||
<span>More info</span>
|
||||
<span>
|
||||
<a href="tel:+351963535226">
|
||||
<b class="font-semibold">+351 963 535 226</b>
|
||||
</a>
|
||||
(Helena)
|
||||
</span>
|
||||
</div>
|
||||
<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 transition-colors"
|
||||
>
|
||||
<Image
|
||||
src={LogoAirbnb}
|
||||
alt="Airbnb logo"
|
||||
height={550}
|
||||
class="h-10 sm:h-6 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 sm:px-8 py-4 rounded-xl transition-colors"
|
||||
>
|
||||
<Image
|
||||
src={LogoBooking}
|
||||
alt="Booking logo"
|
||||
height={500}
|
||||
class="h-8 sm:h-6 translate-y-0.5 w-auto"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-xs text-center">
|
||||
Copyright © 2024 casa-cidalisa.com - All rights reserved.
|
||||
</p>
|
||||
<p class="text-sm text-center mt-3">
|
||||
<a href="www.livroreclamacoes.pt" class="underline">
|
||||
Make a formal complaint
|
||||
</a>
|
||||
</p>
|
||||
</footer>
|
||||
</main>
|
||||
<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"
|
||||
>
|
||||
<figure>
|
||||
<Image
|
||||
src={Map}
|
||||
alt="TODO"
|
||||
height={500}
|
||||
class="w-[95%] max-w-xl mx-auto rounded inline"
|
||||
/>
|
||||
<figcaption class="mt-2">
|
||||
Click on the image to open your map app.
|
||||
</figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
</section>
|
||||
<footer class="bg-skyBlue py-5 px-3">
|
||||
<div class="sm:flex sm:justify-between">
|
||||
<div class="flex sm:flex-col max-sm:justify-between mb-3">
|
||||
<span>More info</span>
|
||||
<span>
|
||||
<a href="tel:+351963535226">
|
||||
<b class="font-semibold hover:underline">+351 963 535 226</b>
|
||||
</a>
|
||||
(Helena)
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex gap-5 mb-3">
|
||||
<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 sm:px-8 py-2 rounded-xl transition-colors"
|
||||
>
|
||||
<Image
|
||||
src={LogoAirbnb}
|
||||
alt="Airbnb logo"
|
||||
height={550}
|
||||
class="h-10 sm:h-6 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 sm:px-8 py-4 rounded-xl transition-colors"
|
||||
>
|
||||
<Image
|
||||
src={LogoBooking}
|
||||
alt="Booking logo"
|
||||
height={500}
|
||||
class="h-8 sm:h-6 translate-y-0.5 w-auto"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-xs text-center">
|
||||
Copyright © 2024 casa-cidalisa.com - All rights reserved.
|
||||
</p>
|
||||
<p class="text-sm text-center mt-3">
|
||||
<a href="www.livroreclamacoes.pt" class="underline">
|
||||
Make a formal complaint
|
||||
</a>
|
||||
</p>
|
||||
</footer>
|
||||
</main>
|
||||
|
||||
<!-- <script>
|
||||
<!-- <script>
|
||||
// function scrollReviews(right = true) {
|
||||
// document
|
||||
// .querySelector("#review-list")
|
||||
|
|
@ -325,5 +320,5 @@ const logoImage = await getImage({ src: Logo });
|
|||
// scrollReviews();
|
||||
// });
|
||||
</script> -->
|
||||
</Fragment>
|
||||
</Fragment>
|
||||
</Layout>
|
||||
|
|
|
|||
|
|
@ -35,183 +35,177 @@ const logoImage = await getImage({ src: Logo });
|
|||
---
|
||||
|
||||
<Layout lang="pt-PT">
|
||||
<Fragment slot="meta">
|
||||
<meta
|
||||
name="description"
|
||||
content="Relaxe no paraíso escondido de São Miguel. Sossegada vivenda nos Açores, com jardim e quintal, entre o mar e a montanha. Ideal para quatro pessoas."
|
||||
/>
|
||||
<meta property="og:title" content="Casa Cidalisa" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Relaxe no paraíso escondido de São Miguel. Sossegada vivenda nos Açores, com jardim e quintal, entre o mar e a montanha. Ideal para quatro pessoas."
|
||||
/>
|
||||
</Fragment>
|
||||
<Fragment slot="body">
|
||||
<nav
|
||||
class="flex justify-center sm:justify-center max-sm:bg-green p-5 sticky sm:absolute sm:w-full top-0 z-10 before:flex-1 before:content-['']"
|
||||
>
|
||||
<Image src={Logo} alt="TODO" class="sr-only" />
|
||||
<div
|
||||
class="h-12 sm:h-20 w-[8.4rem] sm:w-56 bg-seasalt sm:bg-sunglow"
|
||||
style={{
|
||||
maskImage: `url(${logoImage.src})`,
|
||||
maskSize: "cover",
|
||||
}}
|
||||
>
|
||||
</div>
|
||||
<Fragment slot="meta">
|
||||
<meta
|
||||
name="description"
|
||||
content="Relaxe no paraíso escondido de São Miguel. Sossegada vivenda nos Açores, com jardim e quintal, entre o mar e a montanha. Ideal para quatro pessoas."
|
||||
/>
|
||||
<meta property="og:title" content="Casa Cidalisa" />
|
||||
<meta
|
||||
property="og:description"
|
||||
content="Relaxe no paraíso escondido de São Miguel. Sossegada vivenda nos Açores, com jardim e quintal, entre o mar e a montanha. Ideal para quatro pessoas."
|
||||
/>
|
||||
</Fragment>
|
||||
<Fragment slot="body">
|
||||
<nav
|
||||
class="flex justify-center sm:justify-center max-sm:bg-green p-5 sticky sm:absolute sm:w-full top-0 z-10 before:flex-1 before:content-['']"
|
||||
>
|
||||
<Image src={Logo} alt="TODO" class="sr-only" />
|
||||
<div
|
||||
class="h-12 sm:h-20 w-[8.4rem] sm:w-56 bg-seasalt sm:bg-sunglow"
|
||||
style={{
|
||||
maskImage: `url(${logoImage.src})`,
|
||||
maskSize: "cover",
|
||||
}}
|
||||
>
|
||||
</div>
|
||||
|
||||
<div class="flex-1 flex justify-end items-center">
|
||||
<a
|
||||
href="/en"
|
||||
class="p-1.5 text-sm leading-none text-delftBlue bg-olivine rounded hover:brightness-90 transition"
|
||||
>
|
||||
EN
|
||||
</a>
|
||||
</div>
|
||||
<!-- <button class="text-seasalt">MENU</button> -->
|
||||
</nav>
|
||||
<div class="flex-1 flex justify-end items-center">
|
||||
<a
|
||||
href="/en"
|
||||
class="p-1.5 text-sm leading-none text-delftBlue bg-olivine rounded hover:brightness-90 transition"
|
||||
>
|
||||
EN
|
||||
</a>
|
||||
</div>
|
||||
<!-- <button class="text-seasalt">MENU</button> -->
|
||||
</nav>
|
||||
|
||||
<!-- Secção Hero -->
|
||||
<header
|
||||
class="h-[calc(100dvh-88px)] sm:h-dvh flex flex-col bg-cover flex-1 justify-end bg-[30%_center] sm:pb-32"
|
||||
style={{
|
||||
backgroundImage: `url(${optimizedBackgroundImage.src})`,
|
||||
}}
|
||||
>
|
||||
<h1
|
||||
class="text-balance text-seasalt drop-shadow-[0_0_40px_black] text-[50px] p-5 sm:text-center font-medium leading-[60px] sm:max-w-4xl sm:mx-auto"
|
||||
>
|
||||
Relaxe no paraíso escondido de São Miguel.
|
||||
</h1>
|
||||
<!-- Secção Hero -->
|
||||
<header
|
||||
class="h-[calc(100dvh-88px)] sm:h-dvh flex flex-col bg-cover flex-1 justify-end bg-[30%_center] sm:pb-32"
|
||||
style={{
|
||||
backgroundImage: `url(${optimizedBackgroundImage.src})`,
|
||||
}}
|
||||
>
|
||||
<h1
|
||||
class="text-balance text-seasalt drop-shadow-[0_0_40px_black] text-[50px] p-5 sm:text-center font-medium leading-[60px] sm:max-w-4xl sm:mx-auto"
|
||||
>
|
||||
Relaxe no paraíso escondido de São Miguel.
|
||||
</h1>
|
||||
|
||||
<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>
|
||||
<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"
|
||||
>
|
||||
<li>
|
||||
<a
|
||||
href="https://www.facebook.com/profile.php?id=61565634925731"
|
||||
>
|
||||
<Image
|
||||
src={IconFacebook}
|
||||
alt="TODO"
|
||||
class="h-8 w-auto hover:brightness-75 transition"
|
||||
/>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.instagram.com/casacidalisa/">
|
||||
<Image
|
||||
src={IconInstagram}
|
||||
alt="TODO"
|
||||
class="h-8 w-auto hover:brightness-75 transition"
|
||||
/>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul
|
||||
class="absolute max-sm:top-28 right-5 flex gap-4 bottom-6 sm:right-6 sm:gap-6"
|
||||
>
|
||||
<li>
|
||||
<a href="https://www.facebook.com/profile.php?id=61565634925731">
|
||||
<Image
|
||||
src={IconFacebook}
|
||||
alt="TODO"
|
||||
class="h-8 w-auto hover:brightness-75 transition"
|
||||
/>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://www.instagram.com/casacidalisa/">
|
||||
<Image
|
||||
src={IconInstagram}
|
||||
alt="TODO"
|
||||
class="h-8 w-auto hover:brightness-75 transition"
|
||||
/>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<Image src={HeroImage} alt="TODO" class="sr-only" />
|
||||
</header>
|
||||
<Image src={HeroImage} alt="TODO" class="sr-only" />
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<!-- Secção Imagens -->
|
||||
<section
|
||||
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 sm:!text-3xl"
|
||||
>
|
||||
Bem-vindo à <span class="font-cinzel">Casa Cidalisa</span>
|
||||
</h2>
|
||||
<main>
|
||||
<!-- Secção Imagens -->
|
||||
<section
|
||||
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 sm:!text-3xl"
|
||||
>
|
||||
Bem-vindo à <span class="font-cinzel">Casa Cidalisa</span>
|
||||
</h2>
|
||||
|
||||
<p class="sm:row-start-2 sm:ps-10 lg:pl-28">
|
||||
A nossa serena vivenda, entre o mar e a montanha, está na
|
||||
família há três gerações. Com jardim e quintal, dois quartos
|
||||
e sala com vista para o Atlântico e ilha de Santa Maria, é
|
||||
<b>
|
||||
ideal para quatro pessoas à procura do sossego açoriano
|
||||
</b>.
|
||||
</p>
|
||||
<p class="sm:row-start-2 sm:ps-10 lg:pl-28">
|
||||
A nossa serena vivenda, entre o mar e a montanha, está na família há
|
||||
três gerações. Com jardim e quintal, dois quartos e sala com vista
|
||||
para o Atlântico e ilha de Santa Maria, é
|
||||
<b> ideal para quatro pessoas à procura do sossego açoriano </b>.
|
||||
</p>
|
||||
|
||||
<Image
|
||||
src={Photo1}
|
||||
alt="TODO"
|
||||
class="rounded max-sm:my-7 sm:row-start-2 sm:row-span-2 sm:col-start-2 sm:w-full"
|
||||
/>
|
||||
<Image
|
||||
src={Photo1}
|
||||
alt="TODO"
|
||||
class="rounded max-sm:my-7 sm:row-start-2 sm:row-span-2 sm:col-start-2 sm:w-full"
|
||||
/>
|
||||
|
||||
<p class="sm:col-start-2 sm:row-start-4 sm:pr-5">
|
||||
<b>Água Retorta</b> é a aldeia mais remota da ilha de São Miguel:
|
||||
está a 75 minutos do Aeroporto João Paulo II, 40 das Furnas,
|
||||
25 da Ponta da Madrugada e a 15 da Ponta do Sossego e do Miradouro
|
||||
do Pôr-do-Sol.
|
||||
</p>
|
||||
<p class="sm:col-start-2 sm:row-start-4 sm:pr-5">
|
||||
<b>Água Retorta</b> é a aldeia mais remota da ilha de São Miguel: está
|
||||
a 75 minutos do Aeroporto João Paulo II, 40 das Furnas, 25 da Ponta da
|
||||
Madrugada e a 15 da Ponta do Sossego e do Miradouro do Pôr-do-Sol.
|
||||
</p>
|
||||
|
||||
<Image
|
||||
src={Photo2}
|
||||
alt="TODO"
|
||||
class="rounded max-sm:mt-7 max-sm:mb-2 sm:row-start-3 sm:row-span-2 sm:self-end sm:ps-5 lg:ps-10"
|
||||
/>
|
||||
<Image
|
||||
src={Photo2}
|
||||
alt="TODO"
|
||||
class="rounded max-sm:mt-7 max-sm:mb-2 sm:row-start-3 sm:row-span-2 sm:self-end sm:ps-5 lg:ps-10"
|
||||
/>
|
||||
|
||||
<Image
|
||||
src={Photo3}
|
||||
alt="TODO"
|
||||
class="rounded max-sm:mb-7 sm:col-start-2 sm:row-start-5 sm:pe-10 lg:pe-20"
|
||||
/>
|
||||
<Image
|
||||
src={Photo3}
|
||||
alt="TODO"
|
||||
class="rounded max-sm:mb-7 sm:col-start-2 sm:row-start-5 sm:pe-10 lg:pe-20"
|
||||
/>
|
||||
|
||||
<div class="sm:row-start-5 sm:self-end sm:ps-10 lg:pl-28">
|
||||
<h2 class="mb-7 text-xl">No meio da Natureza</h2>
|
||||
<div class="sm:row-start-5 sm:self-end sm:ps-10 lg:pl-28">
|
||||
<h2 class="mb-7 text-xl">No meio da Natureza</h2>
|
||||
|
||||
<p>
|
||||
Existem <b>nove trilhos pedestres</b> nas imediações. A rota
|
||||
circular de Água Retorta (PRC13 SMI), de dificuldade moderada,
|
||||
demora 2 horas. Passa mesmo aqui à porta.
|
||||
</p>
|
||||
<p>
|
||||
Existem <b>nove trilhos pedestres</b> nas imediações. A rota circular
|
||||
de Água Retorta (PRC13 SMI), de dificuldade moderada, demora 2 horas.
|
||||
Passa mesmo aqui à porta.
|
||||
</p>
|
||||
|
||||
<p class="my-5">
|
||||
As melhores paisagens da ilha podem ser vistas e
|
||||
registadas nos vários <b>miradouros</b> que rodeiam a aldeia,
|
||||
como a Ponta da Madrugada ou o Pico Longo.
|
||||
</p>
|
||||
<p class="my-5">
|
||||
As melhores paisagens da ilha podem ser vistas e registadas nos
|
||||
vários <b>miradouros</b> que rodeiam a aldeia, como a Ponta da Madrugada
|
||||
ou o Pico Longo.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<b
|
||||
>Praias selvagens, parques florestais, e piscinas
|
||||
termais</b
|
||||
>: eis algumas das atrações da zona oriental da ilha de
|
||||
São Miguel.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
<p>
|
||||
<b>Praias selvagens, parques florestais, e piscinas termais</b>: eis
|
||||
algumas das atrações da zona oriental da ilha de São Miguel.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Secção Opiniões -->
|
||||
<!-- <section class="bg-olivine text-center py-8">
|
||||
<!-- Secção Opiniões -->
|
||||
<!-- <section class="bg-olivine text-center py-8">
|
||||
<h2 class="text-green text-2xl mb-7">Opiniões</h2>
|
||||
<div class="flex justify-center gap-1 items-center">
|
||||
<button id="scroll-reviews-left-button" class="text-5xl"
|
||||
|
|
@ -235,76 +229,74 @@ const logoImage = await getImage({ src: Logo });
|
|||
</div>
|
||||
</section> -->
|
||||
|
||||
<!-- Secção Mapa -->
|
||||
<section class="text-center py-8 bg-olivine mb-7">
|
||||
<h2 class="text-green text-2xl mb-7 sm:text-4xl">Mapa</h2>
|
||||
<!-- Secção Mapa -->
|
||||
<section class="text-center py-8 bg-olivine mb-7">
|
||||
<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"
|
||||
>
|
||||
<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">
|
||||
<div class="sm:flex sm:justify-between">
|
||||
<div class="flex sm:flex-col max-sm:justify-between mb-3">
|
||||
<span>Mais informações</span>
|
||||
<span>
|
||||
<a href="tel:+351963535226">
|
||||
<b class="font-semibold">+351 963 535 226</b>
|
||||
</a>
|
||||
(Helena)
|
||||
</span>
|
||||
</div>
|
||||
<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 transition-colors"
|
||||
>
|
||||
<Image
|
||||
src={LogoAirbnb}
|
||||
alt="Airbnb logo"
|
||||
height={550}
|
||||
class="h-10 sm:h-6 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 sm:px-8 py-4 rounded-xl transition-colors"
|
||||
>
|
||||
<Image
|
||||
src={LogoBooking}
|
||||
alt="Booking logo"
|
||||
height={500}
|
||||
class="h-8 sm:h-6 translate-y-0.5 w-auto"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-xs text-center">
|
||||
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>
|
||||
<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"
|
||||
>
|
||||
<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">
|
||||
<div class="sm:flex sm:justify-between">
|
||||
<div class="flex sm:flex-col max-sm:justify-between mb-3">
|
||||
<span>Mais informações</span>
|
||||
<span>
|
||||
<a href="tel:+351963535226">
|
||||
<b class="font-semibold hover:underline">+351 963 535 226</b>
|
||||
</a>
|
||||
(Helena)
|
||||
</span>
|
||||
</div>
|
||||
<div class="flex gap-5 mb-3">
|
||||
<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 sm:px-8 py-2 rounded-xl transition-colors"
|
||||
>
|
||||
<Image
|
||||
src={LogoAirbnb}
|
||||
alt="Airbnb logo"
|
||||
height={550}
|
||||
class="h-10 sm:h-6 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 sm:px-8 py-4 rounded-xl transition-colors"
|
||||
>
|
||||
<Image
|
||||
src={LogoBooking}
|
||||
alt="Booking logo"
|
||||
height={500}
|
||||
class="h-8 sm:h-6 translate-y-0.5 w-auto"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-xs text-center">
|
||||
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>
|
||||
|
||||
<!-- <script>
|
||||
<!-- <script>
|
||||
// function scrollReviews(right = true) {
|
||||
// document
|
||||
// .querySelector("#review-list")
|
||||
|
|
@ -327,5 +319,5 @@ const logoImage = await getImage({ src: Logo });
|
|||
// scrollReviews();
|
||||
// });
|
||||
</script> -->
|
||||
</Fragment>
|
||||
</Fragment>
|
||||
</Layout>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue