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>
121 lines
9.4 KiB
HTML
121 lines
9.4 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:#f8fafc;text-decoration:none;font-size:15px;font-weight:500;">Contact</a>
|
|
<span style="color:#0ea5e9;font-size:15px;font-weight:600;">(555) 123-4567</span>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Hero -->
|
|
<section style="background:linear-gradient(rgba(15,23,42,0.85),rgba(15,23,42,0.85)),url('https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?w=1400') center/cover no-repeat;padding:100px 48px;text-align:center;font-family:'Inter',sans-serif;">
|
|
<h1 style="font-family:'Montserrat',sans-serif;font-size:52px;font-weight:800;color:#ffffff;margin:0 0 16px;">Find Your Dream Home</h1>
|
|
<p style="font-size:20px;color:#cbd5e1;margin:0 0 40px;max-width:600px;margin-left:auto;margin-right:auto;">Discover exceptional properties in the most desirable neighborhoods. Your perfect home is just a search away.</p>
|
|
<div style="display:inline-flex;align-items:center;gap:12px;background-color:rgba(255,255,255,0.1);padding:12px 16px;border-radius:8px;border:1px solid rgba(255,255,255,0.15);">
|
|
<span style="color:#94a3b8;font-size:15px;">Search by city, neighborhood, or ZIP...</span>
|
|
<a href="listings.html" style="background-color:#0ea5e9;color:#ffffff;padding:12px 28px;border-radius:6px;text-decoration:none;font-weight:600;font-size:15px;">Browse Listings</a>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Stats -->
|
|
<section style="background-color:#ffffff;padding:60px 48px;font-family:'Inter',sans-serif;">
|
|
<div style="display:flex;justify-content:center;gap:64px;flex-wrap:wrap;max-width:960px;margin:0 auto;">
|
|
<div style="text-align:center;">
|
|
<div style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:800;color:#0ea5e9;">500+</div>
|
|
<div style="font-size:14px;color:#64748b;margin-top:4px;font-weight:500;">Properties Sold</div>
|
|
</div>
|
|
<div style="text-align:center;">
|
|
<div style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:800;color:#0ea5e9;">15</div>
|
|
<div style="font-size:14px;color:#64748b;margin-top:4px;font-weight:500;">Years Experience</div>
|
|
</div>
|
|
<div style="text-align:center;">
|
|
<div style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:800;color:#0ea5e9;">98%</div>
|
|
<div style="font-size:14px;color:#64748b;margin-top:4px;font-weight:500;">Client Satisfaction</div>
|
|
</div>
|
|
<div style="text-align:center;">
|
|
<div style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:800;color:#0ea5e9;">50+</div>
|
|
<div style="font-size:14px;color:#64748b;margin-top:4px;font-weight:500;">Expert Agents</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Featured Properties -->
|
|
<section style="background-color:#f8fafc;padding:80px 48px;font-family:'Inter',sans-serif;">
|
|
<h2 style="font-family:'Montserrat',sans-serif;font-size:36px;font-weight:700;color:#0f172a;text-align:center;margin:0 0 8px;">Featured Properties</h2>
|
|
<p style="text-align:center;color:#64748b;font-size:16px;margin:0 0 48px;">Hand-picked listings from our top agents</p>
|
|
<div style="display:flex;gap:24px;max-width:1100px;margin:0 auto;flex-wrap:wrap;justify-content:center;">
|
|
<div style="background-color:#ffffff;border-radius:12px;overflow:hidden;width:340px;box-shadow:0 2px 12px rgba(0,0,0,0.08);">
|
|
<img src="https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=680" style="width:100%;height:220px;object-fit:cover;display:block;" alt="Modern family home" />
|
|
<div style="padding:20px;">
|
|
<div style="font-family:'Montserrat',sans-serif;font-size:24px;font-weight:700;color:#0ea5e9;margin-bottom:8px;">$750,000</div>
|
|
<div style="font-size:16px;font-weight:600;color:#0f172a;margin-bottom:8px;">Modern Family Home</div>
|
|
<div style="display:flex;gap:16px;font-size:13px;color:#64748b;margin-bottom:8px;">
|
|
<span>4 Beds</span><span>3 Baths</span><span>2,800 sqft</span>
|
|
</div>
|
|
<div style="font-size:13px;color:#94a3b8;">Westwood, Los Angeles, CA</div>
|
|
</div>
|
|
</div>
|
|
<div style="background-color:#ffffff;border-radius:12px;overflow:hidden;width:340px;box-shadow:0 2px 12px rgba(0,0,0,0.08);">
|
|
<img src="https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?w=680" style="width:100%;height:220px;object-fit:cover;display:block;" alt="Luxury villa" />
|
|
<div style="padding:20px;">
|
|
<div style="font-family:'Montserrat',sans-serif;font-size:24px;font-weight:700;color:#0ea5e9;margin-bottom:8px;">$1,250,000</div>
|
|
<div style="font-size:16px;font-weight:600;color:#0f172a;margin-bottom:8px;">Luxury Villa with Pool</div>
|
|
<div style="display:flex;gap:16px;font-size:13px;color:#64748b;margin-bottom:8px;">
|
|
<span>5 Beds</span><span>4 Baths</span><span>4,200 sqft</span>
|
|
</div>
|
|
<div style="font-size:13px;color:#94a3b8;">Beverly Hills, CA</div>
|
|
</div>
|
|
</div>
|
|
<div style="background-color:#ffffff;border-radius:12px;overflow:hidden;width:340px;box-shadow:0 2px 12px rgba(0,0,0,0.08);">
|
|
<img src="https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?w=680" style="width:100%;height:220px;object-fit:cover;display:block;" alt="Downtown condo" />
|
|
<div style="padding:20px;">
|
|
<div style="font-family:'Montserrat',sans-serif;font-size:24px;font-weight:700;color:#0ea5e9;margin-bottom:8px;">$425,000</div>
|
|
<div style="font-size:16px;font-weight:600;color:#0f172a;margin-bottom:8px;">Downtown Penthouse Condo</div>
|
|
<div style="display:flex;gap:16px;font-size:13px;color:#64748b;margin-bottom:8px;">
|
|
<span>2 Beds</span><span>2 Baths</span><span>1,400 sqft</span>
|
|
</div>
|
|
<div style="font-size:13px;color:#94a3b8;">Downtown, San Diego, CA</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Why Choose Us -->
|
|
<section style="background-color:#ffffff;padding:80px 48px;font-family:'Inter',sans-serif;">
|
|
<h2 style="font-family:'Montserrat',sans-serif;font-size:36px;font-weight:700;color:#0f172a;text-align:center;margin:0 0 8px;">Why Choose Us</h2>
|
|
<p style="text-align:center;color:#64748b;font-size:16px;margin:0 0 48px;">What sets Prestige Realty apart</p>
|
|
<div style="display:flex;gap:32px;max-width:1000px;margin:0 auto;flex-wrap:wrap;justify-content:center;">
|
|
<div style="flex:1;min-width:280px;max-width:300px;text-align:center;padding:32px;border:1px solid #e2e8f0;border-radius:12px;">
|
|
<div style="font-size:36px;margin-bottom:16px;">🏠</div>
|
|
<h3 style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:700;color:#0f172a;margin:0 0 12px;">Expert Agents</h3>
|
|
<p style="font-size:14px;color:#64748b;line-height:1.6;margin:0;">Our licensed professionals bring decades of combined experience and deep local market expertise to every transaction.</p>
|
|
</div>
|
|
<div style="flex:1;min-width:280px;max-width:300px;text-align:center;padding:32px;border:1px solid #e2e8f0;border-radius:12px;">
|
|
<div style="font-size:36px;margin-bottom:16px;">📈</div>
|
|
<h3 style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:700;color:#0f172a;margin:0 0 12px;">Market Knowledge</h3>
|
|
<p style="font-size:14px;color:#64748b;line-height:1.6;margin:0;">Data-driven pricing strategies and neighborhood insights ensure you get the best value whether buying or selling.</p>
|
|
</div>
|
|
<div style="flex:1;min-width:280px;max-width:300px;text-align:center;padding:32px;border:1px solid #e2e8f0;border-radius:12px;">
|
|
<div style="font-size:36px;margin-bottom:16px;">🔑</div>
|
|
<h3 style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:700;color:#0f172a;margin:0 0 12px;">Full Service</h3>
|
|
<p style="font-size:14px;color:#64748b;line-height:1.6;margin:0;">From your first viewing to closing day, we handle inspections, negotiations, paperwork, and everything in between.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA -->
|
|
<section style="background:linear-gradient(135deg,#0ea5e9,#0369a1);padding:72px 48px;text-align:center;font-family:'Inter',sans-serif;">
|
|
<h2 style="font-family:'Montserrat',sans-serif;font-size:36px;font-weight:700;color:#ffffff;margin:0 0 16px;">Ready to Find Your Home?</h2>
|
|
<p style="font-size:18px;color:rgba(255,255,255,0.85);margin:0 0 32px;">Let our team guide you to the perfect property. Get in touch today.</p>
|
|
<a href="contact.html" style="display:inline-block;background-color:#ffffff;color:#0ea5e9;padding:14px 36px;border-radius:8px;text-decoration:none;font-weight:700;font-size:16px;">Contact Us</a>
|
|
</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>
|