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

<style>
:root{
    --primary:#9D5133;
    --td-gradient:linear-gradient(90deg, #9D5133 0%, #CB735A 50%, #E7A88F 100%);
    --td-bg:#f6fffb;
    --td-card:#ffffff;
    --td-text:#1c1c1c;
    --td-border:#9D5133;
    --td-badge:#f0faff;
}

/* GLOBAL */
body{
    margin:0;
    font-family:'Inter',system-ui,sans-serif;
    background:var(--td-bg);
    color:var(--td-text);
}

/* PAGE WRAPPER */
.cs-contact-v2{
    max-width:1200px;
    margin:80px auto;
    padding:0 20px;
}

/* HEADER (NEW STYLE) */
.cs-header-v2{
    text-align:left;
    margin-bottom:50px;
}

.cs-header-v2 h1{
    font-size:2.8rem;
    font-weight:900;
    color:var(--primary);
    margin-bottom:10px;
}

.cs-header-v2 p{
    max-width:650px;
    color:#555;
}

/* FLOAT LAYOUT (DIFFERENT FROM OLD GRID) */
.cs-layout-v2{
    display:flex;
    gap:30px;
    align-items:stretch;
}

/* LEFT SIDE STACK */
.cs-left-v2{
    flex:1;
    display:flex;
    flex-direction:column;
    gap:15px;
}

/* INFO CARDS (NEW STYLE) */
.cs-pill{
    background:var(--td-card);
    border:1px solid var(--td-border);
    border-radius:14px;
    padding:18px 20px;
    transition:0.3s;
}

.cs-pill:hover{
    transform:translateY(-3px);
    border-color:var(--primary);
}

.cs-pill label{
    font-size:11px;
    letter-spacing:2px;
    color:var(--primary);
    font-weight:800;
    text-transform:uppercase;
}

.cs-pill p{
    margin:6px 0 0;
    font-size:15px;
}

/* RIGHT FORM CARD (FLOATING BIG CARD) */
.cs-right-v2{
    flex:1.2;
    background:var(--td-card);
    border:1px solid var(--td-border);
    border-radius:18px;
    padding:35px;
    box-shadow:0 10px 30px rgba(0,0,0,0.06);
}

/* FORM HEADER */
.cs-right-v2 h2{
    margin-top:0;
    color:var(--primary);
    font-size:22px;
    margin-bottom:20px;
}

/* FORM */
.cs-form-group{
    margin-bottom:18px;
}

.cs-form-group label{
    display:block;
    font-size:13px;
    font-weight:700;
    margin-bottom:6px;
}

.cs-input, .cs-textarea{
    width:100%;
    padding:12px 14px;
    border:1px solid #ddd;
    border-radius:10px;
    outline:none;
    transition:0.3s;
}

.cs-input:focus, .cs-textarea:focus{
    border-color:var(--primary);
    box-shadow:0 0 0 3px rgba(0,104,122,0.15);
}

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

/* BUTTON */
.cs-btn{
    width:100%;
    padding:14px;
    border:none;
    border-radius:10px;
    background:var(--primary);
    color:#fff;
    font-weight:800;
    cursor:pointer;
    transition:0.3s;
}

.cs-btn:hover{
    background:var(--td-gradient);
    transform:translateY(-2px);
}

/* SUPPORT BADGE */
.cs-badge{
    margin-top:20px;
    padding:12px;
    border-radius:12px;
    background:var(--td-badge);
    border-left:4px solid var(--td-primary);
    font-size:13px;
}

/* RESPONSIVE */
@media(max-width:900px){
    .cs-layout-v2{
        flex-direction:column;
    }
}
</style>
</head>

<body>

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

    
    <div class="cs-header-v2">
        <h1>Contact Us</h1>
        <p>
            We are always ready to support you with orders, shipping updates, product questions and general inquiries.
        </p>
    </div>

    
    <div class="cs-layout-v2">

        
        <div class="cs-right-v2">

            <h2>Send a Message</h2>

            <form id="csContactForm">

                <div class="cs-form-group">
                    <label>Name</label>
                    <input class="cs-input" type="text" placeholder="Your name">
                </div>

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

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

                <div class="cs-form-group">
                    <label>Message</label>
                    <textarea class="cs-textarea" placeholder="Write your message..."></textarea>
                </div>

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

            </form>

            <div class="cs-badge">
                💬 We usually respond within 24 hours (Mon–Sat)
            </div>

        </div> 
 
        
        <div class="cs-left-v2">

            <div class="cs-pill">
                <label>Company</label>
                <p>Dang Van Cuong</p>
            </div>

            <div class="cs-pill">
                <label>Phone</label>
                <p>0987496565</p>
            </div>

            <div class="cs-pill">
                <label>Email</label>
        <p>dangvcuong@hubsunf.shop</p>
            </div>            

            <div class="cs-pill">
                <label>Address</label>
                <p>Thon Ta Vai, Ngoc Duong, TP Ha Giang, Ha Giang</p>
            </div>

            <div class="cs-pill">
                <label>Support Time</label>
                <p>Mon – Sat: 8:00 AM – 5:00 PM EST</p>
            </div>

        </div>

    </div>

</section>

<script>
document.getElementById('csContactForm').addEventListener('submit', function(e){
    e.preventDefault();
    alert("Message sent successfully!");
});
</script>

</body>
</html>

Home

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

All Collections

Shop Now

About Us

Contact Us

FAQs

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.

hubsunf

Contact us

United States