81 lines
4.4 KiB
PHP
81 lines
4.4 KiB
PHP
<?php
|
|
declare(strict_types=1);
|
|
require_once __DIR__ . '/includes/header.php';
|
|
?>
|
|
|
|
<section class="container" style="padding-top: 6rem;">
|
|
<div class="section-title">
|
|
<div>
|
|
<h1>Connect With Us</h1>
|
|
<p>Our specialists are ready to assist you with any inquiry.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section-grid">
|
|
<div style="background: var(--surface-color); padding: 3.5rem; border-radius: var(--border-radius); border: 1px solid rgba(255,255,255,0.05);">
|
|
<h3 style="margin-bottom: 2.5rem; font-size: 1.8rem; color: var(--accent-color);">Direct Inquiry</h3>
|
|
<form action="#" method="POST">
|
|
<div class="grid" style="grid-template-columns: 1fr 1fr; gap: 2rem; margin-bottom: 0;">
|
|
<div class="form-group">
|
|
<label>First Name</label>
|
|
<input type="text" placeholder="Ahmad" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Last Name</label>
|
|
<input type="text" placeholder="Shah" required>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Email Address</label>
|
|
<input type="email" placeholder="ahmad@domain.af" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Inquiry Subject</label>
|
|
<select style="width: 100%; padding: 1.2rem; background: var(--bg-color); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; color: white; outline: none; cursor: pointer;">
|
|
<option>Purchase Interest</option>
|
|
<option>Installment Inquiry</option>
|
|
<option>Vehicle Valuation (Selling)</option>
|
|
<option>Technical Support</option>
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Your Message</label>
|
|
<textarea rows="6" placeholder="Please provide details about the vehicle or service you are interested in..." required></textarea>
|
|
</div>
|
|
<button type="submit" class="btn" style="width: 100%;">Send Message</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div style="display: flex; flex-direction: column; gap: 3rem;">
|
|
<div class="location-card" style="border-style: solid;">
|
|
<h3><i class="fas fa-headset"></i> Premium Support</h3>
|
|
<div class="location-info">
|
|
<p><i class="fas fa-phone"></i> +93 700 000 000</p>
|
|
<p><i class="fas fa-envelope"></i> concierge@afgcars.af</p>
|
|
<p><i class="fas fa-clock"></i> 24/7 VIP Assistance Available</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="background: var(--surface-color); padding: 3rem; border-radius: var(--border-radius); border: 1px solid var(--border-color);">
|
|
<h3 style="margin-bottom: 2rem; color: var(--accent-color);">Regional Centers</h3>
|
|
<div style="display: flex; flex-direction: column; gap: 1.5rem;">
|
|
<div style="border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 1rem;">
|
|
<span style="color: var(--text-primary); font-weight: 800; display: block; margin-bottom: 0.3rem;">Kabul Headquarters</span>
|
|
<p style="font-size: 0.85rem; color: var(--text-secondary);">Shar-e-Naw Business District, Plaza 4, 2nd Floor</p>
|
|
</div>
|
|
<div style="border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 1rem;">
|
|
<span style="color: var(--text-primary); font-weight: 800; display: block; margin-bottom: 0.3rem;">Herat Regional Center</span>
|
|
<p style="font-size: 0.85rem; color: var(--text-secondary);">Main Commercial Avenue, Herat Gate</p>
|
|
</div>
|
|
<div>
|
|
<span style="color: var(--text-primary); font-weight: 800; display: block; margin-bottom: 0.3rem;">Mazar-i-Sharif Office</span>
|
|
<p style="font-size: 0.85rem; color: var(--text-secondary);">Balkh Gate Towers, Suite 102</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<?php require_once __DIR__ . '/includes/footer.php'; ?>
|