<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact Us - Zeverone</title>
    <style>
        body {
            font-family: 'Inter', system-ui, -apple-system, sans-serif;
            line-height: 1.8;
            color: #334155;
            background-color: #ffffff;
            margin: 0;
            padding: 0;
        }

        .ze-contact-section {
            max-width: 900px;
            margin: 80px auto;
            padding: 0 20px;
        }

        .ze-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .ze-title {
            color: #0f172a;
            font-size: 2.5rem;
            font-weight: 800;
            margin-bottom: 15px;
        }

        .ze-subtitle {
            color: #64748b;
            font-size: 1.1rem;
        }

        .ze-grid {
            display: grid;
            grid-template-columns: 1fr 1.5fr;
            gap: 60px;
        }

        .ze-info-item {
            margin-bottom: 30px;
        }

        .ze-label {
            display: block;
            text-transform: uppercase;
            font-size: 0.75rem;
            font-weight: 700;
            color: #94a3b8;
            letter-spacing: 0.1em;
            margin-bottom: 5px;
        }

        .ze-content {
            font-size: 1rem;
            color: #0f172a;
            font-weight: 500;
            margin: 0;
        }

        .ze-form-wrapper {
            background: #f8fafc;
            padding: 40px;
            border-radius: 12px;
            border: 1px solid #e2e8f0;
        }

        .ze-form-group {
            margin-bottom: 20px;
        }

        .ze-input, .ze-textarea {
            width: 100%;
            padding: 12px;
            border: 1px solid #cbd5e1;
            border-radius: 6px;
            font-family: inherit;
            box-sizing: border-box;
        }

        .ze-submit-btn {
            background-color: #0f172a;
            color: white;
            width: 100%;
            padding: 14px;
            border: none;
            border-radius: 6px;
            font-weight: 700;
            cursor: pointer;
            transition: opacity 0.2s;
        }

        .ze-submit-btn:hover {
            opacity: 0.9;
        }

        @media (max-width: 768px) {
            .ze-grid { grid-template-columns: 1fr; }
        }
    </style>
</head>
<body>

    <section class="ze-contact-section">
        <header class="ze-header">
            <h1 class="ze-title">Contact Us</h1>
            <p class="ze-subtitle">We're here to help. Send us a message.</p>
        </header>

        <div class="ze-grid">
            <div class="ze-info-card">
                <div class="ze-info-item">
                    <span class="ze-label">Company</span>
                    <p class="ze-content">Nguyen Thi Bao Ngan</p>
                </div>
                <div class="ze-info-item">
                    <span class="ze-label">Phone</span>
                    <p class="ze-content">0886632591</p>
                </div>
                <div class="ze-info-item">
                    <span class="ze-label">Email</span>
                    <p class="ze-content">ngannganbao@zeverone.com</p>
                </div>
                <div class="ze-info-item">
                    <span class="ze-label">Address</span>
                    <p class="ze-content">Ap 10, Trinh Phu, Ke Sach, Soc Trang</p>
                </div>
                <div class="ze-info-item">
                    <span class="ze-label">Support Time</span>
                    <p class="ze-content"> Mon–Sat | 8:00 AM – 5:00 PM (EST)</p>
                </div>
            </div>

            <div class="ze-form-wrapper">
                <form id="zeContactForm">
                    <div class="ze-form-group">
                        <label class="ze-label">Full Name</label>
                        <input type="text" class="ze-input" required>
                    </div>
                    <div class="ze-form-group">
                        <label class="ze-label">Email</label>
                        <input type="email" class="ze-input" required>
                    </div>
                    <div class="ze-form-group">
                        <label class="ze-label">Message</label>
                        <textarea class="ze-input" style="height: 120px;"></textarea>
                    </div>
                    <button type="submit" class="ze-submit-btn" id="zeSubmitBtn">Send Message</button>
                </form>
            </div>
        </div>
    </section>

  

    <script>
        document.getElementById('zeContactForm').addEventListener('submit', function(e) {
            e.preventDefault();
            const btn = document.getElementById('zeSubmitBtn');
            btn.innerText = 'Sending...';
            setTimeout(() => {
                alert("Message sent successfully!");
                this.reset();
                btn.innerText = 'Send Message';
            }, 1000);
        });
    </script>
</body>
</html>

Home

Shop

About Us

Contact Us

Order Tracking

English

German

Australia

Spanish

Portuguese

Canada

French

Italian

Japanese

Korean

Vietnamese

Contact us for any questions, support, or inquiries. We are here to help with your shopping experience.

zeverone

Contact us

United States