55 lines
44 KiB
HTML
55 lines
44 KiB
HTML
<!doctype html>
|
||
<html lang="pl">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<link rel="icon" href="./favicon.svg" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
|
||
<link href="./_app/immutable/assets/0.ChDOWPHY.css" rel="stylesheet">
|
||
<link href="./_app/immutable/assets/2._kZ8vOcI.css" rel="stylesheet">
|
||
<link rel="modulepreload" href="./_app/immutable/entry/start.S1IiX5sj.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/BoDDOm9f.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/CiuVnhid.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/Ch07Yrnl.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/D3SY5QFV.js">
|
||
<link rel="modulepreload" href="./_app/immutable/entry/app.k7ms814n.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/CWj6FrbW.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/HObM51mt.js">
|
||
<link rel="modulepreload" href="./_app/immutable/nodes/0.CmLsE_59.js">
|
||
<link rel="modulepreload" href="./_app/immutable/nodes/2.8lH9Zp2c.js">
|
||
<link rel="modulepreload" href="./_app/immutable/chunks/v8e1FLRj.js"><!--[--><meta name="description" content="Zapraszamy do domków letniskowych w Dźwirzynie. Noclegi nad morzem, blisko plaży, idealne na rodzinne wakacje. Sprawdź dostępność i zarezerwuj już dziś!"/> <meta name="keywords" content="domki letniskowe Dźwirzyno, noclegi nad morzem, wakacje Dźwirzyno, domki nad morzem, Dźwirzyno domki, domki Słoneczko Dźwirzyno, wynajem domków Dźwirzyno, rodzinne wakacje nad morzem"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="robots" content="index, follow"/> <meta charset="UTF-8"/> <link rel="canonical" href="https://sloneczkodomki.pl/"/><!--]--><title>Domki letniskowe nad morzem w Dźwirzynie – Słoneczko</title>
|
||
</head>
|
||
<body data-sveltekit-preload-data="hover">
|
||
<div style="display: contents"><!--[--><!--[--><!----><!----><div class="min-h-screen bg-gradient-to-b from-blue-50 to-white"><header class="bg-white shadow-sm sticky top-0 z-50"><div class="container mx-auto px-4 py-4"><div class="flex items-center justify-between"><div class="flex items-center space-x-2"><div class="w-10 h-10 bg-yellow-400 rounded-full flex items-center justify-center"><span class="text-xl">☀️</span></div> <div><h1 class="text-xl font-bold text-gray-900">SŁONECZKO</h1> <p class="text-sm text-gray-600">Domki Letniskowe</p></div></div> <nav class="hidden md:flex space-x-6"><a href="#about" class="text-gray-700 hover:text-blue-600 transition-colors">O obiekcie</a> <a href="#gallery" class="text-gray-700 hover:text-blue-600 transition-colors">Galeria</a> <a href="#amenities" class="text-gray-700 hover:text-blue-600 transition-colors">Wyposażenie</a> <a href="#pricing" class="text-gray-700 hover:text-blue-600 transition-colors">Cennik</a> <a href="#location" class="text-gray-700 hover:text-blue-600 transition-colors">Lokalizacja</a> <a href="#contact" class="text-gray-700 hover:text-blue-600 transition-colors">Kontakt</a></nav></div></div></header> <section class="relative h-screen bg-gradient-to-r from-blue-600 to-blue-800 text-white"><div class="absolute inset-0 bg-cover bg-center bg-no-repeat" style="background-image: url('/sloneczko.webp');"></div> <div class="absolute inset-0 bg-black opacity-50"></div> <div class="container mx-auto px-4 relative z-10 h-full flex items-center"><div class="max-w-4xl mx-auto text-center"><h1 class="text-4xl md:text-6xl font-bold mb-6">Domki Letniskowe <span class="text-yellow-400">SŁONECZKO</span></h1> <p class="text-xl md:text-2xl mb-8 text-blue-100">Spokojny wypoczynek nad Bałtykiem w Dźwirzynie</p> <div class="flex flex-col sm:flex-row gap-4 justify-center items-center mb-8"><div class="flex items-center space-x-2"><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-icon lucide lucide-waves w-5 h-5"><!--[--><!----><path d="M2 6c.6.5 1.2 1 2.5 1C7 7 7 5 9.5 5c2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"><!----></path><!----><!----><path d="M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"><!----></path><!----><!----><path d="M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"><!----></path><!----><!--]--><!----><!----></svg><!----> <span>450m od morza</span></div> <div class="flex items-center space-x-2"><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-icon lucide lucide-trees w-5 h-5"><!--[--><!----><path d="M10 10v.2A3 3 0 0 1 8.9 16H5a3 3 0 0 1-1-5.8V10a3 3 0 0 1 6 0Z"><!----></path><!----><!----><path d="M7 16v6"><!----></path><!----><!----><path d="M13 19v3"><!----></path><!----><!----><path d="M12 19h8.3a1 1 0 0 0 .7-1.7L18 14h.3a1 1 0 0 0 .7-1.7L16 9h.2a1 1 0 0 0 .8-1.7L13 3l-1.4 1.5"><!----></path><!----><!--]--><!----><!----></svg><!----> <span>900m od jeziora Resko</span></div></div> <div class="flex flex-col sm:flex-row gap-4 justify-center"><!--[--><a data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap text-sm outline-none transition-all focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 shadow-xs h-10 rounded-md px-6 has-[>svg]:px-4 bg-yellow-500 hover:bg-yellow-600 text-black font-semibold" href="tel:+48664786167"><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-icon lucide lucide-phone w-4 h-4 mr-2"><!--[--><!----><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><!----> +48 664 786 167<!----></a><!--]--><!----> <!--[--><a data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap text-sm font-medium outline-none transition-all focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 shadow-xs dark:bg-input/30 dark:border-input dark:hover:bg-input/50 border h-10 rounded-md px-6 has-[>svg]:px-4 border-white text-white hover:bg-white hover:text-blue-800 bg-transparent" href="#pricing"><!---->Zobacz cennik<!----></a><!--]--><!----></div></div></div></section> <section id="about" class="py-16"><div class="container mx-auto px-4"><div class="max-w-4xl mx-auto"><h2 class="text-3xl font-bold text-center mb-12 text-gray-900">O naszym obiekcie</h2> <div class="grid md:grid-cols-2 gap-8 items-center"><div><p class="text-lg text-gray-700 mb-6 leading-relaxed">Ośrodek jest położony w cichym, spokojnym miejscu 450 m od morza i 900 m od jeziora Resko. Oferujemy
|
||
domki letniskowe oraz pokoje, w pełni wyposażone z łazienkami.</p> <p class="text-lg text-gray-700 mb-6 leading-relaxed">Teren obiektu jest ogrodzony i bezpieczny. Na terenie obiektu jest plac zabaw dla dzieci (huśtawki,
|
||
piaskownica, itd.) jest również możliwość parkowania samochodu.</p> <p class="text-lg text-gray-700 leading-relaxed">Zadbaliśmy też o wydzielone miejsce na ognisko lub grill. Zapewniamy miłą i rodzinną atmosferę!</p></div> <div class="bg-blue-50 p-6 rounded-lg"><h3 class="text-xl font-semibold mb-4 text-gray-900">Udogodnienia na terenie</h3> <div class="grid grid-cols-1 gap-3"><!--[--><div class="flex items-center space-x-3"><!----><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-icon lucide lucide-shield w-5 h-5 text-blue-600"><!--[--><!----><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"><!----></path><!----><!--]--><!----><!----></svg><!----> <span class="text-gray-700">Teren ogrodzony i bezpieczny</span></div><div class="flex items-center space-x-3"><!----><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-icon lucide lucide-baby w-5 h-5 text-blue-600"><!--[--><!----><path d="M10 16c.5.3 1.2.5 2 .5s1.5-.2 2-.5"><!----></path><!----><!----><path d="M15 12h.01"><!----></path><!----><!----><path d="M19.38 6.813A9 9 0 0 1 20.8 10.2a2 2 0 0 1 0 3.6 9 9 0 0 1-17.6 0 2 2 0 0 1 0-3.6A9 9 0 0 1 12 3c2 0 3.5 1.1 3.5 2.5s-.9 2.5-2 2.5c-.8 0-1.5-.4-1.5-1"><!----></path><!----><!----><path d="M9 12h.01"><!----></path><!----><!--]--><!----><!----></svg><!----> <span class="text-gray-700">Plac zabaw dla dzieci</span></div><div class="flex items-center space-x-3"><!----><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-icon lucide lucide-flame w-5 h-5 text-blue-600"><!--[--><!----><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"><!----></path><!----><!--]--><!----><!----></svg><!----> <span class="text-gray-700">Miejsce na ognisko/grill</span></div><!--]--></div></div></div></div></div></section> <section id="gallery" class="py-16 bg-white"><div class="container mx-auto px-4"><div class="max-w-6xl mx-auto"><h2 class="text-3xl font-bold text-center mb-4 text-gray-900">Nasze domki i pokoje</h2> <p class="text-center text-gray-600 mb-12">Kliknij na zdjęcie aby zobaczyć więcej</p> <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"><!--[--><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm overflow-hidden hover:shadow-xl transition-shadow cursor-pointer group"><div class="relative"><img src="/31_1.webp" alt="Pokój 1-osobowy" class="w-full h-48 object-cover group-hover:scale-105 transition-transform duration-300"/> <div class="absolute inset-0 group-hover:bg-opacity-20 transition-all duration-300 flex items-center justify-center"><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-icon lucide lucide-camera w-8 h-8 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300"><!--[--><!----><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"><!----></path><!----><!----><circle cx="12" cy="13" r="3"><!----></circle><!----><!--]--><!----><!----></svg><!----></div> <div class="absolute top-2 right-2 bg-blue-600 text-white px-2 py-1 rounded text-sm font-medium">Nr 31</div></div> <div data-slot="card-content" class="p-4"><h3 class="font-semibold text-lg mb-2 text-gray-900">Pokój 1-osobowy</h3> <p class="text-gray-600 text-sm"></p><!----></div><!----><!----></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm overflow-hidden hover:shadow-xl transition-shadow cursor-pointer group"><div class="relative"><img src="/placeholder.svg?height=300&width=400" alt="Pokój 2-osobowy" class="w-full h-48 object-cover group-hover:scale-105 transition-transform duration-300"/> <div class="absolute inset-0 group-hover:bg-opacity-20 transition-all duration-300 flex items-center justify-center"><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-icon lucide lucide-camera w-8 h-8 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300"><!--[--><!----><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"><!----></path><!----><!----><circle cx="12" cy="13" r="3"><!----></circle><!----><!--]--><!----><!----></svg><!----></div> <div class="absolute top-2 right-2 bg-blue-600 text-white px-2 py-1 rounded text-sm font-medium">Nr 30, 32</div></div> <div data-slot="card-content" class="p-4"><h3 class="font-semibold text-lg mb-2 text-gray-900">Pokój 2-osobowy</h3> <p class="text-gray-600 text-sm"></p><!----></div><!----><!----></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm overflow-hidden hover:shadow-xl transition-shadow cursor-pointer group"><div class="relative"><img src="/5_1.webp" alt="Domek 2-osobowy" class="w-full h-48 object-cover group-hover:scale-105 transition-transform duration-300"/> <div class="absolute inset-0 group-hover:bg-opacity-20 transition-all duration-300 flex items-center justify-center"><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-icon lucide lucide-camera w-8 h-8 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300"><!--[--><!----><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"><!----></path><!----><!----><circle cx="12" cy="13" r="3"><!----></circle><!----><!--]--><!----><!----></svg><!----></div> <div class="absolute top-2 right-2 bg-blue-600 text-white px-2 py-1 rounded text-sm font-medium">Nr 5, 5a</div></div> <div data-slot="card-content" class="p-4"><h3 class="font-semibold text-lg mb-2 text-gray-900">Domek 2-osobowy</h3> <p class="text-gray-600 text-sm"></p><!----></div><!----><!----></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm overflow-hidden hover:shadow-xl transition-shadow cursor-pointer group"><div class="relative"><img src="/placeholder.svg?height=300&width=400" alt="Domek 3-osobowy" class="w-full h-48 object-cover group-hover:scale-105 transition-transform duration-300"/> <div class="absolute inset-0 group-hover:bg-opacity-20 transition-all duration-300 flex items-center justify-center"><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-icon lucide lucide-camera w-8 h-8 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300"><!--[--><!----><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"><!----></path><!----><!----><circle cx="12" cy="13" r="3"><!----></circle><!----><!--]--><!----><!----></svg><!----></div> <div class="absolute top-2 right-2 bg-blue-600 text-white px-2 py-1 rounded text-sm font-medium">Nr 7-9, 20-23</div></div> <div data-slot="card-content" class="p-4"><h3 class="font-semibold text-lg mb-2 text-gray-900">Domek 3-osobowy</h3> <p class="text-gray-600 text-sm"></p><!----></div><!----><!----></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm overflow-hidden hover:shadow-xl transition-shadow cursor-pointer group"><div class="relative"><img src="/11_1.webp" alt="Domek 4-osobowy (1 pomieszczenie)" class="w-full h-48 object-cover group-hover:scale-105 transition-transform duration-300"/> <div class="absolute inset-0 group-hover:bg-opacity-20 transition-all duration-300 flex items-center justify-center"><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-icon lucide lucide-camera w-8 h-8 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300"><!--[--><!----><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"><!----></path><!----><!----><circle cx="12" cy="13" r="3"><!----></circle><!----><!--]--><!----><!----></svg><!----></div> <div class="absolute top-2 right-2 bg-blue-600 text-white px-2 py-1 rounded text-sm font-medium">Nr 10-14</div></div> <div data-slot="card-content" class="p-4"><h3 class="font-semibold text-lg mb-2 text-gray-900">Domek 4-osobowy (1 pomieszczenie)</h3> <p class="text-gray-600 text-sm"></p><!----></div><!----><!----></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm overflow-hidden hover:shadow-xl transition-shadow cursor-pointer group"><div class="relative"><img src="/4_1.webp" alt="Domek 4-osobowy (2 pomieszczenia)" class="w-full h-48 object-cover group-hover:scale-105 transition-transform duration-300"/> <div class="absolute inset-0 group-hover:bg-opacity-20 transition-all duration-300 flex items-center justify-center"><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-icon lucide lucide-camera w-8 h-8 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300"><!--[--><!----><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"><!----></path><!----><!----><circle cx="12" cy="13" r="3"><!----></circle><!----><!--]--><!----><!----></svg><!----></div> <div class="absolute top-2 right-2 bg-blue-600 text-white px-2 py-1 rounded text-sm font-medium">Nr 6, 33, 4, 2, 3</div></div> <div data-slot="card-content" class="p-4"><h3 class="font-semibold text-lg mb-2 text-gray-900">Domek 4-osobowy (2 pomieszczenia)</h3> <p class="text-gray-600 text-sm"></p><!----></div><!----><!----></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm overflow-hidden hover:shadow-xl transition-shadow cursor-pointer group"><div class="relative"><img src="/19_1.webp" alt="Domek 4-osobowy" class="w-full h-48 object-cover group-hover:scale-105 transition-transform duration-300"/> <div class="absolute inset-0 group-hover:bg-opacity-20 transition-all duration-300 flex items-center justify-center"><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-icon lucide lucide-camera w-8 h-8 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300"><!--[--><!----><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"><!----></path><!----><!----><circle cx="12" cy="13" r="3"><!----></circle><!----><!--]--><!----><!----></svg><!----></div> <div class="absolute top-2 right-2 bg-blue-600 text-white px-2 py-1 rounded text-sm font-medium">Nr 15-19</div></div> <div data-slot="card-content" class="p-4"><h3 class="font-semibold text-lg mb-2 text-gray-900">Domek 4-osobowy</h3> <p class="text-gray-600 text-sm"></p><!----></div><!----><!----></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm overflow-hidden hover:shadow-xl transition-shadow cursor-pointer group"><div class="relative"><img src="/26_1.webp" alt="Domek 4-osobowy" class="w-full h-48 object-cover group-hover:scale-105 transition-transform duration-300"/> <div class="absolute inset-0 group-hover:bg-opacity-20 transition-all duration-300 flex items-center justify-center"><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-icon lucide lucide-camera w-8 h-8 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300"><!--[--><!----><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"><!----></path><!----><!----><circle cx="12" cy="13" r="3"><!----></circle><!----><!--]--><!----><!----></svg><!----></div> <div class="absolute top-2 right-2 bg-blue-600 text-white px-2 py-1 rounded text-sm font-medium">Nr 24-26</div></div> <div data-slot="card-content" class="p-4"><h3 class="font-semibold text-lg mb-2 text-gray-900">Domek 4-osobowy</h3> <p class="text-gray-600 text-sm"></p><!----></div><!----><!----></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm overflow-hidden hover:shadow-xl transition-shadow cursor-pointer group"><div class="relative"><img src="/29_1.webp" alt="Pokój studio 5 osobowy" class="w-full h-48 object-cover group-hover:scale-105 transition-transform duration-300"/> <div class="absolute inset-0 group-hover:bg-opacity-20 transition-all duration-300 flex items-center justify-center"><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-icon lucide lucide-camera w-8 h-8 text-white opacity-0 group-hover:opacity-100 transition-opacity duration-300"><!--[--><!----><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"><!----></path><!----><!----><circle cx="12" cy="13" r="3"><!----></circle><!----><!--]--><!----><!----></svg><!----></div> <div class="absolute top-2 right-2 bg-blue-600 text-white px-2 py-1 rounded text-sm font-medium">Nr 27-29</div></div> <div data-slot="card-content" class="p-4"><h3 class="font-semibold text-lg mb-2 text-gray-900">Pokój studio 5 osobowy</h3> <p class="text-gray-600 text-sm"></p><!----></div><!----><!----></div><!--]--></div></div></div></section> <section id="amenities" class="py-16 bg-gray-50"><div class="container mx-auto px-4"><div class="max-w-6xl mx-auto"><h2 class="text-3xl font-bold text-center mb-12 text-gray-900">Wyposażenie pokoi i domków</h2> <div class="grid grid-cols-2 md:grid-cols-4 gap-6"><!--[--><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm text-center hover:shadow-lg transition-shadow"><div data-slot="card-content" class="p-6"><!----><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-icon lucide lucide-wifi w-8 h-8 mx-auto mb-3 text-blue-600"><!--[--><!----><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><!----> <p class="text-sm font-medium text-gray-700">Wi-Fi</p><!----></div><!----></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm text-center hover:shadow-lg transition-shadow"><div data-slot="card-content" class="p-6"><!----><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-icon lucide lucide-utensils w-8 h-8 mx-auto mb-3 text-blue-600"><!--[--><!----><path d="M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2"><!----></path><!----><!----><path d="M7 2v20"><!----></path><!----><!----><path d="M21 15V2a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="text-sm font-medium text-gray-700">Aneks kuchenny</p><!----></div><!----></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm text-center hover:shadow-lg transition-shadow"><div data-slot="card-content" class="p-6"><!----><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-icon lucide lucide-tv w-8 h-8 mx-auto mb-3 text-blue-600"><!--[--><!----><path d="m17 2-5 5-5-5"><!----></path><!----><!----><rect width="20" height="15" x="2" y="7" rx="2"><!----></rect><!----><!--]--><!----><!----></svg><!----> <p class="text-sm font-medium text-gray-700">Telewizor</p><!----></div><!----></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm text-center hover:shadow-lg transition-shadow"><div data-slot="card-content" class="p-6"><!----><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-icon lucide lucide-coffee w-8 h-8 mx-auto mb-3 text-blue-600"><!--[--><!----><path d="M10 2v2"><!----></path><!----><!----><path d="M14 2v2"><!----></path><!----><!----><path d="M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1"><!----></path><!----><!----><path d="M6 2v2"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="text-sm font-medium text-gray-700">Czajnik elektryczny</p><!----></div><!----></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm text-center hover:shadow-lg transition-shadow"><div data-slot="card-content" class="p-6"><!----><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-icon lucide lucide-waves w-8 h-8 mx-auto mb-3 text-blue-600"><!--[--><!----><path d="M2 6c.6.5 1.2 1 2.5 1C7 7 7 5 9.5 5c2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"><!----></path><!----><!----><path d="M2 12c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"><!----></path><!----><!----><path d="M2 18c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 2.6 0 2.4 2 5 2 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="text-sm font-medium text-gray-700">Sprzęt plażowy</p><!----></div><!----></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm text-center hover:shadow-lg transition-shadow"><div data-slot="card-content" class="p-6"><!----><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-icon lucide lucide-car w-8 h-8 mx-auto mb-3 text-blue-600"><!--[--><!----><path d="M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2"><!----></path><!----><!----><circle cx="7" cy="17" r="2"><!----></circle><!----><!----><path d="M9 17h6"><!----></path><!----><!----><circle cx="17" cy="17" r="2"><!----></circle><!----><!--]--><!----><!----></svg><!----> <p class="text-sm font-medium text-gray-700">Parking</p><!----></div><!----></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm text-center hover:shadow-lg transition-shadow"><div data-slot="card-content" class="p-6"><!----><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-icon lucide lucide-credit-card w-8 h-8 mx-auto mb-3 text-blue-600"><!--[--><!----><rect width="20" height="14" x="2" y="5" rx="2"><!----></rect><!----><!----><line x1="2" x2="22" y1="10" y2="10"><!----></line><!----><!--]--><!----><!----></svg><!----> <p class="text-sm font-medium text-gray-700">Płatność kartą</p><!----></div><!----></div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm text-center hover:shadow-lg transition-shadow"><div data-slot="card-content" class="p-6"><!----><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-icon lucide lucide-paw-print w-8 h-8 mx-auto mb-3 text-blue-600"><!--[--><!----><circle cx="11" cy="4" r="2"><!----></circle><!----><!----><circle cx="18" cy="8" r="2"><!----></circle><!----><!----><circle cx="20" cy="16" r="2"><!----></circle><!----><!----><path d="M9 10a5 5 0 0 1 5 5v3.5a3.5 3.5 0 0 1-6.84 1.045Q6.52 17.48 4.46 16.84A3.5 3.5 0 0 1 5.5 10Z"><!----></path><!----><!--]--><!----><!----></svg><!----> <p class="text-sm font-medium text-gray-700">Zwierzęta mile widziane</p><!----></div><!----></div><!--]--></div> <div class="mt-8 text-center"><p class="text-gray-600">Każdy domek i pokój wyposażony jest w prywatną łazienkę, balkon lub taras, lodówkę, zastawę stołową i
|
||
wszystko co potrzebne do komfortowego wypoczynku.</p></div></div></div></section> <section id="pricing" class="py-16"><div class="container mx-auto px-4"><div class="max-w-6xl mx-auto"><h2 class="text-3xl font-bold text-center mb-12 text-gray-900">Cennik 2025</h2> <div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm"><div data-slot="card-header" class="@container/card-header has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6"><div data-slot="card-title" class="font-semibold leading-none"><!---->Ceny za dobę (zł)<!----></div><!----> <p data-slot="card-description" class="text-muted-foreground text-sm"><!---->Doba rozpoczyna się od godziny 14:00 i trwa do godziny 10:00 w dniu wyjazdu<!----></p><!----><!----></div><!----> <div data-slot="card-content" class="px-6"><div class="overflow-x-auto"><table class="w-full"><thead><tr class="border-b"><th class="text-left py-3 px-2">Rodzaj zakwaterowania</th><th class="text-center py-3 px-2">01.06 - 11.07</th><th class="text-center py-3 px-2 bg-yellow-50">12.07 - 16.08</th><th class="text-center py-3 px-2">17.08 - 30.09</th></tr></thead><tbody><!--[--><tr class="border-b hover:bg-gray-50"><td class="py-3 px-2 font-medium">Pokój 1-osobowy (31)</td><td class="text-center py-3 px-2">120</td><td class="text-center py-3 px-2 bg-yellow-50 font-semibold">150</td><td class="text-center py-3 px-2">120</td></tr><tr class="border-b hover:bg-gray-50"><td class="py-3 px-2 font-medium">Pokój 2-osobowy (30, 32)</td><td class="text-center py-3 px-2">140</td><td class="text-center py-3 px-2 bg-yellow-50 font-semibold">170</td><td class="text-center py-3 px-2">140</td></tr><tr class="border-b hover:bg-gray-50"><td class="py-3 px-2 font-medium">Pokój studio - 2 pokoje, łazienka dla 5 osób (27 - 29)</td><td class="text-center py-3 px-2">300</td><td class="text-center py-3 px-2 bg-yellow-50 font-semibold">380</td><td class="text-center py-3 px-2">300</td></tr><tr class="border-b hover:bg-gray-50"><td class="py-3 px-2 font-medium">Domek 3-osobowy (7 - 9 oraz 20 - 23)</td><td class="text-center py-3 px-2">240</td><td class="text-center py-3 px-2 bg-yellow-50 font-semibold">270</td><td class="text-center py-3 px-2">240</td></tr><tr class="border-b hover:bg-gray-50"><td class="py-3 px-2 font-medium">Domek 3-osobowy dla 2 osób (----- ; ----- )</td><td class="text-center py-3 px-2">220</td><td class="text-center py-3 px-2 bg-yellow-50 font-semibold">270</td><td class="text-center py-3 px-2">220</td></tr><tr class="border-b hover:bg-gray-50"><td class="py-3 px-2 font-medium">Domek 4-osobowy 1 pomieszczenie (10-14)</td><td class="text-center py-3 px-2">270</td><td class="text-center py-3 px-2 bg-yellow-50 font-semibold">300</td><td class="text-center py-3 px-2">270</td></tr><tr class="border-b hover:bg-gray-50"><td class="py-3 px-2 font-medium">Domek 4-osobowy 1 pomieszczenie dla 2 i 3 osób (----- ; ----- )</td><td class="text-center py-3 px-2">270</td><td class="text-center py-3 px-2 bg-yellow-50 font-semibold">300</td><td class="text-center py-3 px-2">270</td></tr><tr class="border-b hover:bg-gray-50"><td class="py-3 px-2 font-medium">Domek 4-osobowy 2 pomieszczenia (6, 33, 4, 2, 3)</td><td class="text-center py-3 px-2">280</td><td class="text-center py-3 px-2 bg-yellow-50 font-semibold">340</td><td class="text-center py-3 px-2">280</td></tr><tr class="border-b hover:bg-gray-50"><td class="py-3 px-2 font-medium">Domek 4-osobowy (15 - 19 oraz 24 - 26)</td><td class="text-center py-3 px-2">280</td><td class="text-center py-3 px-2 bg-yellow-50 font-semibold">300</td><td class="text-center py-3 px-2">280</td></tr><tr class="border-b hover:bg-gray-50"><td class="py-3 px-2 font-medium">Domek 2-osobowy (5, 5a)</td><td class="text-center py-3 px-2">170</td><td class="text-center py-3 px-2 bg-yellow-50 font-semibold">200</td><td class="text-center py-3 px-2">170</td></tr><!--]--></tbody></table></div> <!----><!--#s1--><!--[!--><div data-slot="separator" class="bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px my-6" id="bits-s1" role="separator" aria-orientation="horizontal" data-orientation="horizontal" data-separator-root=""><!----></div><!--]--><!----><!----> <div class="space-y-4"><h4 class="font-semibold text-gray-900">Informacje dodatkowe:</h4> <ul class="space-y-2 text-sm text-gray-700"><li>• Rezerwujemy pobyty minimum od 6 noclegów</li> <li>• Zwierzęta - 15 zł/dzień</li> <li>• Opłata klimatyczna wg ustaleń Gminy Kołobrzeg</li> <li>• Opłata za zużycie energii elektrycznej – 2,50 zł / kWh</li> <li>• Stałym klientom udzielamy rabatu 😊</li></ul> <div class="bg-blue-50 p-4 rounded-lg"><p class="text-sm font-medium text-blue-800">Numer konta bankowego ING: 78 1050 1559 1000 0092 4707 1898</p></div></div><!----></div><!----><!----></div><!----></div></div></section> <section id="location" class="py-16 bg-gray-50"><div class="container mx-auto px-4"><div class="max-w-6xl mx-auto"><h2 class="text-3xl font-bold text-center mb-12 text-gray-900">Lokalizacja - Dźwirzyno</h2> <div class="grid md:grid-cols-2 gap-8"><div><h3 class="text-xl font-semibold mb-4 text-gray-900">O Dźwirzynie</h3> <p class="text-gray-700 mb-4 leading-relaxed">Dźwirzyno jest małym, spokojnym letniskiem i uzdrowiskiem usytuowanym tuż nad brzegiem Bałtyku, na
|
||
zachodnim wybrzeżu, w gminie Kołobrzeg.</p> <p class="text-gray-700 mb-4 leading-relaxed">Turystyczne i rekreacyjne walory Dźwirzyna wynikają głównie z jego atrakcyjnego położenia - tuż nad
|
||
brzegiem Bałtyku i jednocześnie blisko jeziora Resko Przymorskie.</p> <p class="text-gray-700 mb-6 leading-relaxed">Nadbałtycka plaża w Dźwirzynie jest piaszczysta i szeroka, z wydzielonym strzeżonym latem
|
||
kąpieliskiem, a od lądu oddzielają ją malownicze wydmy z lasem sosnowym.</p> <div class="space-y-3"><h4 class="font-semibold text-gray-900">Atrakcje w okolicy:</h4> <ul class="space-y-2 text-sm text-gray-700"><li>• Port rybacki i przystań nad jeziorem</li> <li>• Rejsy stateczkiem wycieczkowym</li> <li>• Wypożyczalnia sprzętu pływającego</li> <li>• Szlaki turystyczne i rowerowe</li> <li>• Ścieżka zdrowia w lasku sosnowym</li> <li>• Idealne warunki do sportów wodnych</li></ul></div></div> <div><div data-slot="card" class="bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm"><div data-slot="card-header" class="@container/card-header has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6 grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6"><div data-slot="card-title" class="font-semibold leading-none flex items-center space-x-2"><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-icon lucide lucide-map-pin w-5 h-5"><!--[--><!----><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><!----> <span>Jak do nas dojechać</span><!----></div><!----></div><!----> <div data-slot="card-content" class="px-6"><div class="space-y-4"><div><iframe title="mapa do dojazdu" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d982.277750011523!2d15.409488121318219!3d54.15769800054639!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47001337971faad3%3A0x8a2d70122a7ab742!2sPiastowska%209%2C%2078-133%20D%C5%BAwirzyno!5e0!3m2!1spl!2spl!4v1752078233886!5m2!1spl!2spl" style="border:0;" loading="lazy" referrerpolicy="no-referrer-when-downgrade" class="svelte-1nhbddo"></iframe></div> <div><p class="font-medium text-gray-900">Adres:</p> <p class="text-gray-700">Piastowska 9, Dźwirzyno</p></div> <div><p class="font-medium text-gray-900">Odległości:</p> <ul class="text-sm text-gray-700 space-y-1"><li>• Morze Bałtyckie: 450m</li> <li>• Jezioro Resko: 900m</li> <li>• Kołobrzeg: ~10km</li> <li>• Mrzeżyno: ~7km</li> <li>• Grzybowo: ~5km</li></ul></div> <div class="bg-green-50 p-3 rounded-lg"><p class="text-sm text-green-800"><strong>Mikroklimat</strong> polecany w leczeniu dróg oddechowych</p></div></div><!----></div><!----><!----></div><!----></div></div> <div class="mt-16"><h3 class="text-2xl font-bold text-center mb-8 text-gray-900">Odkryj piękno Dźwirzyna</h3> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"><div class="space-y-2"><div class="relative overflow-hidden rounded-lg shadow-lg group"><img src="/baltyk.webp" alt="Plaża w Dźwirzynie" class="w-full h-48 object-cover group-hover:scale-105 transition-transform duration-300"/> <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent"></div> <div class="absolute bottom-3 left-3 text-white"><h4 class="font-semibold">Bałtyk</h4></div></div></div> <div class="space-y-2"><div class="relative overflow-hidden rounded-lg shadow-lg group"><img src="/resko.webp" alt="Jezioro Resko" class="w-full h-48 object-cover group-hover:scale-105 transition-transform duration-300"/> <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent"></div> <div class="absolute bottom-3 left-3 text-white"><h4 class="font-semibold">Jezioro Resko</h4></div></div></div> <div class="space-y-2"><div class="relative overflow-hidden rounded-lg shadow-lg group"><img src="/port.webp" alt="Port rybacki" class="w-full h-48 object-cover group-hover:scale-105 transition-transform duration-300"/> <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent"></div> <div class="absolute bottom-3 left-3 text-white"><h4 class="font-semibold">Port rybacki</h4></div></div></div> <div class="space-y-2"><div class="relative overflow-hidden rounded-lg shadow-lg group"><img src="/sciezka.webp" alt="Las sosnowy" class="w-full h-48 object-cover group-hover:scale-105 transition-transform duration-300"/> <div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent"></div> <div class="absolute bottom-3 left-3 text-white"><h4 class="font-semibold">Sćieżka zdrowia</h4></div></div></div></div> <div class="mt-8 grid md:grid-cols-2 gap-6"><div class="relative overflow-hidden rounded-lg shadow-lg group"><img src="/panorama.webp" alt="Panorama Dźwirzyna" class="w-full h-64 object-cover group-hover:scale-105 transition-transform duration-300"/> <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></div> <div class="absolute bottom-4 left-4 text-white"><h4 class="text-lg font-semibold mb-1">Panorama miejscowości</h4></div></div> <div class="relative overflow-hidden rounded-lg shadow-lg group"><img src="/wydmy.webp" alt="Wydmy i plaża" class="w-full h-64 object-cover group-hover:scale-105 transition-transform duration-300"/> <div class="absolute inset-0 bg-gradient-to-t from-black/60 to-transparent"></div> <div class="absolute bottom-4 left-4 text-white"><h4 class="text-lg font-semibold mb-1">Wydmy i plaża</h4></div></div></div></div></div></div></section> <section id="contact" class="py-16 bg-blue-900 text-white"><div class="container mx-auto px-4"><div class="max-w-4xl mx-auto text-center"><h2 class="text-3xl font-bold mb-8">Kontakt i rezerwacje</h2> <p class="text-xl mb-8 text-blue-100">Serdecznie zapraszamy na wypoczynek w rodzinnej atmosferze! ❤️</p> <div class="grid md:grid-cols-3 gap-8 mb-8"><div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm bg-white/10 border-white/20"><div data-slot="card-content" class="p-6"><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-icon lucide lucide-phone w-8 h-8 mx-auto mb-4 text-yellow-400"><!--[--><!----><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><!----> <h3 class="text-lg text-white font-semibold mb-2">Telefony</h3> <a href="tel:+48943585412"><p class="text-blue-100">+48 943 585 412</p></a> <a href="tel:+48664786167"><p class="text-blue-100">+48 664 786 167</p></a><!----></div><!----></div><!----> <div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm bg-white/10 border-white/20"><div data-slot="card-content" class="p-6"><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-icon lucide lucide-map-pin w-8 h-8 mx-auto mb-4 text-yellow-400"><!--[--><!----><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><!----> <h3 class="text-lg font-semibold mb-2 text-white">Adres</h3> <p class="text-blue-100">Piastowska 9</p> <p class="text-blue-100">Dźwirzyno</p><!----></div><!----></div><!----> <div data-slot="card" class="text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm bg-white/10 border-white/20"><div data-slot="card-content" class="p-6"><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-icon lucide lucide-mail w-8 h-8 mx-auto mb-4 text-yellow-400"><!--[--><!----><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><!----> <h3 class="text-lg font-semibold mb-2 text-white">Email</h3> <p class="text-blue-100">krystynaciolek@wp.pl</p><!----></div><!----></div><!----></div></div></div></section> <!--[!--><!--]--> <footer class="bg-gray-900 text-gray-300 py-8"><div class="container mx-auto px-4"><div class="text-center"><div class="flex items-center justify-center space-x-2 mb-4"><div class="w-8 h-8 bg-yellow-400 rounded-full flex items-center justify-center"><span class="text-lg">☀️</span></div> <span class="text-xl font-bold text-white">SŁONECZKO</span></div> <p class="text-sm">Domki Letniskowe SŁONECZKO - Krystyna Ciołek |
|
||
www.sloneczkodomki.pl</p></div></div></footer></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
|
||
|
||
<script>
|
||
{
|
||
__sveltekit_xd11uf = {
|
||
base: new URL(".", location).pathname.slice(0, -1)
|
||
};
|
||
|
||
const element = document.currentScript.parentElement;
|
||
|
||
Promise.all([
|
||
import("./_app/immutable/entry/start.S1IiX5sj.js"),
|
||
import("./_app/immutable/entry/app.k7ms814n.js")
|
||
]).then(([kit, app]) => {
|
||
kit.start(app, element, {
|
||
node_ids: [0, 2],
|
||
data: [{type:"data",data:null,uses:{}},null],
|
||
form: null,
|
||
error: null
|
||
});
|
||
});
|
||
}
|
||
</script>
|
||
</div>
|
||
</body>
|
||
</html> |