<!DOCTYPE html>

<html lang="pl">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>VivaMente Poradnia Zdrowia Psychicznego</title>

<meta name="description" content="VivaMente Poradnia Zdrowia Psychicznego we Wrocławiu. Już wkrótce uruchomimy nową stronę internetową.">

<style>

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

body{

    font-family: Georgia, serif;

    background:#f5f3ed;

    color:#1a1a1a;

    min-height:100vh;

}

.container{

    max-width:1000px;

    margin:0 auto;

    padding:50px 20px;

    text-align:center;

}

.logo{

    max-width:320px;

    width:80%;

    margin-bottom:30px;

}

h1{

    font-size:3rem;

    margin-bottom:15px;

}

.subtitle{

    font-size:1.4rem;

    color:#444;

    margin-bottom:15px;

}

.launch{

    color:#c96a1b;

    font-size:1.4rem;

    font-weight:bold;

    margin-bottom:40px;

}

.description{

    max-width:800px;

    margin:0 auto 50px;

    line-height:1.8;

    font-size:1.1rem;

}

.countdown{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:20px;

    margin-bottom:50px;

}

.time-box{

    background:#ffffff;

    padding:20px;

    min-width:130px;

    border-radius:15px;

    box-shadow:0 10px 25px rgba(0,0,0,0.08);

}

.number{

    font-size:2.5rem;

    font-weight:bold;

    color:#2b6177;

}

.label{

    margin-top:8px;

    color:#666;

}

.contact{

    background:white;

    border-radius:20px;

    padding:40px;

    box-shadow:0 10px 25px rgba(0,0,0,0.08);

    max-width:800px;

    margin:0 auto;

}

.contact h2{

    margin-bottom:25px;

}

.contact p{

    margin:12px 0;

    font-size:1.1rem;

}

.contact a{

    color:#c96a1b;

    text-decoration:none;

}

.contact a:hover{

    text-decoration:underline;

}

.map-button{

    display:inline-block;

    margin-top:20px;

    background:#c96a1b;

    color:white !important;

    padding:14px 28px;

    border-radius:10px;

    text-decoration:none;

    font-weight:bold;

}

.map-button:hover{

    opacity:0.9;

}

.footer{

    margin-top:40px;

    color:#777;

    font-size:0.9rem;

}

@media(max-width:768px){

    h1{

        font-size:2rem;

    }

    .subtitle{

        font-size:1.1rem;

    }

    .time-box{

        min-width:100px;

    }

}

</style>

</head>

<body>

<div class="container">

<img src="logo-vivamente.png" alt="VivaMente" class="logo">

<h1>🚧 Strona w budowie</h1>

<p class="subtitle">

VivaMente Poradnia Zdrowia Psychicznego

</p>

<p class="launch">

Startujemy w styczniu 2027 roku

</p>

<div class="description">

VivaMente Poradnia Zdrowia Psychicznego to miejsce stworzone z myślą o osobach

poszukujących profesjonalnego wsparcia psychiatrycznego i psychoterapeutycznego.

Oferujemy pomoc osobom dorosłym, młodzieży oraz rodzinom, zapewniając

indywidualne podejście, bezpieczeństwo i komfort na każdym etapie leczenia.

Już wkrótce uruchomimy pełną stronę internetową wraz z możliwością rejestracji wizyt online.

</div>

<div class="countdown">

<div class="time-box">

<div class="number" id="days">0</div>

<div class="label">Dni</div>

</div>

<div class="time-box">

<div class="number" id="hours">0</div>

<div class="label">Godzin</div>

</div>

<div class="time-box">

<div class="number" id="minutes">0</div>

<div class="label">Minut</div>

</div>

<div class="time-box">

<div class="number" id="seconds">0</div>

<div class="label">Sekund</div>

</div>

</div>

<div class="contact">

<h2>Kontakt</h2>

<p>

📧

<a href="mailto:kontakt@vivamente.pl">

kontakt@vivamente.pl

</a>

</p>

<p>

📍 ul. św. Mikołaja 51-52, V piętro<br>

50-127 Wrocław

</p>

<p>

📸

<a href="https://instagram.com/vivamente.pl" target="_blank">

Instagram: @vivamente.pl

</a>

</p>

<p>

👍

<a href="https://facebook.com/vivamente.pl" target="_blank">

Facebook: vivamente.pl

</a>

</p>

<a

class="map-button"

href="https://maps.google.com/?q=ul.+św.+Mikołaja+51-52,+Wrocław"

target="_blank">

Jak do nas trafić

</a>

</div>

<div class="footer">

© 2026 VivaMente Poradnia Zdrowia Psychicznego

</div>

</div>

<script>

const launchDate = new Date("2027-01-01T00:00:00").getTime();

function updateCountdown() {

const now = new Date().getTime();

const distance = launchDate - now;

const days = Math.floor(distance / (1000 * 60 * 60 * 24));

const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));

const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));

const seconds = Math.floor((distance % (1000 * 60)) / 1000);

document.getElementById("days").innerHTML = days;

document.getElementById("hours").innerHTML = hours;

document.getElementById("minutes").innerHTML = minutes;

document.getElementById("seconds").innerHTML = seconds;

}

updateCountdown();

setInterval(updateCountdown, 1000);

</script>

</body>

</html>