<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8">
<meta http-equiv="content-language" content="pl-pl">
<title>Świat Ebooków - Sklep w przebudowie</title>
<meta name="robots" content="INDEX, FOLLOW">
<meta name="keywords" content="ebooki, książki elektroniczne, audiobooki, literatura, księgarnia internetowa">
<meta name="description" content="Świat Ebooków - największy wybór ebooków w Polsce. Sklep obecnie w przebudowie.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
display: flex;
flex-direction: column;
color: #333;
}
.container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
/* Header */
header {
background: white;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
padding: 20px 0;
}
.logo {
height: 60px;
display: block;
margin: 0 auto;
}
/* Main Content */
main {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 40px 20px;
}
.maintenance-box {
background: white;
border-radius: 20px;
box-shadow: 0 20px 60px rgba(0,0,0,0.2);
padding: 60px 40px;
text-align: center;
max-width: 600px;
margin: 0 auto;
}
.maintenance-icon {
width: 120px;
height: 120px;
margin: 0 auto 30px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
animation: pulse 2s infinite;
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(102, 126, 234, 0.7);
}
70% {
box-shadow: 0 0 0 20px rgba(102, 126, 234, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(102, 126, 234, 0);
}
}
.maintenance-icon::before {
content: "⚙";
font-size: 60px;
color: white;
}
h1 {
color: #2c3e50;
font-size: 32px;
margin-bottom: 20px;
font-weight: 700;
}
.subtitle {
color: #7f8c8d;
font-size: 18px;
line-height: 1.6;
margin-bottom: 30px;
}
.info-box {
background: #f8f9fa;
border-radius: 10px;
padding: 20px;
margin: 30px 0;
}
.info-box h2 {
color: #667eea;
font-size: 20px;
margin-bottom: 15px;
}
.info-box p {
color: #666;
line-height: 1.6;
}
.progress-bar {
width: 100%;
height: 6px;
background: #e9ecef;
border-radius: 3px;
overflow: hidden;
margin: 30px 0;
}
.progress-fill {
height: 100%;
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
width: 65%;
animation: progress 2s ease-in-out infinite;
}
@keyframes progress {
0% { width: 0%; }
100% { width: 65%; }
}
/* Footer */
footer {
background: #2c3e50;
color: white;
padding: 40px 0;
margin-top: auto;
}
.footer-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: start;
gap: 40px;
}
.footer-section {
flex: 1;
min-width: 250px;
}
.footer-logo {
height: 40px;
margin-bottom: 20px;
filter: brightness(0) invert(1);
}
.footer-section h3 {
color: #ecf0f1;
font-size: 18px;
margin-bottom: 15px;
font-weight: 600;
}
.footer-section ul {
list-style: none;
}
.footer-section li {
color: #bdc3c7;
line-height: 1.8;
font-size: 14px;
}
.footer-section a {
color: #bdc3c7;
text-decoration: none;
transition: color 0.3s;
}
.footer-section a:hover {
color: #667eea;
}
.footer-bottom {
text-align: center;
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #34495e;
color: #95a5a6;
font-size: 14px;
}
/* Responsive */
@media (max-width: 768px) {
.maintenance-box {
padding: 40px 20px;
}
h1 {
font-size: 24px;
}
.subtitle {
font-size: 16px;
}
.footer-content {
flex-direction: column;
gap: 30px;
}
}
</style>
</head>
<body>
<!-- Header -->
<header>
<div class="container">
<img src="logo_blue.png" alt="Świat Ebooków" class="logo">
</div>
</header>
<!-- Main Content -->
<main>
<div class="container">
<div class="maintenance-box">
<div class="maintenance-icon"></div>
<h1>Sklep w przebudowie</h1>
<p class="subtitle">
Pracujemy nad ulepszeniem naszego sklepu, aby zapewnić Państwu
jeszcze lepsze doświadczenia zakupowe.
</p>
<div class="progress-bar">
<div class="progress-fill"></div>
</div>
<div class="info-box">
<h2>Co nowego przygotowujemy?</h2>
<p>
✓ Odświeżony design i łatwiejsza nawigacja<br>
✓ Szybsze ładowanie stron<br>
✓ Ulepszone wyszukiwanie książek<br>
✓ Nowe metody płatności<br>
✓ Lepsze zarządzanie biblioteką
</p>
</div>
<div class="info-box">
<h2>Kiedy wracamy?</h2>
<p>
Nie wiemy, bo zmian jest dużo. Damy znać.
Przepraszamy za utrudnienia i dziękujemy za cierpliwość!
</p>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-section">
<img src="logo_white.svg" alt="Świat Ebooków" class="footer-logo">
<ul>
<li><strong>Świat Ebooków</strong></li>
<li>Koobe Sp. z o.o.</li>
<li>ul. Kornela Makuszyńskiego 4</li>
<li>31-752 Kraków</li>
</ul>
</div>
<div class="footer-section">
<h3>Kontakt</h3>
<ul>
<li>📧 <a href="/cdn-cgi/l/email-protection#f380989f9683b380849a928796919c9c989c84dd839f"><span class="__cf_email__" data-cfemail="681b03040d18281b1f01091c0d0a070703071f461804">[email protected]</span></a></li>
<li>📞 W trakcie przebudowy</li>
<li>🕐 Pon-Pt: 9:00-17:00</li>
</ul>
</div>
<div class="footer-section">
<h3>Informacje</h3>
<ul>
<li>NIP: 123-456-78-90</li>
<li>REGON: 123456789</li>
<li>KRS: 0000123456</li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 Świat Ebooków. Wszystkie prawa zastrzeżone.</p>
</div>
</div>
</footer>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>
</html>