Επικοινωνία | Δεκλεο

Ονοματεπώνυμο

Μήνυμα

<input id="terms" type="checkbox" required 
                               class="w-4 h-4 text-yellow-400 bg-gray-700 border-gray-500 rounded focus:ring-yellow-400">
                        <label for="terms" class="ml-2 text-gray-300">
                            Διαβάστε τους όρους χρήσης παράκατα
                        </label>
                    </div>
                    <button type="submit" 
                            class="w-full bg-gradient-to-r from-yellow-400 to-white text-gray-900 font-bold py-4 rounded-lg shadow-lg hover:shadow-yellow-400/30 transition-all transform hover:-translate-y-0.5 hover:scale-105">
                        Υποβολή Ερώτησης
                    </button>
                </form>
                <div id="success-message" class="hidden mt-4 p-4 bg-green-900/30 backdrop-blur-sm border border-green-500/50 rounded-lg animate-pulse">
                    <h3 class="text-yellow-300 font-medium">Επιτυχία!</h3>
                    <p class="text-gray-300 text-sm">Συνεργείες υπηρεσίας μας επεξεργάζονται την αίτησή σας εντός 24 ωρών.</p>
                </div>
            </div>

<div class="mt-10 bg-gray-800/40 backdrop-blur-lg rounded-2xl p-6 text-gray-300 text-sm">
                <h3 class="font-bold text-yellow-400 mb-2">Όροι Υποβολής</h3>
                <ul class="space-y-2 list-disc pl-5">
                    <li>Δεν δέχονται ερωτήσεις οικονομικής περιοχής</li>
                    <li>Αποκλειστικά το δικαίωμα φορτίου στο θέρινο ρεύμα της πύλης του σπιταλείου θα ρητρά την ενέργεια παρακάτω</li>
                    <li>Παρέχουμε σας συνθήκες 7/24 διαθεσιμότητας</li>
                </ul>
            </div>
        </div>
    </section>

<section class="py-16 px-4 md:px-8">
        <div class="max-w-4xl mx-auto text-center">
            <h3 class="text-3xl font-bold text-yellow-400 mb-6">Φίλη Τοποθεσία</h3>
            <div class="bg-gray-800/50 backdrop-blur-lg rounded-3xl p-6 shadow-xl">
                <div class="text-gray-300">
                    <p>Δάσος Αστεριών</p>
                    <p>Οδός Κεφαλλονιακής Αγαπημένης</p>
                    <p>Παρεκκαλωνικόντα εκτάσεις</p>
                </div>
            </div>
        </div>
    </section>

<footer class="py-12 bg-gray-900 text-gray-400">
        <div class="container mx-auto px-4 text-center">
            <p class="text-sm">
                © 2025 Δεκλεο • Επικοινωνία: <a href="mailto:community@Δεκλεο.δρ" 
                   class="underline hover:text-yellow-400 transition">community@Δεκλεο.δρ</a>
            </p>
            <p class="text-xs mt-4">Δεκλεο κοινότητα Α.Ε. • Αριθμός Επιχείρησης: ΕΔΣ-20200631</p>
        </div>
    </footer>

<script>
        document.getElementById('contact-form').addEventListener('submit', function(e) {
            e.preventDefault();
            const success = document.getElementById('success-message');
            success.classList.remove('hidden');
            
            // Reset the form after submission (simulated)
            this.reset();
            document.getElementById('terms').checked = false;
        });
    </script>

</body>
</html>

Επικοινωνήστε Μαζί Μας