O nas

O Nas – Dworek Fantazja /* Reset i podstawowe style */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: ‘Georgia’, serif; background-color: #f5f2f0; color: #2d1b14; line-height: 1.6; padding-top: 80px; /* Kompensacja dla fixed navbar */ } /* Kontener główny */ .df-page-wrapper { min-height: 100vh; display: flex; flex-direction: column; } /* Menu – teraz białe */ .df-navbar { background-color: #ffffff; backdrop-filter: blur(10px); padding: 15px 0; position: fixed; width: 100%; top: 0; z-index: 1000; box-shadow: 0 2px 20px rgba(0,0,0,0.08); border-bottom: 1px solid #eaeaea; } .df-nav-container { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding: 0 20px; } /* Logo – teraz jako obrazek */ .df-logo-container { height: 70px; display: flex; align-items: center; } .df-logo { max-height: 70px; max-width: 200px; width: auto; height: auto; object-fit: contain; } /* Menu nawigacji */ .df-nav-links { display: flex; list-style: none; gap: 30px; align-items: center; } .df-nav-links a { text-decoration: none; color: #2d1b14; font-weight: 500; transition: color 0.3s ease; font-size: 16px; padding: 5px 0; position: relative; } .df-nav-links a:hover { color: #d4a574; } .df-nav-links a::after { content: ”; position: absolute; width: 0; height: 2px; bottom: -5px; left: 0; background-color: #d4a574; transition: width 0.3s ease; } .df-nav-links a:hover::after { width: 100%; } /* Baner – poprawiony */ .df-header { background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(‘https://dworekfantazja.com/wp-content/uploads/2026/04/30b44-img_7789.jpg’); background-size: cover; background-position: center; height: 400px; display: flex; align-items: center; justify-content: center; text-align: center; color: white; position: relative; margin-top: 0; } .df-header-content { max-width: 800px; padding: 0 20px; } .df-header h1 { font-size: 48px; margin-bottom: 20px; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); } /* Główna treść */ .df-main-content { flex: 1 0 auto; width: 100%; } .df-content { max-width: 1200px; margin: 0 auto; padding: 80px 20px; } /* Sekcje */ .df-about-section { background: white; padding: 60px; border-radius: 20px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); margin-bottom: 40px; } .df-about-section h2 { color: #d4a574; font-size: 36px; margin-bottom: 30px; text-align: center; } .df-about-section p { font-size: 18px; line-height: 1.8; margin-bottom: 25px; color: #555; } /* Grid z cechami */ .df-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin: 40px 0; } .df-feature-item { background: #f8f5f2; padding: 30px; border-radius: 15px; text-align: center; border-left: 5px solid #8b6f47; transition: transform 0.3s ease; } .df-feature-item:hover { transform: translateY(-5px); } .df-feature-item h4 { color: #d4a574; font-size: 20px; margin-bottom: 15px; } .df-feature-item p { color: #666; font-size: 16px; } /* Galeria */ .df-image-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin: 60px 0; } .df-gallery-item { position: relative; overflow: hidden; border-radius: 15px; box-shadow: 0 10px 25px rgba(0,0,0,0.15); transition: transform 0.3s ease; } .df-gallery-item:hover { transform: scale(1.05); } .df-gallery-item img { width: 100%; height: 250px; object-fit: cover; transition: transform 0.5s ease; } .df-gallery-item:hover img { transform: scale(1.1); } .df-gallery-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(transparent, rgba(0,0,0,0.7)); color: white; padding: 20px; } /* Statystyki */ .df-stats { background: #d4a574; color: #2d1b14; padding: 60px 20px; text-align: center; margin: 60px 0; border-radius: 20px; } .df-stats h3 { font-size: 32px; margin-bottom: 40px; } .df-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 40px; max-width: 800px; margin: 0 auto; } .df-stat-item { text-align: center; } .df-stat-number { font-size: 48px; font-weight: bold; display: block; margin-bottom: 10px; } .df-stat-text { font-size: 18px; } /* Stopka */ .df-footer { background-color: #2d1b14; color: #f5f2f0; text-align: center; padding: 40px 20px; flex-shrink: 0; } .df-footer-logo { margin-bottom: 20px; } .df-footer-logo-img { max-height: 60px; width: auto; filter: brightness(0) invert(1); } /* Responsywność */ @media (max-width: 768px) { body { padding-top: 70px; } .df-header h1 { font-size: 36px; } .df-about-section { padding: 40px 20px; } .df-about-section h2 { font-size: 28px; } .df-stats-grid { grid-template-columns: repeat(2, 1fr); } .df-nav-links { gap: 15px; } .df-logo-container { height: 40px; } .df-logo { max-height: 40px; } } @media (max-width: 480px) { body { padding-top: 60px; } .df-header { height: 300px; } .df-nav-links { gap: 10px; } .df-nav-links a { font-size: 14px; } }

