Usługi ogrodnicze – zapytaj o wycenę

📞 509 567 562 | ✉️ kontakt@zielonypatrol.com

Imię i Nazwisko

E-mail

Numer kontaktowy

Wybierz usługę Wybierz z listy… Koszenie trawników Systemy nawadniania / Studnie Wertykulacja trawnika Pielęgnacja trawników i nasadzeń Oświetlenie i mała architektura Sprzątanie działek Inna usługa

Dodatkowe informacje (np. lokalizacja, metraż)

📎 Dodaj zdjęcie (opcjonalnie)

Wyślij zapytanie o wycenę

.valuation-wide-card {

background: linear-gradient(135deg, rgba(220, 242, 190, 1) 0%, rgba(200, 230, 160, 1) 100%);
border: 1px solid rgba(139, 195, 9, 0.3);
width: 100%;
margin: 40px auto; 
padding: 40px;
border-radius: 20px;
box-shadow: 0 20px 50px rgba(19, 74, 69, 0.05);
box-sizing: border-box;
font-family: 'Montserrat', sans-serif;

}

.valuation-wide-title { font-size: 2rem; color: #1a1a1a; text-align: center; margin-bottom: 15px; font-weight: 800; }
.valuation-wide-title .accent { color: #8BC309; }

.contact-direct-info { display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 30px; font-weight: 700; }
.contact-link { color: #2c4a2c; text-decoration: none; }

.form-row { display: flex; gap: 20px; margin-bottom: 20px; }
.v-group { flex: 1; display: flex; flex-direction: column; }
.v-group label { font-weight: 700; color: #2c4a2c; margin-bottom: 5px; font-size: 0.9rem; }

.v-group input, .v-group select, .v-group textarea {

padding: 12px 15px;
border: 2px solid #ffffff;
border-radius: 8px;
font-size: 1rem;
outline: none;

}

/style/
.file-upload-wrapper {

text-align: center;
margin: 15px 0 25px 0;

}

.custom-file-upload {

display: inline-block;
cursor: pointer;
font-size: 0.85rem;
color: #4a6b4a;
font-weight: 600;
padding: 8px 15px;
background: rgba(255, 255, 255, 0.5);
border-radius: 20px;
transition: 0.3s;

}

.custom-file-upload:hover { background: #ffffff; color: #8BC309; }
.custom-file-upload input[type=”file”] { display: none; }

.form-footer {

display: flex;
justify-content: center;

}

.v-wide-btn {

padding: 16px 50px;
background-color: #8BC309;
color: white;
border: none;
border-radius: 8px;
font-size: 1rem;
font-weight: 800;
cursor: pointer;
transition: 0.3s;
text-transform: uppercase;

}

.v-wide-btn:hover { background-color: #76a607; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(139,195,9,0.4); }

@media (max-width: 768px) {

.form-row { flex-direction: column; }
.v-wide-btn { width: 100%; }

}

document.addEventListener(“DOMContentLoaded”, function() {

const fileInput = document.getElementById("attachment");
const fileLabel = document.getElementById("file-label");

//tekst zmiana
if(fileInput) {
    fileInput.addEventListener("change", function() {
        if (this.files && this.files.length > 0) {
            fileLabel.innerText = "✅ Wybrano: " + this.files[0].name;
            fileLabel.style.color = "#8BC309";
        }
    });
}

const form = document.getElementById("contactForm");
const status = document.getElementById("form-status");

if (form) {
    form.addEventListener("submit", function(e) {
        e.preventDefault();
        const formData = new FormData(form);

        fetch("mail.php", {
            method: "POST",
            body: formData
        })
        .then(response => {
            if (response.ok) {
                form.style.display = "none";
                status.innerHTML = "<h3 style='text-align:center; color:#2c4a2c; padding:40px;'>Odezwę się wkrótce";
            } else {
                status.innerHTML = "<p style='color:red; text-align:center;'>Błąd serwera. Spróbuj później.";
            }
        })
        .catch(error => {
            status.innerHTML = "<p style='color:red; text-align:center;'>Błąd połączenia.";
        });
    });
}

});