<style>
:root{
    --hc-primary:#5e17eb;
    --hc-accent:#c20000;
    --hc-text:#1e293b;
    --hc-muted:#64748b;
    --hc-border:#e2e8f0;
}

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

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

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

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

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

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

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

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

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

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

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

/* FORM */
.hc-contact-form-wrapper{
    background:#fff;
    padding:40px;
    border:1px solid var(--hc-border);
    border-radius:12px;
    box-shadow:0 10px 30px rgba(94,23,235,0.05);
}

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

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

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

.hc-contact-input:focus,
.hc-contact-textarea:focus{
    outline:none;
    border-color:var(--hc-primary);
    box-shadow:0 0 0 3px rgba(94,23,235,0.08);
}

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

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

.hc-contact-submit-btn:hover{
    background:var(--hc-accent);
    transform:translateY(-1px);
}

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

.hc-contact-status.success{
    display:block;
    background:#f6ffed;
    color:#1a7f37;
    border:1px solid #b7eb8f;
}
</style>

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

    
    <div class="hc-contact-header">
        <h1 class="hc-contact-title">
            <span>Hunyclo</span> Contact Us
        </h1>
        <p class="hc-contact-subtitle">
            Have a question? Hunyclo support team is ready to assist you anytime.
        </p>
    </div>

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

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

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

            <div class="hc-contact-info-item">
                <span class="hc-contact-label">Company</span>
                <p class="hc-contact-content">Vo Thi Ngoc Huong</p>
            </div>

            <div class="hc-contact-info-item">
                <span class="hc-contact-label">Email</span>
                <p class="hc-contact-content">huongsupport@hunyclo.com</p>
            </div>

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

            <div class="hc-contact-info-item">
                <span class="hc-contact-label">Address</span>
                <p class="hc-contact-content">Ap My Phuoc 1, My Hoa, Binh Minh, Vinh Long</p>
            </div>

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

        </div>

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

            <form id="hunycloContactForm">

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

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

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

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

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

            </form>

            <div id="hunycloStatus" class="hc-contact-status"></div>

        </div>

    </div>

</div>

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

    const btn = document.querySelector('.hc-contact-submit-btn');
    const status = document.getElementById('hunycloStatus');

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

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

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

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

<div class="topbar3">
    <span>SUMMER COLLECTION 2026</span>
    <a href="/shop">SHOP</a>
</div>

<style>
.topbar3{
    background:linear-gradient(90deg,#42ABF0,#6D80D7,#CD2DAB);
    color:#fff;
    padding:10px 20px;
    display:flex;
    justify-content:space-between;
    font-size:12px;
}
.topbar3 a{color:#fff;font-weight:600;}
</style>

Home

Collections

Delivery windows, shipping timelines and fulfillment details.

Shipping Policy

Exchange, refund and return conditions for eligible orders.

Returns & Refunds

How customer data is collected, stored and processed.

Privacy Policy

Store terms, ordering conditions and legal obligations.

Terms of Service

Important legal notices and content disclaimers.

Disclaimer

Report infringement or submit intellectual property concerns.

IP Claim

Cancellation windows and order change limitations.

Cancellation Policy

Accepted payment types and checkout guidance.

Payment Methods

Policies

Reach customer support for store and order help.

Contact Us

Track current orders and shipment progress.

Order Tracking

Quick answers to common ordering and product questions.

FAQs

Support

About

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.

Hunyclo Contact Us

Get In Touch