O Nas

Od 2012 roku tworzymy niezapomniane chwile

Dworek Fantazja – Twoje miejsce na wyjątkowe chwile

Dysponujemy przestronną, klimatyzowaną salą mieszczącą do 130 gości, w której organizujemy wesela, komunie, przyjęcia urodzinowe oraz inne imprezy okolicznościowe.

Jednym z naszych największych atutów jest w pełni zagospodarowany, malowniczy ogród ze stawem o powierzchni 4000 m². To idealne miejsce na śluby plenerowe oraz romantyczne sesje ślubne.

Organizacją uroczystości weselnych zajmujemy się od 2012 roku — to nasza specjalność!

Bogate Menu

Menu ustalane zgodnie z życzeniem klienta

Dekoracje

Pokrowce i tkaniny w wielu wariantach kolorystycznych

Apartament

Dla Nowożeńców w cenie wesela

Brak ukrytych kosztów

Bez opłaty korkowej

Pokoje gościnne

Dla 29 osób

Profesjonalna obsługa

Miła i profesjonalna obsługa kelnerska

Sala wyposażona jest w agregat prądotwórczy oraz duży, oświetlony parking. Zapraszamy do kontaktu!

Nasze osiągnięcia

13+ Lat doświadczenia
130 Maksymalna liczba gości
4000m² Powierzchnia ogrodu
29 Miejsca noclegowe
<footer class="df-f

© 2025 Dworek Fantazja. Wszystkie prawa zastrzeżone.

// Funkcja do łatwej zmiany logo function changeLogo(newLogoUrl) { const logoImage = document.getElementById(‘df-logo-image’); if (logoImage && newLogoUrl) { logoImage.src = newLogoUrl; } } // Funkcja do łatwej zmiany tła banera function changeBannerImage(newBannerUrl) { const banner = document.querySelector(‘.df-header’); if (banner && newBannerUrl) { banner.style.backgroundImage = `linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(‘${newBannerUrl}’)`; } } // Przykładowe użycie – można usunąć te linie: // changeLogo(‘https://twoje-logo.pl/logo.png&#8217;); // changeBannerImage(‘https://twoje-zdjecie.pl/banner.jpg&#8217;); // Animacja statystyk const dfStatNumbers = document.querySelectorAll(‘.df-stat-number’); const dfAnimateNumbers = () => { dfStatNumbers.forEach(stat => { const target = stat.textContent; const isNumber = !isNaN(target.replace(/[^0-9]/g, ”)); if (isNumber) { const finalNumber = parseInt(target.replace(/[^0-9]/g, ”)); const suffix = target.replace(/[0-9]/g, ”); let current = 0; const increment = finalNumber / 50; const timer = setInterval(() => { current += increment; if (current >= finalNumber) { stat.textContent = finalNumber + suffix; clearInterval(timer); } else { stat.textContent = Math.floor(current) + suffix; } }, 40); } }); }; // Obserwuj sekcję statystyk const dfStatsSection = document.querySelector(‘.df-stats’); if (dfStatsSection) { const dfObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { dfAnimateNumbers(); dfObserver.unobserve(entry.target); } }); }, { threshold: 0.5 }); dfObserver.observe(dfStatsSection); } // Animacja galerii const dfGalleryItems = document.querySelectorAll(‘.df-gallery-item’); const dfGalleryObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.style.opacity = ‘1’; entry.target.style.transform = ‘translateY(0)’; } }); }, { threshold: 0.1 }); dfGalleryItems.forEach(item => { item.style.opacity = ‘0’; item.style.transform = ‘translateY(30px)’; item.style.transition = ‘opacity 0.6s ease, transform 0.6s ease’; dfGalleryObserver.observe(item); }); // Płynne przewijanie dla linków w menu document.querySelectorAll(‘.df-nav-links a’).forEach(anchor => { anchor.addEventListener(‘click’, function(e) { const href = this.getAttribute(‘href’); if (href.startsWith(‘#’)) { e.preventDefault(); const targetElement = document.querySelector(href); if (targetElement) { window.scrollTo({ top: targetElement.offsetTop – 80, behavior: ‘smooth’ }); } } }); });