<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact Us - Minimalmenswear</title>
    <style>
        :root {
            --primary: #000000;
            --secondary: #555555;
            --accent: #f4f4f4;
            --success-bg: #f0fdf4;
            --success-text: #166534;
            --border: #e5e7eb;
        }

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            margin: 0;
            padding: 0;
            color: var(--primary);
            background-color: #ffffff;
            line-height: 1.5;
        }

        .container {
            max-width: 1000px;
            margin: 80px auto;
            padding: 0 24px;
        }

        .header {
            margin-bottom: 60px;
        }

        .header h1 {
            font-size: 2.5rem;
            font-weight: 700;
            margin-bottom: 12px;
            letter-spacing: -0.02em;
        }

        .header p {
            color: var(--secondary);
            font-size: 1.1rem;
        }

        .grid {
            display: grid;
            grid-template-columns: 1fr 1.5fr;
            gap: 80px;
        }

        @media (max-width: 768px) {
            .grid {
                grid-template-columns: 1fr;
                gap: 48px;
            }
            .container { margin: 40px auto; }
        }

        /* Information Column */
        .info-col h3 {
            font-size: 1.25rem;
            margin-bottom: 24px;
            font-weight: 600;
        }

        .details {
            margin-bottom: 32px;
        }

        .detail-item {
            margin-bottom: 24px;
        }

        .detail-item label {
            display: block;
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: var(--secondary);
            margin-bottom: 4px;
        }

        .detail-item p, .detail-item a {
            font-size: 1rem;
            text-decoration: none;
            color: var(--primary);
            margin: 0;
        }

        /* Form Column */
        .form-group {
            margin-bottom: 20px;
        }

        .form-group label {
            display: block;
            font-size: 0.875rem;
            font-weight: 500;
            margin-bottom: 8px;
        }

        input, textarea {
            width: 100%;
            padding: 12px;
            border: 1px solid var(--border);
            border-radius: 4px;
            font-size: 1rem;
            box-sizing: border-box;
            transition: border-color 0.2s;
        }

        input:focus, textarea:focus {
            outline: none;
            border-color: var(--primary);
        }

        textarea {
            height: 120px;
            resize: vertical;
        }

        .btn {
            background: var(--primary);
            color: white;
            padding: 14px 28px;
            border: none;
            border-radius: 4px;
            font-weight: 600;
            cursor: pointer;
            width: 100%;
            transition: opacity 0.2s;
        }

        .btn:hover {
            opacity: 0.9;
        }

        /* Success Message */
        #success-msg {
            display: none;
            margin-top: 24px;
            padding: 16px;
            background-color: var(--success-bg);
            border: 1px solid #bbf7d0;
            color: var(--success-text);
            border-radius: 4px;
            text-align: center;
            font-size: 0.95rem;
        }
    </style>
</head>
<body>

<div class="container">
    <div class="header">
        <h1>Contact Us</h1>
        <p>Questions about sizing or an order? We are here to help.</p>
    </div>

    <div class="grid">
        <div class="info-col">
            <h3>Get in Touch</h3>
            
            <div class="detail-item">
                <label>Company</label>
                <p>ANDRE CLAY ROBINSON LLC</p>
            </div>

            <div class="detail-item">
                <label>Address</label>
                <p>4003 1st Pl SW, Washington, DC 20032, United States

</p>
            </div>

            <div class="detail-item">
                <label>Email</label>
                <p><a href="mailto:support@rawstreetwearco.shop">support@rawstreetwearco.shop</a></p>
            </div>

            <div class="detail-item">
                <label>Hours of Support</label>
                <p>Mon - Fri, 8:00 AM - 5:00 PM (EST)</p>
            </div>
        </div>

        <div class="form-col">
            <form id="contact-form">
                <div class="form-group">
                    <label for="name">Name</label>
                    <input type="text" id="name" placeholder="Your name" required>
                </div>
                <div class="form-group">
                    <label for="email">Email</label>
                    <input type="email" id="email" placeholder="email@example.com" required>
                </div>
                <div class="form-group">
                    <label for="message">Message</label>
                    <textarea id="message" placeholder="How can we help you?"></textarea>
                </div>
                <button type="submit" class="btn">Send Message</button>
            </form>

            <div id="success-msg">
                Thank you! Your message has been sent successfully. We will get back to you shortly.
            </div>
        </div>
    </div>
</div>

<script>
    document.getElementById('contact-form').addEventListener('submit', function(e) {
        e.preventDefault();
        
        // Hide form and show success message
        this.style.display = 'none';
        const msg = document.getElementById('success-msg');
        msg.style.display = 'block';
        
        // Optional: Scroll to message
        msg.scrollIntoView({ behavior: 'smooth', block: 'center' });
    });
</script>

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

Rawstreetwearco

Contact us

United States