<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact Us - Premiumwear Studio</title>
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,600&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
    <style>
        :root {
            --primary-text: #222222;
            --title-color: #a67c7c; /* Rose Dust */
            --light-gray: #f9f9f9;
            --border-color: #eeeeee;
            --pure-white: #ffffff;
            --accent-bg: #fdfaf9;
        }

        body {
            margin: 0;
            padding: 0;
            font-family: 'Inter', sans-serif;
            line-height: 1.6;
            color: var(--primary-text);
            background-color: var(--pure-white);
        }

        .container {
            max-width: 900px;
            margin: 40px auto;
            padding: 0 20px;
        }

        /* --- Header --- */
        .contact-header {
            text-align: center;
            margin-bottom: 40px;
        }

        .contact-header h1 {
            font-family: 'Playfair Display', serif;
            font-size: clamp(30px, 5vw, 42px);
            color: var(--title-color);
            margin-bottom: 10px;
            font-style: italic;
        }

        .contact-header p {
            font-size: 15px;
            color: #666;
            max-width: 500px;
            margin: 0 auto;
        }

        .contact-wrapper {
            display: grid;
            grid-template-columns: 1fr 1.5fr;
            gap: 40px;
            align-items: start;
        }

        /* --- Sidebar Info --- */
        .contact-info h3 {
            font-family: 'Playfair Display', serif;
            font-size: 24px;
            color: var(--title-color);
            margin-bottom: 15px;
        }

        .info-item {
            margin-bottom: 25px;
        }

        .info-item label {
            display: block;
            font-size: 11px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--title-color);
            margin-bottom: 5px;
        }

        .info-item p {
            margin: 0;
            font-size: 14.5px;
            color: #444;
        }

        .info-item a {
            color: var(--primary-text);
            text-decoration: none;
            border-bottom: 1px solid var(--title-color);
        }

        /* --- Contact Form --- */
        .form-container {
            background-color: var(--accent-bg);
            padding: 35px;
            border-radius: 12px;
            border: 1px solid var(--border-color);
        }

        .contact-form {
            display: grid;
            gap: 15px;
        }

        .form-group {
            display: flex;
            flex-direction: column;
        }

        .form-group label {
            font-size: 12px;
            font-weight: 500;
            margin-bottom: 5px;
            color: #555;
        }

        .form-group input, 
        .form-group select, 
        .form-group textarea {
            padding: 12px;
            border: 1px solid #e0e0e0;
            border-radius: 6px;
            font-family: 'Inter', sans-serif;
            font-size: 14px;
            transition: 0.3s;
        }

        .form-group input:focus, 
        .form-group textarea:focus {
            outline: none;
            border-color: var(--title-color);
            background-color: #fff;
        }

        .submit-btn {
            background-color: var(--title-color);
            color: white;
            padding: 14px;
            border: none;
            border-radius: 6px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            cursor: pointer;
            transition: 0.3s;
            margin-top: 10px;
        }

        .submit-btn:hover {
            background-color: #8e6868;
            transform: translateY(-2px);
        }

        /* --- Footer Note --- */
        .contact-footer {
            text-align: center;
            margin-top: 50px;
            font-size: 12px;
            color: #ccc;
        }

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

    <main class="container">
        <header class="contact-header">
            <h1>Get in Touch</h1>
            <p>Our concierge team is here to assist you with any questions regarding fit, orders, or styling.</p>
        </header>

        <div class="contact-wrapper">
            
            <aside class="contact-info">
                <h3>Contact Details</h3>
                
                <div class="info-item">
                    <label>Email Us</label>
                    <p><a href="mailto:support@elevatedstylewear.shop">support@elevatedstylewear.shop</a></p>
                </div>

                <div class="info-item">
                    <label>Office Hours</label>
                    <p>Mon - Fri, 8:00 AM - 5:00 PM EST</p>
                </div>

                <div class="info-item">
                    <label>Location</label>
                    <p>6744 Rose Dr, Miramar, FL 33023, United States</p>
                </div>

                <div class="info-item">
                    <label>Response Time</label>
                    <p>We typically respond within 24 business hours.</p>
                </div>
            </aside>

            
            <section class="form-container">
                <form class="contact-form" action="#" method="POST">
                    <div class="form-group">
                        <label for="name">Full Name</label>
                        <input type="text" id="name" name="name" placeholder="Your name" required>
                    </div>

                    <div class="form-group">
                        <label for="email">Email Address</label>
                        <input type="email" id="email" name="email" placeholder="email@example.com" required>
                    </div>

                    <div class="form-group">
                        <label for="subject">Reason for Contact</label>
                        <select id="subject" name="subject">
                            <option value="order">Order Status</option>
                            <option value="return">Returns & Exchanges</option>
                            <option value="sizing">Sizing Advice</option>
                            <option value="other">General Inquiry</option>
                        </select>
                    </div>

                    <div class="form-group">
                        <label for="message">Message</label>
                        <textarea id="message" name="message" rows="5" placeholder="How can we help you?" required></textarea>
                    </div>

                    <button type="submit" class="submit-btn">Send Message</button>
                </form>
            </section>
        </div>

      
    </main>

</body>
</html>

Home

Denim Jackets

Shirts

Shop

About

Contact

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.

Elevatedstylewear

Contact us

United States