0UT1S's

<?php
require_once __DIR__ . '/../includes/config.php';
$pageTitle = "Contact Us - " . SITE_NAME;
$pageDescription = "Official contact information for " . SITE_NAME . ". Get in touch with our support team for any inquiries.";
$pageCanonical = SITE_URL . "/pages/contact";
include '../includes/header.php';
?>

<main class="page-container contact-page">
    <header class="page-header">
        <h1>Contact <?= SITE_NAME ?></h1>
        <p class="lead">We're here to help with any questions</p>
    </header>

<div class="page-content content-format">
        <section class="contact-info">
            <h2>Official Contact Details</h2>
            
            <div class="address mb-4">
                <h3>Registered Office:</h3>
                <p>
                    Tasneem Haider<br>
                    Latifabad, Multan<br>
                    Punjab, Pakistan
                </p>
            </div>

<div class="email mb-4">
                <h3>Email Support:</h3>
                <p class="email-display" 
                   data-user="th0993883" 
                   data-domain="gmail.com">
                    <script>
                        // Email obfuscation
                        document.querySelectorAll('.email-display').forEach(el => {
                            const user = el.getAttribute('data-user');
                            const domain = el.getAttribute('data-domain');
                            el.textContent = `${user}@${domain}`;
                            el.parentNode.insertBefore(document.createTextNode('Email: '), el);
                        });
                    </script>
                </p>
                <small class="text-muted">
                    Please allow 24-48 hours for response
                </small>
            </div>
        </section>

<section class="communication-guidelines">
            <h2>Communication Policy</h2>
            <p>We kindly ask that you:</p>
            <ul>
                <li>Use this contact information for legitimate inquiries only</li>
                <li>Avoid unsolicited commercial offers</li>
                <li>Do not share this information with third parties</li>
                <li>Respect our team's response times</li>
            </ul>
        </section>

<section class="security-note">
            <h3>Privacy Assurance</h3>
            <p>
                All communications are handled securely and 
                confidentially in accordance with our 
                <a href="<?= SITE_URL ?>/pages/privacy">Privacy Policy</a>.
            </p>
        </section>
    </div>
</main>

.email-display {
    font-family: 'Courier New', monospace;
    letter-spacing: 0.05em;
    cursor: default;
}

.communication-guidelines {
    background: #fff3cd;
    padding: 1.5rem;
    border-left: 4px solid #ffeeba;
}

.security-note {
    background: #d1ecf1;
    padding: 1rem;
    border-radius: 4px;
    border: 1px solid #bee5eb;
}
</style>

<?php include '../includes/footer.php'; ?>