<div style=”text-align: center; margin-bottom: 20px;”>
<!– Placeholder for YouTube video –>
<div style=”width: 100%; height: 400px; background-color: #ccc; display: flex; align-items: center; justify-content: center;”>
<p style=”font-size: 18px; color: #333;”>YouTube Video Placeholder – Embed your video here</p>
</div>
</div>
<div style=”max-width: 600px; margin: 0 auto; padding: 20px; border: 1px solid #ddd; border-radius: 8px; background-color: #f9f9f9;”>
<h2 style=”text-align: center;”>Contact Us</h2>
<form action=”/submit-form” method=”post”> <!– Replace ‘/submit-form’ with your actual form handler URL or use a WordPress plugin like Contact Form 7 for processing –>
<label for=”name”>Name:</label><br>
<input type=”text” id=”name” name=”name” style=”width: 100%; padding: 8px; margin-bottom: 10px;” required><br>
<label for=”phone”>Phone Number:</label><br>
<input type=”tel” id=”phone” name=”phone” style=”width: 100%; padding: 8px; margin-bottom: 10px;” required><br>
<label for=”email”>Email Address:</label><br>
<input type=”email” id=”email” name=”email” style=”width: 100%; padding: 8px; margin-bottom: 10px;” required><br>
<label for=”location”>Select Location:</label><br>
<select id=”location” name=”location” style=”width: 100%; padding: 8px; margin-bottom: 20px;” required>
<option value=””>– Choose an option –</option>
<option value=”st-clair-port-huron”>St. Clair / Port Huron</option>
<option value=”bay-city”>Bay City</option>
<option value=”northville”>Northville</option>
</select><br>
<input type=”submit” value=”Submit” style=”width: 100%; padding: 10px; background-color: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer;”>
</form>
</div>
<div style=”display: flex; justify-content: space-around; margin: 40px auto; max-width: 800px;”>
<!– Cells for links (add your links here later) –>
<div style=”width: 30%; height: 100px; background-color: #eee; display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; border-radius: 4px;”>
<a href=”#” style=”text-decoration: none; color: #333;”>Link 1 Placeholder</a>
</div>
<div style=”width: 30%; height: 100px; background-color: #eee; display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; border-radius: 4px;”>
<a href=”#” style=”text-decoration: none; color: #333;”>Link 2 Placeholder</a>
</div>
<div style=”width: 30%; height: 100px; background-color: #eee; display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; border-radius: 4px;”>
<a href=”#” style=”text-decoration: none; color: #333;”>Link 3 Placeholder</a>
</div>
</div>
<div style=”text-align: center; margin-top: 40px; padding: 10px; background-color: #f0f0f0; font-size: 14px;”>
Quest Commonwealth<br>
30700 Telegraph Rd #1475, Bingham Farms, MI 48025<br>
Phone: (248) 599-1000
</div>