<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact Us | Rarate</title>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet">
    <style>
        :root {
            --primary: #1e293b;
            --accent: #f59e0b;
            --bg: #f8fafc;
            --text: #475569;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--bg);
            color: var(--text);
            margin: 0;
            padding: 40px 20px;
        }

        .contact-container {
            max-width: 1000px;
            margin: 0 auto;
            background: white;
            padding: 60px;
            border-radius: 24px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.05);
        }

        .header-section { text-align: center; margin-bottom: 50px; }
        .header-section h1 { color: var(--primary); font-size: 2.5rem; margin-bottom: 15px; }

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

        .section-title {
            color: var(--primary);
            font-size: 1.3rem;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 10px;
            font-weight: 700;
        }
        .section-title::before { content: ""; width: 6px; height: 20px; background: var(--accent); border-radius: 4px; }

        .info-item { margin-bottom: 25px; }
        .label { display: block; font-weight: 700; color: var(--accent); font-size: 0.85rem; text-transform: uppercase; margin-bottom: 5px; }

        .form-group { margin-bottom: 20px; }
        label { display: block; margin-bottom: 8px; font-weight: 600; font-size: 0.95rem; }
        input, textarea { width: 100%; padding: 12px; border: 1.5px solid #e2e8f0; border-radius: 8px; font-family: inherit; box-sizing: border-box; }
        button { background-color: var(--primary); color: white; width: 100%; padding: 15px; border: none; border-radius: 8px; font-weight: 700; cursor: pointer; transition: 0.3s; }
        button:hover { background-color: #334155; }

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

<div class="contact-container">
    <div class="header-section">
        <h1>Contact Us</h1>
        <p>We're here to help. Send us a message and we'll respond promptly.</p>
    </div>

    <div class="grid-layout">
        <div>
            <div class="section-title">Get In Touch</div>
            <div class="info-item">
                <span class="label">Email</span>
                <p>boostsupport@rarate.com</p>
            </div>
            <div class="info-item">
                <span class="label">Address</span>
                <p>Thôn Là, Khám Lạng, Lục Nam, Bắc Giang</p>
            </div>
            <div class="info-item">
                <span class="label">Working Hours</span>
                <p>Mon – Fri: 8:00 AM – 5:00 PM</p>
            </div>
        </div>

        <div>
            <form id="contactForm">
                <div class="form-group">
                    <label>Full Name</label>
                    <input type="text" placeholder="Enter your name" required>
                </div>
                <div class="form-group">
                    <label>Email Address</label>
                    <input type="email" placeholder="email@example.com" required>
                </div>
                <div class="form-group">
                    <label>Message</label>
                    <textarea rows="4" placeholder="How can we help?"></textarea>
                </div>
                <button type="submit">Send Message</button>
            </form>
        </div>
    </div>

    <p style="text-align: center; margin-top: 60px; font-size: 0.8rem; color: #94a3b8;">&copy; 2026 Rarate. All rights reserved.</p>
</div>

</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.

Rarate

Contact us

United States