<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact Us | Asfala</title>
    <style>
        :root {
            --primary-black: #000000;
            --text-dark: #222222;
            --text-muted: #555555;
            --bg-light: #f9f9f9;
            --border-gray: #dddddd;
        }

        body {
            margin: 0;
            padding: 0;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            line-height: 1.6;
            color: var(--text-dark);
            background-color: #ffffff;
        }

        .contact-container {
            max-width: 1100px;
            margin: 0 auto;
            padding: 80px 25px;
        }

        h1 {
            font-size: 42px;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: -1.5px;
            text-align: center;
            border-bottom: 5px solid var(--primary-black);
            padding-bottom: 25px;
            margin-bottom: 60px;
        }

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

        .contact-info h2 {
            font-size: 24px;
            font-weight: 800;
            text-transform: uppercase;
            margin-bottom: 30px;
            border-left: 10px solid var(--primary-black);
            padding-left: 20px;
        }

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

        .info-item strong {
            display: block;
            text-transform: uppercase;
            font-size: 14px;
            letter-spacing: 1px;
            margin-bottom: 5px;
        }

        .info-item p {
            margin: 0;
            font-size: 16px;
            color: var(--text-muted);
        }

        /* CONTACT FORM */
        .contact-form-wrapper {
            background-color: var(--bg-light);
            padding: 40px;
            border: 1px solid var(--border-gray);
        }

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

        .form-group label {
            display: block;
            font-weight: 700;
            margin-bottom: 8px;
            text-transform: uppercase;
            font-size: 12px;
        }

        .form-group input, .form-group textarea {
            width: 100%;
            padding: 12px;
            border: 1px solid var(--border-gray);
            font-family: inherit;
            box-sizing: border-box;
        }

        .submit-btn {
            background-color: var(--primary-black);
            color: #fff;
            padding: 15px 30px;
            border: none;
            font-weight: 900;
            text-transform: uppercase;
            cursor: pointer;
            width: 100%;
            transition: opacity 0.3s;
        }

        .submit-btn:hover {
            opacity: 0.8;
        }

        /* MAP PLACEHOLDER */
        .map-placeholder {
            margin-top: 60px;
            height: 350px;
            background-color: #eee;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid var(--border-gray);
            color: #888;
            font-weight: 700;
            text-transform: uppercase;
        }

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

<div class="contact-container">
    <h1>Contact Us</h1>

    <div class="contact-grid">
        
        <div class="contact-info">
            <h2>Get In Touch</h2>
            <p>Have a question about your order or our products? Our dedicated support team at the <strong>Juneau</strong> headquarters is ready to assist you. We strive to respond to all inquiries within 24 business hours.</p>
            
            <div class="info-item">
                <strong>Store Name</strong>
                <p>Asfala</p>
            </div>

            <div class="info-item">
                <strong>Email Address</strong>
                <p>support@asfala.com</p>
            </div>

            <div class="info-item">
                <strong>Physical Address</strong>
                <p>6725 Marguerite St, Juneau, AK 99801, United States</p>
            </div>

            <div class="info-item">
                <strong>Support Hours</strong>
                <p>Monday – Saturday | 8:00 AM – 7:00 PM (EST)</p>
            </div>

            <div class="info-item">
                <strong>Response Time</strong>
                <p>Within 24 hours (Monday - Friday)</p>
            </div>
        </div>

        
        <div class="contact-form-wrapper">
            <form>
                <div class="form-group">
                    <label for="name">Full Name</label>
                    <input type="text" id="name" name="name" placeholder="John Doe" required>
                </div>
                <div class="form-group">
                    <label for="email">Email Address</label>
                    <input type="email" id="email" name="email" placeholder="john@example.com" required>
                </div>
                <div class="form-group">
                    <label for="order-id">Order Number (Optional)</label>
                    <input type="text" id="order-id" name="order-id" placeholder="#ASF1234">
                </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>
        </div>
    </div>

    
    <div class="map-placeholder">
        [ Google Maps Integration: 6725 Marguerite St, Juneau, AK 99801 ]
    </div>
</div>

</body>
</html>

Home

About

Contact

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.

Asfala

Contact us

United States