PageSourceSearch

https://lacasasulmare.it/

html lacasasulmare.it collected 2026-09-26 20:32:00 UTC 48,052 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="it"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="preload" as="image" href="/assets/logo-B-MJCGW0.png"/><link rel="preload" as="image" href="/__l5e/assets-v1/5acad5b7-d490-48bd-8597-f63314f1e020/hero.png"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,400&amp;family=Karla:wght@300;400;500&amp;display=swap" data-precedence="default"/><link rel="stylesheet" href="/assets/styles-CPa8Kw26.css" data-precedence="default"/><title>Hotel a Procida La Casa sul Mare - Hotel 4 Stelle Procida</title><meta name="author" content="La Casa sul Mare"/><meta property="og:site_name" content="La Casa sul Mare"/><meta name="twitter:card" content="summary_large_image"/><meta name="description" content="La Casa sul Mare, hotel 4 stelle a Procida con vista sulla baia di Corricella. 10 camere con terrazzo privato e vista mare."/><meta property="og:title" content="Hotel a Procida La Casa sul Mare - Hotel 4 Stelle Procida"/><meta property="og:description" content="La Casa sul Mare, hotel 4 stelle a Procida con vista sulla baia di Corricella. 10 camere con terrazzo privato e vista mare."/><meta property="og:type" content="website"/><meta property="og:url" content="https://casa-sul-mare-procida.lovable.app"/><meta property="og:image" content="https://casa-sul-mare-procida.lovable.app/og-image.jpg"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="La Casa sul Mare — Hotel a Procida con vista sulla baia di Corricella"/><meta property="og:locale" content="it_IT"/><meta property="og:locale:alternate" content="en_US"/><meta name="twitter:title" content="Hotel a Procida La Casa sul Mare - Hotel 4 Stelle Procida"/><meta name="twitter:description" content="La Casa sul Mare, hotel 4 stelle a Procida con vista sulla baia di Corricella. 10 camere con terrazzo privato e vista mare."/><meta name="twitter:image" content="https://casa-sul-mare-procida.lovable.app/og-image.jpg"/><link rel="modulepreload" href="/assets/index-D9OhxABq.js"/><link rel="modulepreload" href="/assets/routes-f-xFc9Zc.js"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/><link rel="icon" href="/favicon.png" type="image/png"/><link rel="canonical" href="https://casa-sul-mare-procida.lovable.app"/><link rel="alternate" hreflang="it" href="https://casa-sul-mare-procida.lovable.app"/><link rel="alternate" hreflang="en" href="https://casa-sul-mare-procida.lovable.app"/><link rel="alternate" hreflang="x-default" href="https://casa-sul-mare-procida.lovable.app"/>
1<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>
1</head><body><!--$--><div id="top" class="overflow-x-hidden bg-background"><header class="fixed inset-x-0 top-0 z-50 transition-all duration-500 border-b border-transparent"><div class="mx-auto grid max-w-7xl grid-cols-[minmax(0,1fr)_auto] items-center gap-4 px-5 py-4 lg:px-8"><a href="#top" class="min-w-0 shrink-0"><img src="/assets/logo-B-MJCGW0.png" alt="La Casa sul Mare — Boutique Hotel a Procida" class="h-9 w-auto sm:h-10"/></a><div class="flex shrink-0 items-center gap-5"><nav class="hidden items-center gap-7 lg:flex"><a href="#welcome" class="text-[0.8rem] uppercase tracking-[0.16em] transition-colors hover:text-terracotta text-primary-foreground/90">Benvenuti</a><a href="#rooms" class="text-[0.8rem] uppercase tracking-[0.16em] transition-colors hover:text-terracotta text-primary-foreground/90">Camere</a><a href="#features" class="text-[0.8rem] uppercase tracking-[0.16em] transition-colors hover:text-terracotta text-primary-foreground/90">Servizi</a><a href="#location" class="text-[0.8rem] uppercase tracking-[0.16em] transition-colors hover:text-terracotta text-primary-foreground/90">Dove siamo</a><a href="#booking" class="text-[0.8rem] uppercase tracking-[0.16em] transition-colors hover:text-terracotta text-primary-foreground/90">Contatti</a></nav><div class="hidden items-center gap-4 sm:flex text-primary-foreground/85"><a href="https://facebook.com" target="_blank" rel="noreferrer noopener" aria-label="Facebook" class="transition-colors hover:text-terracotta"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook size-4" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg></a><a href="mailto:[email protected]" aria-label="Email" class="transition-colors hover:text-terracotta"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail size-4" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg></a><a href="tel:+390818968799" aria-label="Telefono" class="transition-colors hover:text-terracotta"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone size-4" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg></a></div><div class="flex items-center rounded-full border px-1 py-0.5 text-[0.7rem] tracking-widest border-primary-foreground/40"><button type="button" aria-pressed="true" class="rounded-full px-2.5 py-1 uppercase transition-colors bg-terracotta text-accent-foreground">it</button><button type="button" aria-pressed="false" class="rounded-full px-2.5 py-1 uppercase transition-colors text-primary-foreground/80 hover:text-primary-foreground">en</button></div><button type="button" aria-label="Menu" class="lg:hidden text-primary-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu size-6" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></div></header><section class="relative flex min-h-[92vh] items-center justify-center"><img src="/__l5e/assets-v1/5acad5b7-d490-48bd-8597-f63314f1e020/hero.png" alt="La baia di Corricella a Procida al tramonto" width="1920" height="1088" class="absolute inset-0 size-full object-cover"/><div class="absolute inset-0 bg-gradient-to-b from-sea-deep/20 via-sea-deep/25 to-sea-deep/40"></div><div class="relative w-full px-6 text-center text-primary-foreground"><p class="text-[0.7rem] uppercase tracking-[0.34em] text-primary-foreground
1/80">Procida · Italia</p><h1 class="mt-6 font-display text-5xl leading-[1.05] sm:text-6xl md:text-7xl lg:text-8xl">La Casa sul Mare</h1><div class="relative z-10 mt-8 w-full px-6 sm:px-10 lg:px-16"><beddy-bar lang="it" widgetcode="d79dbbfad1f07"></beddy-bar></div><p class="mt-8 font-display text-xl italic text-primary-foreground/90 sm:text-2xl">Luogo dell&#x27;anima</p><a href="#welcome" class="mt-12 inline-flex flex-col items-center gap-3 text-[0.7rem] uppercase tracking-[0.24em] text-primary-foreground/85 transition-colors hover:text-terracotta">Scopri<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-down size-5 animate-bounce" aria-hidden="true"><path d="M12 5v14"></path><path d="m19 12-7 7-7-7"></path></svg></a></div></section><section id="welcome" class="mx-auto max-w-7xl px-5 py-20 lg:px-8 lg:py-28"><div class="grid gap-10 lg:grid-cols-[0.9fr_1.1fr] lg:gap-16"><div class="reveal  " style="transition-delay:0ms"><p class="kicker">Benvenuti</p><h2 class="mt-4 text-3xl leading-tight text-sea-deep sm:text-4xl md:text-5xl">Dove la storia incontra il mare</h2></div><div class="reveal  " style="transition-delay:120ms"><p class="text-base leading-relaxed text-muted-foreground sm:text-lg">La Casa sul Mare, con solo dieci camere, è un antico palazzo gentilizio risalente al XVIII secolo accuratamente ristrutturato la cui felice posizione può definirsi turisticamente «strategica». Essa infatti, consente di raggiungere agevolmente sia l&#x27;acropoli di Terra Murata, polo culturale dell&#x27;isola, sia il porto commerciale, la Marina di Sancio Cattolico.</p></div></div><div class="mt-14 grid gap-3 sm:gap-4 lg:grid-cols-2 lg:items-stretch"><div class="reveal  h-full" style="transition-delay:0ms"><figure class="img-overlay relative h-full overflow-hidden rounded-sm"><img src="/assets/gallery-1-9YFc4Y5X.jpg" alt="Colazione servita in terrazza" loading="lazy" width="1024" height="768" class="aspect-[4/3] w-full h-full object-cover transition-transform duration-700 hover:scale-[1.04]"/></figure></div><div class="grid grid-cols-2 gap-3 sm:gap-4"><div class="reveal  " style="transition-delay:60ms"><figure class="img-overlay relative overflow-hidden rounded-sm"><img src="/assets/gallery-2-56WpPdbD.jpg" alt="Il giardino dell&#x27;hotel" loading="lazy" width="1024" height="768" class="aspect-[4/3] w-full object-cover transition-transform duration-700 hover:scale-[1.04]"/></figure></div><div class="reveal  " style="transition-delay:120ms"><figure class="img-overlay relative overflow-hidden rounded-sm"><img src="/assets/gallery-3-w3VfasVl.jpg" alt="La hall dell&#x27;hotel" loading="lazy" width="1024" height="768" class="aspect-[4/3] w-full object-cover transition-transform duration-700 hover:scale-[1.04]"/></figure></div><div class="reveal  " style="transition-delay:180ms"><figure class="img-overlay relative overflow-hidden rounded-sm"><img src="/assets/gallery-4-D8He9jgP.jpg" alt="L&#x27;entrata dell&#x27;hotel" loading="lazy" width="1024" height="768" class="aspect-[4/3] w-full object-cover transition-transform duration-700 hover:scale-[1.04]"/></figure></div><div class="reveal  " style="transition-delay:240ms"><figure class="img-overlay relative overflow-hidden rounded-sm"><img src="/assets/gallery-5-Gkl8oRW_.jpg" alt="Vista notturna sulla baia" loading="lazy" width="1024" height="768" class="aspect-[4/3] w-full object-cover transition-transform duration-700 hover:scale-[1.04]"/></figure></div></div></div></section><section id="rooms" class="bg-secondary/60 py-20 lg:py-28"><div class="mx-auto max-w-7xl px-5 lg:px-8"><div class="reveal  text-center" style="transition-delay:0ms"><p class="kicker">Camere</p><h2 class="mt-4 text-3xl leading-tight text-sea-deep sm:text-4xl md:text-5xl">Le nostre camere</h2><p class="mt-3 text-base text-muted-foreground sm:text-lg">Tutte con vista mare</p></div><div class="mt-14 grid grid-cols-2 gap-3 sm:gap-4 lg:grid-cols-3"><div class="reveal  " style="transition-delay:0ms"><figure class="relative overflow-hidden rounded-sm"><img src="/assets/room-1-DdxbCXVC.jpg" alt="Camera con vista mare 1" loading="lazy" width="1024" height="768" class="aspect-[4/3] size-full object-cover transition-transform duration-700 hover:scale-[1.04]"/></figure></div><div class="reveal  " style="transition-delay:90ms"><figure class="relative overflow-hidden rounded-sm"><img src="/assets/room-2-DHadwjR_.jpg" alt="Camera con vista mare 2" loading="lazy" width="1024" height="768" class="aspect-[4/3] size-full object-cover transition-transform duration-700 hover:scale-[1.04]"/></figure></div><div class="reveal  " style="transition-delay:180ms"><figure class="relative overflow-hidden rounded-sm"><img src="/assets/room-3-B3JITnM3.jpg" alt="Camera con vista mare 3" loading="lazy" width="1024" height="768" class="aspect-[4/3] size-full object-cover transition-transform duration-700 hover:scale-[1.04]"/></figure></div><div class="reveal  " style="transition-delay:0ms"><figure class="relative overflow-hidden rounded-sm"><img src="/assets/room-4-BkgUrBkO.jpg" alt="Camera con vista mare 4" loading="lazy" width="1024" height="768" class="aspect-[4/3] size-full object-cover transition-transform duration-700 hover:scale-[1.04]"/></figure></div><div class="reveal  " style="transition-delay:90ms"><figure class="relative overflow-hidden rounded-sm"><img src="/assets/room-5-DRudm4a3.jpg" alt="Camera con vista mare 5" loading="lazy" width="1024" height="768" class="aspect-[4/3] size-full object-cover transition-transform duration-700 hover:scale-[1.04]"/></figure></div><div class="reveal  " style="transition-delay:180ms"><figure class="relative overflow-hidden rounded-sm"><img src="/assets/room-6-DsuolpDd.jpg" alt="Camera con vista mare 6" loading="lazy" width="1024" height="768" class="aspect-[4/3] size-full object-cover transition-transform duration-700 hover:scale-[1.04]"/></figure></div><div class="reveal  " style="transition-delay:0ms"><figure class="relative overflow-hidden rounded-sm"><img src="/assets/room-7-B7fCIKhh.jpg" alt="Camera con vista mare 7" loading="lazy" width="1024" height="768" class="aspect-[4/3] size-full object-cover transition-transform duration-700 hover:scale-[1.04]"/></figure></div><div class="reveal  " style="transition-delay:90ms"><figure class="relative overflow-hidden rounded-sm"><img src="/assets/room-8-DbITepv-.jpg" alt="Camera con vista mare 8" loading="lazy" width="1024" height="768" class="aspect-[4/3] size-full object-cover transition-transform duration-700 hover:scale-[1.04]"/></figure></div><div class="reveal  " style="transition-delay:180ms"><figure class="relative overflow-hidden rounded-sm"><img src="/assets/room-9-XPY9MASd.jpg" alt="Camera con vista mare 9" loading="lazy" width="1024" height="768" class="aspect-[4/3] size-full object-cover transition-transform duration-700 hover:scale-[1.04]"/></figure></div></div></div></section><section class="mx-auto max-w-7xl px-5 py-20 lg:px-8 lg:py-28"><div class="space-y-16 lg:space-y-24"><div class="grid items-center gap-8 lg:grid-cols-2 lg:gap-16"><div class="reveal  " style="transition-delay:0ms"><figure class="overflow-hidden rounded-sm"><img src="/__l5e/assets-v1/d9e07acf-16be-4d2d-a3cb-716499dd02af/feature-veduta.png" alt="Una vista mozzafiato" loading="lazy" width="1200" height="900" class="aspect-[4/3] size-full object-cover"/>
1</figure></div><div class="reveal  " style="transition-delay:120ms"><p class="kicker">0<!-- -->1</p><h3 class="mt-4 text-3xl leading-tight text-sea-deep sm:text-4xl">Una vista mozzafiato</h3><p class="mt-5 text-base leading-relaxed text-muted-foreground sm:text-lg">Tra profumati gelsomini e fiammeggianti buganvillee, sorseggiando un aperitivo, godrete di suggestivi tramonti e della spettacolare baia di Marina di Corricella.</p></div></div><div class="grid items-center gap-8 lg:grid-cols-2 lg:gap-16"><div class="reveal  lg:order-2" style="transition-delay:0ms"><figure class="overflow-hidden rounded-sm"><img src="/assets/feature-awake-CHNuwRPi.jpg" alt="Risvegliarsi in paradiso" loading="lazy" width="1200" height="900" class="aspect-[4/3] size-full object-cover"/></figure></div><div class="reveal  lg:order-1" style="transition-delay:120ms"><p class="kicker">0<!-- -->2</p><h3 class="mt-4 text-3xl leading-tight text-sea-deep sm:text-4xl">Risvegliarsi in paradiso</h3><p class="mt-5 text-base leading-relaxed text-muted-foreground sm:text-lg">Svegliarsi al mattino col «mare negli occhi», sarà una sensazione che non dimenticherete.</p></div></div><div class="grid items-center gap-8 lg:grid-cols-2 lg:gap-16"><div class="reveal  " style="transition-delay:0ms"><figure class="overflow-hidden rounded-sm"><img src="/assets/feature-view-BXZt7yYy.jpg" alt="Intimo e romantico" loading="lazy" width="1200" height="900" class="aspect-[4/3] size-full object-cover"/></figure></div><div class="reveal  " style="transition-delay:120ms"><p class="kicker">0<!-- -->3</p><h3 class="mt-4 text-3xl leading-tight text-sea-deep sm:text-4xl">Intimo e romantico</h3><p class="mt-5 text-base leading-relaxed text-muted-foreground sm:text-lg">Il silenzio e l&#x27;intimità delle camere con terrazzo privato vi regaleranno momenti indimenticabili.</p></div></div></div></section><section class="mx-auto max-w-7xl px-5 py-20 lg:px-8 lg:py-28"><div class="reveal  text-center" style="transition-delay:0ms"><p class="kicker">Recensioni</p><h2 class="mt-4 text-3xl leading-tight text-sea-deep sm:text-4xl md:text-5xl">Dicono di noi</h2></div><div class="mt-14 grid gap-6 lg:grid-cols-3"><div class="reveal  " style="transition-delay:0ms"><article class="flex h-full flex-col rounded-sm border border-border bg-card p-7"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote size-6 text-terracotta" aria-hidden="true"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><div class="mt-5 flex items-center gap-2"><h3 class="text-xl text-sea-deep">6 stelle su 5 : )</h3></div><p class="mt-3 grow text-sm leading-relaxed text-muted-foreground">«<!-- -->Soggiorno con la figlia, camera vista porto colorato, colazione con marmellata fatta in casa, giro in barca intorno all&#x27;isola.<!-- -->»</p><div class="mt-6 flex min-w-0 items-center gap-3 border-t border-border pt-5"><span class="grid size-10 shrink-0 place-items-center rounded-full bg-sea/10 font-display text-lg text-sea">S</span><span class="min-w-0 flex-1"><span class="flex items-center justify-between gap-2"><span class="block truncate text-sm text-foreground">Sophia S.</span><span class="flex shrink-0 gap-0.5" aria-label="5/5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5" aria-hidden="true" style="color:var(--color-terracotta);fill:var(--color-terracotta)"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5" aria-hidden="true" style="color:var(--color-terracotta);
1fill:var(--color-terracotta)"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5" aria-hidden="true" style="color:var(--color-terracotta);fill:var(--color-terracotta)"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5" aria-hidden="true" style="color:var(--color-terracotta);fill:var(--color-terracotta)"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5" aria-hidden="true" style="color:var(--color-terracotta);fill:var(--color-terracotta)"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span></span><span class="block truncate text-xs text-muted-foreground">Italia</span></span></div></article></div><div class="reveal  " style="transition-delay:110ms"><article class="flex h-full flex-col rounded-sm border border-border bg-card p-7"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote size-6 text-terracotta" aria-hidden="true"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><div class="mt-5 flex items-center gap-2"><h3 class="text-xl text-sea-deep">Bellissimo hotel che offre una vista mozzafiato</h3></div><p class="mt-3 grow text-sm leading-relaxed text-muted-foreground">«<!-- -->Camera in stile isolano pulita e curata, colazione abbondante servita in giardino con vista mare.<!-- -->»</p><div class="mt-6 flex min-w-0 items-center gap-3 border-t border-border pt-5"><span class="grid size-10 shrink-0 place-items-center rounded-full bg-sea/10 font-display text-lg text-sea">G</span><span class="min-w-0 flex-1"><span class="flex items-center justify-between gap-2"><span class="block truncate text-sm text-foreground">Giorgio De Luca</span><span class="flex shrink-0 gap-0.5" aria-label="5/5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5" aria-hidden="true" style="color:var(--color-terracotta);
1fill:var(--color-terracotta)"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5" aria-hidden="true" style="color:var(--color-terracotta);fill:var(--color-terracotta)"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5" aria-hidden="true" style="color:var(--color-terracotta);fill:var(--color-terracotta)"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5" aria-hidden="true" style="color:var(--color-terracotta);fill:var(--color-terracotta)"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5" aria-hidden="true" style="color:var(--color-terracotta);fill:var(--color-terracotta)"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span></span><span class="block truncate text-xs text-muted-foreground">Cornuda, Italia</span></span></div></article></div><div class="reveal  " style="transition-delay:220ms"><article class="flex h-full flex-col rounded-sm border border-border bg-card p-7"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote size-6 text-terracotta" aria-hidden="true"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg><div class="mt-5 flex items-center gap-2"><h3 class="text-xl text-sea-deep">Hanno un panorama impagabile</h3></div><p class="mt-3 grow text-sm leading-relaxed text-muted-foreground">«<!-- -->Terrazze uniche, hotel piccolo ma ben attrezzato, ottima accoglienza e colazioni di qualità.<!-- -->»</p><div class="mt-6 flex min-w-0 items-center gap-3 border-t border-border pt-5"><span class="grid size-10 shrink-0 place-items-center rounded-full bg-sea/10 font-display text-lg text-sea">T</span><span class="min-w-0 flex-1"><span class="flex items-center justify-between gap-2"><span class="block truncate text-sm text-foreground">Tony46 (Antonio)</span><span class="flex shrink-0 gap-0.5" aria-label="5/5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5" aria-hidden="true" style="color:var(--color-terracotta);
1fill:var(--color-terracotta)"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5" aria-hidden="true" style="color:var(--color-terracotta);fill:var(--color-terracotta)"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5" aria-hidden="true" style="color:var(--color-terracotta);fill:var(--color-terracotta)"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5" aria-hidden="true" style="color:var(--color-terracotta);fill:var(--color-terracotta)"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-star size-3.5" aria-hidden="true" style="color:var(--color-terracotta);fill:var(--color-terracotta)"><path d="M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"></path></svg></span></span><span class="block truncate text-xs text-muted-foreground">Italia</span></span></div></article></div></div><div class="mt-10 flex justify-center"><a href="https://www.tripadvisor.it" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 text-sm font-medium text-sea hover:text-terracotta">Leggi tutte le recensioni su TripAdvisor<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-external-link size-4" aria-hidden="true"><path d="M15 3h6v6"></path><path d="M10 14 21 3"></path><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path></svg></a></div></section><section id="features" class="bg-secondary/60 py-20 lg:py-28"><div class="mx-auto max-w-7xl px-5 lg:px-8"><div class="reveal  text-center" style="transition-delay:0ms"><p class="kicker">Servizi</p><h2 class="mt-4 text-3xl leading-tight text-sea-deep sm:text-4xl md:text-5xl">Servizi dell&#x27;hotel</h2><p class="mt-3 text-base text-muted-foreground sm:text-lg">Per rendere il tuo soggiorno indimenticabile</p></div><div class="reveal  mt-10 flex justify-center" style="transition-delay:0ms"><div role="tablist" aria-label="Servizi" class="inline-flex rounded-full border border-border bg-background/60 p-1"><button role="tab" type="button" aria-selected="true" class="rounded-full px-6 py-2 text-xs uppercase tracking-[0.2em] transition-colors bg-terracotta text-accent-foreground">Servizi</button><button role="tab" type="button" aria-selected="false" class="rounded-full px-6 py-2 text-xs uppercase tracking-[0.2em] transition-colors text-muted-foreground hover:text-foreground">Su richiesta</button></div></div><div class="mt-14"><p class="text-center text-xs uppercase tracking-[0.2em] text-muted-foreground">Inclusi in ogni camera</p><div class="mt-8 grid gap-x-8 gap-y-10 sm:grid-cols-2 lg:grid-cols-3"><div class="reveal  " style="transition-delay:0ms"><div class="flex min-w-0 gap-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refrigerator mt-1 size-5 shrink-0 text-terracotta" aria-hidden="true"><path d="M5 6a4 4 0 0 1 4-4h6a4 4 0 0 1 4 4v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6Z"></path><path d="M5 10h14"></path><path d="M15 7v6"></path></svg><div class="min-w-0"><h3 class="text-lg leading-snug text-sea-deep">Frigobar</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Frigobar rifornito.</p></div></div></div><div class="reveal  " style="transition-delay:90ms"><div class="flex min-w-0 gap-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-tv mt-1 size-5 shrink-0 text-terracotta" aria-hidden="true"><path d="m17 2-5 5-5-5"></path><rect width="20" height="15" x="2" y="7" rx="2"></rect></svg><div class="min-w-0"><h3 class="text-lg leading-snug text-sea-deep">TV Satellitare</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Televisione satellitare.</p></div></div></div><div class="reveal  " style="transition-delay:180ms"><div class="flex min-w-0 gap-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-lock mt-1 size-5 shrink-0 text-terracotta" aria-hidden="true"><rect width="18" height="11" x="3" y="11" rx="2" ry="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg><div class="min-w-0"><h3 class="text-lg leading-snug text-sea-deep">Cassaforte</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Cassaforte personale.</p></div></div></div><div class="reveal  " style="transition-delay:0ms"><div class="flex min-w-0 gap-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun mt-1 size-5 shrink-0 text-terracotta" aria-hidden="true"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg><div class="min-w-0"><h3 class="text-lg leading-snug text-sea-deep">Terrazzo privato</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Affaccio sul mare con terrazzo privato.</p></div></div></div><div class="reveal  " style="transition-delay:90ms"><div class="flex min-w-0 gap-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-snowflake mt-1 
1size-5 shrink-0 text-terracotta" aria-hidden="true"><path d="m10 20-1.25-2.5L6 18"></path><path d="M10 4 8.75 6.5 6 6"></path><path d="m14 20 1.25-2.5L18 18"></path><path d="m14 4 1.25 2.5L18 6"></path><path d="m17 21-3-6h-4"></path><path d="m17 3-3 6 1.5 3"></path><path d="M2 12h6.5L10 9"></path><path d="m20 10-1.5 2 1.5 2"></path><path d="M22 12h-6.5L14 15"></path><path d="m4 10 1.5 2L4 14"></path><path d="m7 21 3-6-1.5-3"></path><path d="m7 3 3 6h4"></path></svg><div class="min-w-0"><h3 class="text-lg leading-snug text-sea-deep">Aria condizionata / Riscaldamento</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Climatizzazione indipendente.</p></div></div></div><div class="reveal  " style="transition-delay:180ms"><div class="flex min-w-0 gap-4"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wifi mt-1 size-5 shrink-0 text-terracotta" aria-hidden="true"><path d="M12 20h.01"></path><path d="M2 8.82a15 15 0 0 1 20 0"></path><path d="M5 12.859a10 10 0 0 1 14 0"></path><path d="M8.5 16.429a5 5 0 0 1 7 0"></path></svg><div class="min-w-0"><h3 class="text-lg leading-snug text-sea-deep">Wifi Internet</h3><p class="mt-2 text-sm leading-relaxed text-muted-foreground">Connessione gratuita, anche nelle aree comuni.</p></div></div></div></div></div></div></section><section class="bg-background py-20 lg:py-28"><div class="mx-auto max-w-7xl px-5 lg:px-8"><div class="reveal  text-center" style="transition-delay:0ms"><p class="kicker">Esperienze</p><h2 class="mt-4 text-3xl leading-tight text-sea-deep sm:text-4xl md:text-5xl">Vivi l&#x27;isola</h2></div><div class="mt-12 grid gap-6 lg:grid-cols-2 lg:gap-8"><div class="reveal  " style="transition-delay:0ms"><article class="group h-full overflow-hidden rounded-sm border border-border bg-card"><img src="/assets/request-boat-D18CTff0.jpg" alt="Giro dell&#x27;Isola in barca" loading="lazy" width="1200" height="900" class="aspect-[16/10] w-full object-cover transition-transform duration-700 group-hover:scale-[1.03]"/><div class="p-7"><h3 class="text-2xl text-sea-deep">Giro dell&#x27;Isola in barca</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Potrete ammirare l&#x27;isola dal mare con un giro in barca della durata di 2h.</p></div></article></div><div class="reveal  " style="transition-delay:120ms"><article class="group h-full overflow-hidden rounded-sm border border-border bg-card"><img src="/assets/request-tour-BOjXNDWm.jpg" alt="Visite guidate in centro storico" loading="lazy" width="1200" height="900" class="aspect-[16/10] w-full object-cover transition-transform duration-700 group-hover:scale-[1.03]"/><div class="p-7"><h3 class="text-2xl text-sea-deep">Visite guidate in centro storico</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">È possibile prenotare visite guidate in centro storico.</p></div></article></div></div></div></section><section id="booking" class="bg-secondary/60 py-20 lg:py-28"><div class="mx-auto max-w-7xl px-5 lg:px-8"><div class="reveal  text-center" style="transition-delay:0ms"><p class="kicker">Prenotazione</p><h2 class="mt-4 text-3xl leading-tight text-sea-deep sm:text-4xl md:text-5xl">Prenota il tuo soggiorno a Procida</h2><p class="mt-3 text-base text-muted-foreground sm:text-lg">Verifica disponibilità e prenota direttamente online</p></div><div class="reveal  " style="transition-delay:0ms"><div class="mt-12 w-full"><beddy-bar lang="it" widgetcode="d79dbbfad1f07"></beddy-bar></div></div></div></section><section id="location" class="mx-auto max-w-7xl px-5 py-20 lg:px-8 lg:py-28"><div class="reveal  text-center" style="transition-delay:0ms"><p class="kicker">Dove siamo</p><h2 class="mt-4 text-3xl leading-tight text-sea-deep sm:text-4xl md:text-5xl">Nel cuore di Procida</h2></div><div class="reveal  mt-6 text-center" style="transition-delay:0ms"><p class="mx-auto inline-flex max-w-xl items-start gap-2 text-sm text-muted-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-map-pin mt-0.5 size-4 shrink-0 text-terracotta" aria-hidden="true"><path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle></svg>Salita Castello, 13, 80079 Procida (NA), Italia — a pochi passi dalla baia di Corricella.</p></div><div class="reveal  mt-10 overflow-hidden rounded-sm border border-border" style="transition-delay:120ms"><iframe title="Mappa — La Casa sul Mare, Procida" src="https://www.openstreetmap.org/export/embed.html?bbox=14.0241%2C40.7577%2C14.0401%2C40.7657&amp;layer=mapnik&amp;marker=40.7617%2C14.0321" loading="lazy" class="h-[380px] w-full border-0 sm:h-[460px]"></iframe></div></section><footer id="book" class="bg-sea-deep text-primary-foreground"><div class="mx-auto max-w-7xl px-5 py-16 lg:px-8 lg:py-20"><div class="grid gap-10 md:grid-cols-2 lg:grid-cols-5"><div><img src="/assets/logo-B-MJCGW0.png" alt="La Casa sul Mare — Boutique Hotel a Procida" class="h-12 w-auto"/>
1<p class="mt-4 text-sm leading-relaxed text-primary-foreground/70">La Casa sul mare è un Hotel 4 stelle con vista sulla baia di Corricella a conduzione familiare con 10 camere vista mare.</p></div><div><p class="text-[0.7rem] uppercase tracking-[0.24em] text-terracotta">Contatti</p><ul class="mt-4 space-y-3 text-sm text-primary-foreground/80"><li><a href="mailto:[email protected]" class="inline-flex items-center gap-2 transition-colors hover:text-terracotta"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail size-4 shrink-0" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg> [email protected]</a></li><li><a href="tel:+390818968799" class="inline-flex items-center gap-2 transition-colors hover:text-terracotta"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-phone size-4 shrink-0" aria-hidden="true"><path d="M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384"></path></svg> [+39] 081 896 87 99</a></li><li><a href="https://wa.me/393792761701" target="_blank" rel="noreferrer noopener" class="inline-flex items-center gap-2 transition-colors hover:text-terracotta"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle size-4 shrink-0" aria-hidden="true"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"></path></svg> WhatsApp [+39] 379 276 17 01</a></li></ul></div><div><p class="text-[0.7rem] uppercase tracking-[0.24em] text-terracotta">Pagamenti</p><ul class="mt-4 flex flex-wrap gap-2"><li class="rounded-sm border border-primary-foreground/25 px-2.5 py-1.5 text-[0.7rem] tracking-wide text-primary-foreground/75">Visa</li><li class="rounded-sm border border-primary-foreground/25 px-2.5 py-1.5 text-[0.7rem] tracking-wide text-primary-foreground/75">PayPal</li><li class="rounded-sm border border-primary-foreground/25 px-2.5 py-1.5 text-[0.7rem] tracking-wide text-primary-foreground/75">Mastercard</li><li class="rounded-sm border border-primary-foreground/25 px-2.5 py-1.5 text-[0.7rem] tracking-wide text-primary-foreground/75">Amex</li></ul></div><div><p class="text-[0.7rem] uppercase tracking-[0.24em] text-terracotta">Social</p><a href="https://facebook.com" target="_blank" rel="noreferrer noopener" class="mt-4 inline-flex items-center gap-2 text-sm text-primary-foreground/80 transition-colors hover:text-terracotta"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-facebook size-4" aria-hidden="true"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg> Facebook</a></div><div><p class="text-[0.7rem] uppercase tracking-[0.24em] text-terracotta">Richieste</p><form class="mt-4 space-y-3"><div><label for="email" class="sr-only">Email</label><input id="email" type="email" required="" placeholder="Email *" class="w-full rounded-sm border border-primary-foreground/25 bg-primary-foreground/5 px-3 py-2.5 text-sm text-primary-foreground placeholder:text-primary-foreground/45 focus:border-terracotta focus:outline-none"/></div><div><label for="details" class="sr-only">Dettagli del soggiorno</label><textarea id="details" required="" rows="3" placeholder="Dettagli del soggiorno *" class="w-full rounded-sm border border-primary-foreground/25 bg-primary-foreground
1/5 px-3 py-2.5 text-sm text-primary-foreground placeholder:text-primary-foreground/45 focus:border-terracotta focus:outline-none"></textarea></div><button type="submit" class="w-full rounded-sm bg-terracotta px-4 py-2.5 text-xs uppercase tracking-[0.18em] text-accent-foreground transition-opacity hover:opacity-90">Invia richiesta</button></form></div></div><div class="mt-14 border-t border-primary-foreground/15 pt-6 text-xs text-primary-foreground/55">© 2025 La Casa sul Mare</div></div></footer></div>
1<script>(function(a,f){let l;try{l=JSON.parse(sessionStorage.getItem(a)||"{}")}catch{return}const n=l?.[f||history.state?.__TSR_key];let c=!1;for(const t in n){const e=n[t],o=e?.scrollX,s=e?.scrollY;if(Number.isFinite(o)&&Number.isFinite(s)){if(t==="window")scrollTo(o,s),c=!0;else if(t)try{const r=document.querySelector(t);r&&(r.scrollLeft=o,r.scrollTop=s)}catch{}}}if(c)return;const i=location.hash.slice(1);if(i){const t=history.state?.__hashScrollIntoViewOptions??!0;if(t){const e=document.getElementById(i);e&&e.scrollIntoView(t)}return}scrollTo(0,0)})("tsr-scroll-restoration-v1_3");document.currentScript.remove()</script>
1<!--/$-->
1<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-D9OhxABq.js"],scripts:$R[5]=[$R[6]={attrs:$R[7]={type:"module",async:!0,src:"/assets/index-D9OhxABq.js"}}]},"/":$R[8]={preloads:$R[9]=["/assets/routes-f-xFc9Zc.js"]}}},matches:$R[10]=[$R[11]={i:"__root__�",u:1790454720185,s:"success",ssr:!0},$R[12]={i:"��",u:1790454720185,s:"success",ssr:!0}],lastMatchId:"��"})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>
1<script type="module" async="" src="/assets/index-D9OhxABq.js"></script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.