<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us - Vintalux</title>

<style>
    body {
        font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
        line-height: 1.6;
        color: #1a1a1a;
        background-color: #ffffff;
        margin: 0;
        padding: 0;
    }

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

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

    .cs-title {
        color: #111111;
        font-size: 2.5rem;
        font-weight: 800;
        margin-bottom: 15px;
        letter-spacing: -0.5px;
    }

    .cs-subtitle {
        color: #636e72;
        font-size: 1.1rem;
        max-width: 600px;
        margin: 0 auto;
    }

    .cs-grid {
        display: grid;
        grid-template-columns: 1fr 1.5fr;
        gap: 60px;
        align-items: start;
    }

    .cs-info-card {
        padding-right: 20px;
    }

    .cs-info-heading {
        font-size: 1.4rem;
        color: #111111;
        margin-bottom: 30px;
    }

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

    .cs-label {
        display: block;
        text-transform: uppercase;
        font-size: 0.8rem;
        font-weight: 700;
        color: #999999;
        letter-spacing: 1px;
        margin-bottom: 5px;
    }

    .cs-content {
        font-size: 1.05rem;
        color: #2d3436;
        margin: 0;
    }

    .cs-form-wrapper {
        background: #ffffff;
        padding: 40px;
        border: 1px solid #eaeaea;
        border-radius: 12px;
        box-shadow: 0 4px 20px rgba(0,0,0,0.03);
    }

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

    .cs-form-group label {
        display: block;
        margin-bottom: 8px;
        font-weight: 600;
        font-size: 0.95rem;
    }

    .cs-input, .cs-textarea {
        width: 100%;
        padding: 12px 16px;
        border: 1.5px solid #e2e8f0;
        border-radius: 8px;
        font-size: 1rem;
        box-sizing: border-box;
        transition: 0.2s;
    }

    .cs-input:focus, .cs-textarea:focus {
        outline: none;
        border-color: #000000;
        box-shadow: 0 0 0 3px rgba(0,0,0,0.08);
    }

    .cs-textarea {
        height: 140px;
        resize: none;
    }

    /* ✅ BUTTON VINTALUX STYLE */
    .cs-submit-btn {
        background: #111111;
        color: #ffffff;
        width: 100%;
        padding: 15px;
        border: none;
        border-radius: 8px;
        font-size: 1rem;
        font-weight: 700;
        cursor: pointer;
        transition: 0.3s ease;
        letter-spacing: 0.5px;
    }

    .cs-submit-btn:hover {
        background: #c8a45d; /* luxury gold hover */
        color: #111;
        transform: translateY(-1px);
        box-shadow: 0 6px 18px rgba(200,164,93,0.25);
    }

    .cs-status-msg {
        display: none;
        margin-top: 20px;
        padding: 15px;
        border-radius: 8px;
        text-align: center;
        font-size: 0.9rem;
    }

    .cs-status-success {
        display: block !important;
        background-color: #f6ffed;
        color: #1a7f37;
        border: 1px solid #b7eb8f;
    }

    .cs-footer {
        text-align: center;
        padding: 40px 0;
        color: #999;
        font-size: 0.85rem;
        border-top: 1px solid #f1f1f1;
        margin-top: 100px;
    }

    @media (max-width: 992px) {
        .cs-grid {
            grid-template-columns: 1fr;
            gap: 40px;
        }
        .cs-info-card {
            padding-right: 0;
            text-align: center;
        }
    }
</style>
</head>

<body>

<section class="cs-contact-section">

    <header class="cs-header">
        <h1 class="cs-title">Contact Us</h1>
        <p class="cs-subtitle">
            Have a question? Vintalux support team is ready to assist you anytime.
        </p>
    </header>

    <div class="cs-grid">

        
        <div class="cs-info-card">
            <h2 class="cs-info-heading">Get In Touch</h2>

            <div class="cs-info-item">
                <span class="cs-label">Company</span>
                <p class="cs-content">Vintalux LLC</p>
            </div>

            <div class="cs-info-item">
                <span class="cs-label">Email</span>
                <p class="cs-content">customer@vintalux.com</p>
            </div>

            <div class="cs-info-item">
                <span class="cs-label">Phone</span>
                <p class="cs-content">14196016421</p>
            </div>

            <div class="cs-info-item">
                <span class="cs-label">Address</span>
                <p class="cs-content">30 N Gould St Ste R, Sheridan, WY 82801</p>
            </div>

            <div class="cs-info-item">
                <span class="cs-label">Support Time</span>
                <p class="cs-content">Mon – Fri: 8:00 AM – 5:00 PM (EST)</p>
            </div>
        </div>

        
        <div class="cs-form-wrapper">
            <form id="csContactForm">

                <div class="cs-form-group">
                    <label>Full Name</label>
                    <input type="text" class="cs-input" placeholder="Enter your name" required>
                </div>

                <div class="cs-form-group">
                    <label>Email</label>
                    <input type="email" class="cs-input" placeholder="email@example.com" required>
                </div>

                <div class="cs-form-group">
                    <label>Order Number</label>
                    <input type="text" class="cs-input" placeholder="#VTLX12345">
                </div>

                <div class="cs-form-group">
                    <label>Message</label>
                    <textarea class="cs-textarea" placeholder="How can we help?"></textarea>
                </div>

                <button type="submit" class="cs-submit-btn">Send Message</button>
            </form>

            <div id="csStatus" class="cs-status-msg"></div>
        </div>

    </div>
</section>

<script>
document.getElementById('csContactForm').addEventListener('submit', function(e) {
    e.preventDefault();

    const btn = document.querySelector('.cs-submit-btn');
    const status = document.getElementById('csStatus');

    btn.innerText = 'Sending...';
    btn.disabled = true;

    setTimeout(() => {
        status.innerText = "Message sent successfully!";
        status.className = "cs-status-msg cs-status-success";

        this.reset();
        btn.innerText = 'Send Message';
        btn.disabled = false;

        setTimeout(() => {
            status.className = "cs-status-msg";
        }, 4000);
    }, 1200);
});
</script>

</body>
</html>

Home

T-shirts

Sweatshirts

Hoodies

Mugs

Shop

Track current orders and shipment progress.

Order Tracking

Quick answers to common ordering and product questions.

FAQs

Support

About

Contact Us

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.

VINTALUX.COM

Contact us

United States