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&family=Karla:wght@300;400;500&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'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'acropoli di Terra Murata, polo culturale dell'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'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'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'entrata dell'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'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'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'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'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'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'Isola in barca</h3><p class="mt-3 text-sm leading-relaxed text-muted-foreground">Potrete ammirare l'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&layer=mapnik&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.