<style>
:root{
    --kc-primary:#a30067;
    --kc-accent:#feffad;
    --kc-text:#0b0f14;
    --kc-muted:#6b7280;
    --kc-border:#e5e7eb;
}

/* SECTION */
.kc-contact-section{
    font-family:'Inter', system-ui, sans-serif;
    color:var(--kc-text);
    line-height:1.75;
    max-width:1100px;
    margin:80px auto;
    padding:0 20px;
}

/* HEADER */
.kc-contact-header{
    text-align:center;
    margin-bottom:60px;
}

.kc-contact-title{
    font-size:2.6rem;
    font-weight:800;
    margin-bottom:12px;
    letter-spacing:-0.03em;
}

.kc-contact-title span{
    background:linear-gradient(90deg,var(--kc-primary),var(--kc-accent));
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

.kc-contact-subtitle{
    color:var(--kc-muted);
    font-size:1.1rem;
    max-width:600px;
    margin:0 auto;
}

/* GRID */
.kc-contact-grid{
    display:grid;
    grid-template-columns:1fr 1.5fr;
    gap:60px;
}

/* LEFT */
.kc-contact-info-card{
    padding-right:20px;
}

.kc-contact-info-heading{
    font-size:1.4rem;
    margin-bottom:30px;
}

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

.kc-contact-label{
    text-transform:uppercase;
    font-size:.8rem;
    font-weight:700;
    color:var(--kc-muted);
    letter-spacing:1px;
    margin-bottom:5px;
    display:block;
}

.kc-contact-content{
    font-size:1.05rem;
    color:var(--kc-text);
}

/* FORM */
.kc-contact-form-wrapper{
    background:#fff;
    padding:40px;
    border:1px solid var(--kc-border);
    border-radius:12px;
    box-shadow:0 10px 30px rgba(163,0,103,0.12);
}

/* FORM GROUP */
.kc-contact-form-group{
    margin-bottom:20px;
}

.kc-contact-form-group label{
    display:block;
    margin-bottom:8px;
    font-weight:600;
}

/* INPUT */
.kc-contact-input,
.kc-contact-textarea{
    width:100%;
    padding:12px 16px;
    border:1.5px solid var(--kc-border);
    border-radius:8px;
    font-size:1rem;
    transition:.2s;
    box-sizing:border-box;
}

.kc-contact-input:focus,
.kc-contact-textarea:focus{
    outline:none;
    border-color:var(--kc-primary);
    box-shadow:0 0 0 3px rgba(163,0,103,0.15);
}

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

/* BUTTON */
.kc-contact-submit-btn{
    background:var(--kc-primary);
    color:#fff;
    width:100%;
    padding:15px;
    border:none;
    border-radius:8px;
    font-size:1rem;
    font-weight:700;
    cursor:pointer;
    transition:.3s ease;
}

.kc-contact-submit-btn:hover{
    background:#7f0050;
    transform:translateY(-1px);
}

/* STATUS */
.kc-contact-status{
    display:none;
    margin-top:20px;
    padding:15px;
    border-radius:8px;
    text-align:center;
}

.kc-contact-status.success{
    display:block;
    background:#fff7d6;
    color:#7a5a00;
    border:1px solid var(--kc-accent);
}
</style>

<div class="kc-contact-section">

    
    <div class="kc-contact-header">
        <h1 class="kc-contact-title">
            <span>FitVibeClothing</span> Contact Us
        </h1>
        <p class="kc-contact-subtitle">
            We’re here to help you with orders, support, and any questions about FitVibeClothing.
        </p>
    </div>

    <div class="kc-contact-grid">

        
        <div class="kc-contact-info-card">

            <h2 class="kc-contact-info-heading">Get In Touch</h2>

            <div class="kc-contact-info-item">
                <span class="kc-contact-label">Company</span>
                <p class="kc-contact-content">Nguyen Dai Thanh</p>
            </div>

            <div class="kc-contact-info-item">
                <span class="kc-contact-label">Phone</span>
                <p class="kc-contact-content">0822291548</p>
            </div>

            <div class="kc-contact-info-item">
                <span class="kc-contact-label">Email</span>
                <p class="kc-contact-content">daithanh1998@fitvibeclothing.com</p>
            </div>

            <div class="kc-contact-info-item">
                <span class="kc-contact-label">Address</span>
                <p class="kc-contact-content">
                    So 538/1 Quoc Lo 1, Khom 4, Phuong 2, Tp Soc Trang, Soc Trang
                </p>
            </div>

            <div class="kc-contact-info-item">
                <span class="kc-contact-label">Support Time</span>
                <p class="kc-contact-content">
                    Monday – Saturday, 8:00 AM – 5:00 PM (EST)
                </p>
            </div>

        </div>

        
        <div class="kc-contact-form-wrapper">

            <form id="kcContactForm">

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

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

                <div class="kc-contact-form-group">
                    <label>Order Number</label>
                    <input type="text" class="kc-contact-input" placeholder="#FVC12345">
                </div>

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

                <button type="submit" class="kc-contact-submit-btn">
                    Send Message
                </button>

            </form>

            <div id="kcStatus" class="kc-contact-status"></div>

        </div>

    </div>

</div>

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

    const btn = document.querySelector('.kc-contact-submit-btn');
    const status = document.getElementById('kcStatus');

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

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

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

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

Home

Shop real women's fashion categories with cleaner merchandising and policy-safe navigation defaults.

All Collections

FAQs

About

Contact

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.

Fitvibeclothing

Contact us

United States

FitVibeClothing Contact Us

Get In Touch