Josh Knapp
b511a6684d
Includes new page templates (fitness-gym, nonprofit, online-course, photography-studio, real-estate, startup-company, travel-blog, wedding-invitation) with thumbnail SVGs, test specs, documentation files, and minor updates to index.html, router.php, and playwright config. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
99 lines
7.6 KiB
HTML
99 lines
7.6 KiB
HTML
<!-- Navigation -->
|
|
<nav style="display:flex;align-items:center;justify-content:space-between;padding:16px 48px;background-color:#0f172a;font-family:'Inter',sans-serif;">
|
|
<a style="font-family:'Montserrat',sans-serif;font-size:22px;font-weight:700;color:#0ea5e9;text-decoration:none;">Prestige Realty</a>
|
|
<div style="display:flex;align-items:center;gap:32px;">
|
|
<a href="listings.html" style="color:#f8fafc;text-decoration:none;font-size:15px;font-weight:500;">Listings</a>
|
|
<a href="about.html" style="color:#f8fafc;text-decoration:none;font-size:15px;font-weight:500;">About Us</a>
|
|
<a href="contact.html" style="color:#0ea5e9;text-decoration:none;font-size:15px;font-weight:600;">Contact</a>
|
|
<span style="color:#0ea5e9;font-size:15px;font-weight:600;">(555) 123-4567</span>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Contact Section -->
|
|
<section style="background-color:#ffffff;padding:80px 48px;font-family:'Inter',sans-serif;">
|
|
<h1 style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:800;color:#0f172a;text-align:center;margin:0 0 8px;">Get In Touch</h1>
|
|
<p style="text-align:center;color:#64748b;font-size:17px;margin:0 0 56px;">We'd love to hear from you. Reach out and our team will respond within 24 hours.</p>
|
|
<div style="display:flex;gap:48px;max-width:1050px;margin:0 auto;flex-wrap:wrap;">
|
|
<!-- Contact Details -->
|
|
<div style="flex:1;min-width:300px;">
|
|
<h2 style="font-family:'Montserrat',sans-serif;font-size:24px;font-weight:700;color:#0f172a;margin:0 0 28px;">Contact Information</h2>
|
|
<div style="margin-bottom:24px;">
|
|
<div style="font-size:13px;font-weight:600;color:#0ea5e9;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;">Office Address</div>
|
|
<div style="font-size:15px;color:#475569;line-height:1.6;">123 Real Estate Blvd, Suite 200<br />Los Angeles, CA 90001</div>
|
|
</div>
|
|
<div style="margin-bottom:24px;">
|
|
<div style="font-size:13px;font-weight:600;color:#0ea5e9;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;">Phone</div>
|
|
<div style="font-size:15px;color:#475569;">(555) 123-4567</div>
|
|
</div>
|
|
<div style="margin-bottom:24px;">
|
|
<div style="font-size:13px;font-weight:600;color:#0ea5e9;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;">Email</div>
|
|
<div style="font-size:15px;color:#475569;">info@prestigerealty.com</div>
|
|
</div>
|
|
<div>
|
|
<div style="font-size:13px;font-weight:600;color:#0ea5e9;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;">Office Hours</div>
|
|
<div style="font-size:15px;color:#475569;line-height:1.6;">Monday - Friday: 9:00 AM - 6:00 PM<br />Saturday: 10:00 AM - 4:00 PM<br />Sunday: By Appointment</div>
|
|
</div>
|
|
</div>
|
|
<!-- Contact Form -->
|
|
<div style="flex:1;min-width:300px;">
|
|
<form style="background-color:#f8fafc;padding:32px;border-radius:12px;">
|
|
<div style="margin-bottom:16px;">
|
|
<label style="display:block;font-size:13px;font-weight:600;color:#0f172a;margin-bottom:6px;">Full Name</label>
|
|
<input type="text" placeholder="John Smith" style="width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-family:'Inter',sans-serif;box-sizing:border-box;" />
|
|
</div>
|
|
<div style="margin-bottom:16px;">
|
|
<label style="display:block;font-size:13px;font-weight:600;color:#0f172a;margin-bottom:6px;">Email Address</label>
|
|
<input type="email" placeholder="john@example.com" style="width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-family:'Inter',sans-serif;box-sizing:border-box;" />
|
|
</div>
|
|
<div style="margin-bottom:16px;">
|
|
<label style="display:block;font-size:13px;font-weight:600;color:#0f172a;margin-bottom:6px;">Phone Number</label>
|
|
<input type="tel" placeholder="(555) 000-0000" style="width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-family:'Inter',sans-serif;box-sizing:border-box;" />
|
|
</div>
|
|
<div style="margin-bottom:16px;">
|
|
<label style="display:block;font-size:13px;font-weight:600;color:#0f172a;margin-bottom:6px;">Property Interest</label>
|
|
<select style="width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-family:'Inter',sans-serif;background-color:#ffffff;box-sizing:border-box;">
|
|
<option value="">Select an option...</option>
|
|
<option value="buying">Buying a Home</option>
|
|
<option value="selling">Selling a Home</option>
|
|
<option value="renting">Renting</option>
|
|
<option value="commercial">Commercial Property</option>
|
|
<option value="other">Other</option>
|
|
</select>
|
|
</div>
|
|
<div style="margin-bottom:20px;">
|
|
<label style="display:block;font-size:13px;font-weight:600;color:#0f172a;margin-bottom:6px;">Message</label>
|
|
<textarea placeholder="Tell us about what you're looking for..." rows="4" style="width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-family:'Inter',sans-serif;resize:vertical;box-sizing:border-box;"></textarea>
|
|
</div>
|
|
<button type="submit" style="width:100%;padding:12px;background-color:#0ea5e9;color:#ffffff;border:none;border-radius:6px;font-size:15px;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;">Send Message</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Office Locations -->
|
|
<section style="background-color:#f8fafc;padding:72px 48px;font-family:'Inter',sans-serif;">
|
|
<h2 style="font-family:'Montserrat',sans-serif;font-size:32px;font-weight:700;color:#0f172a;text-align:center;margin:0 0 8px;">Our Offices</h2>
|
|
<p style="text-align:center;color:#64748b;font-size:16px;margin:0 0 40px;">Visit us at either of our convenient locations</p>
|
|
<div style="display:flex;gap:32px;max-width:800px;margin:0 auto;flex-wrap:wrap;justify-content:center;">
|
|
<div style="flex:1;min-width:320px;background-color:#ffffff;padding:32px;border-radius:12px;border:1px solid #e2e8f0;">
|
|
<h3 style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px;">Los Angeles Office</h3>
|
|
<div style="font-size:14px;color:#0ea5e9;font-weight:600;margin-bottom:16px;">Main Headquarters</div>
|
|
<p style="font-size:14px;color:#64748b;line-height:1.7;margin:0 0 8px;">123 Real Estate Blvd, Suite 200<br />Los Angeles, CA 90001</p>
|
|
<p style="font-size:14px;color:#64748b;margin:0;">Phone: (555) 123-4567</p>
|
|
</div>
|
|
<div style="flex:1;min-width:320px;background-color:#ffffff;padding:32px;border-radius:12px;border:1px solid #e2e8f0;">
|
|
<h3 style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px;">San Diego Office</h3>
|
|
<div style="font-size:14px;color:#0ea5e9;font-weight:600;margin-bottom:16px;">Branch Office</div>
|
|
<p style="font-size:14px;color:#64748b;line-height:1.7;margin:0 0 8px;">456 Coastal Drive, Suite 100<br />San Diego, CA 92101</p>
|
|
<p style="font-size:14px;color:#64748b;margin:0;">Phone: (555) 987-6543</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer style="background-color:#0f172a;padding:40px 48px;text-align:center;font-family:'Inter',sans-serif;">
|
|
<div style="font-family:'Montserrat',sans-serif;font-size:18px;font-weight:700;color:#0ea5e9;margin-bottom:8px;">Prestige Realty</div>
|
|
<div style="font-size:14px;color:#94a3b8;margin-bottom:8px;">123 Real Estate Blvd, Suite 200, Los Angeles, CA 90001</div>
|
|
<div style="font-size:13px;color:#64748b;">© 2026 Prestige Realty. All rights reserved.</div>
|
|
</footer>
|