<!-- 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:#0ea5e9;text-decoration:none;font-size:15px;font-weight:600;">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>

<!-- About Section -->
<section style="background-color:#ffffff;padding:80px 48px;font-family:'Inter',sans-serif;">
  <div style="display:flex;gap:48px;max-width:1050px;margin:0 auto;align-items:center;flex-wrap:wrap;">
    <div style="flex:1;min-width:300px;">
      <h1 style="font-family:'Montserrat',sans-serif;font-size:40px;font-weight:800;color:#0f172a;margin:0 0 20px;">About Prestige Realty</h1>
      <p style="font-size:16px;color:#475569;line-height:1.7;margin:0 0 16px;">Founded in 2011, Prestige Realty has grown from a small neighborhood office to one of Southern California's most trusted real estate agencies. Our journey began with a simple belief: every client deserves personalized, expert guidance through the biggest transaction of their life.</p>
      <p style="font-size:16px;color:#475569;line-height:1.7;margin:0 0 16px;">Our mission is to make the home buying and selling experience seamless, transparent, and rewarding. We combine cutting-edge market analytics with genuine care for our clients' goals.</p>
      <p style="font-size:16px;color:#475569;line-height:1.7;margin:0;">With over 500 properties sold and a 98% client satisfaction rate, our track record speaks for itself. We don't just close deals -- we build lasting relationships.</p>
    </div>
    <div style="flex:1;min-width:300px;">
      <img src="https://images.unsplash.com/photo-1560518883-ce09059eeffa?w=600" style="width:100%;border-radius:12px;display:block;box-shadow:0 4px 20px rgba(0,0,0,0.1);" alt="Real estate office" />
    </div>
  </div>
</section>

<!-- Team Section -->
<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;">Meet Our Team</h2>
  <p style="text-align:center;color:#64748b;font-size:16px;margin:0 0 48px;">Dedicated professionals ready to help you</p>
  <div style="display:flex;gap:32px;max-width:1000px;margin:0 auto;flex-wrap:wrap;justify-content:center;">
    <div style="background-color:#ffffff;border-radius:12px;overflow:hidden;width:300px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,0.08);">
      <img src="https://images.unsplash.com/photo-1560250097-0b93528c311a?w=400" style="width:100%;height:280px;object-fit:cover;display:block;" alt="James Mitchell" />
      <div style="padding:24px;">
        <h3 style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px;">James Mitchell</h3>
        <div style="font-size:14px;color:#0ea5e9;font-weight:600;margin-bottom:12px;">Lead Agent &amp; Founder</div>
        <p style="font-size:13px;color:#64748b;line-height:1.6;margin:0;">Specializing in luxury residential properties with 15+ years of market experience in greater Los Angeles.</p>
      </div>
    </div>
    <div style="background-color:#ffffff;border-radius:12px;overflow:hidden;width:300px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,0.08);">
      <img src="https://images.unsplash.com/photo-1573496359142-b8d87734a5a2?w=400" style="width:100%;height:280px;object-fit:cover;display:block;" alt="Sarah Chen" />
      <div style="padding:24px;">
        <h3 style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px;">Sarah Chen</h3>
        <div style="font-size:14px;color:#0ea5e9;font-weight:600;margin-bottom:12px;">Senior Sales Agent</div>
        <p style="font-size:13px;color:#64748b;line-height:1.6;margin:0;">Expert in first-time homebuyer programs and residential sales across Orange County and San Diego markets.</p>
      </div>
    </div>
    <div style="background-color:#ffffff;border-radius:12px;overflow:hidden;width:300px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,0.08);">
      <img src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?w=400" style="width:100%;height:280px;object-fit:cover;display:block;" alt="David Rodriguez" />
      <div style="padding:24px;">
        <h3 style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:700;color:#0f172a;margin:0 0 4px;">David Rodriguez</h3>
        <div style="font-size:14px;color:#0ea5e9;font-weight:600;margin-bottom:12px;">Commercial Specialist</div>
        <p style="font-size:13px;color:#64748b;line-height:1.6;margin:0;">Focused on commercial real estate, office leasing, and investment properties with a strong analytics background.</p>
      </div>
    </div>
  </div>
</section>

<!-- Values Section -->
<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;">Our Values</h2>
  <p style="text-align:center;color:#64748b;font-size:16px;margin:0 0 48px;">The principles that guide everything we do</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:36px 28px;background-color:#f8fafc;border-radius:12px;">
      <div style="width:56px;height:56px;background-color:#0ea5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:24px;color:#ffffff;">&#9829;</div>
      <h3 style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:700;color:#0f172a;margin:0 0 12px;">Integrity</h3>
      <p style="font-size:14px;color:#64748b;line-height:1.6;margin:0;">We believe in honest communication and transparent dealings. Our clients always know exactly where they stand.</p>
    </div>
    <div style="flex:1;min-width:280px;max-width:300px;text-align:center;padding:36px 28px;background-color:#f8fafc;border-radius:12px;">
      <div style="width:56px;height:56px;background-color:#0ea5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:24px;color:#ffffff;">&#9733;</div>
      <h3 style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:700;color:#0f172a;margin:0 0 12px;">Excellence</h3>
      <p style="font-size:14px;color:#64748b;line-height:1.6;margin:0;">We set high standards for ourselves and continuously improve our skills, tools, and processes to serve you better.</p>
    </div>
    <div style="flex:1;min-width:280px;max-width:300px;text-align:center;padding:36px 28px;background-color:#f8fafc;border-radius:12px;">
      <div style="width:56px;height:56px;background-color:#0ea5e9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:24px;color:#ffffff;">&#9823;</div>
      <h3 style="font-family:'Montserrat',sans-serif;font-size:20px;font-weight:700;color:#0f172a;margin:0 0 12px;">Client-First</h3>
      <p style="font-size:14px;color:#64748b;line-height:1.6;margin:0;">Your goals are our priority. We listen, adapt, and go the extra mile to ensure your real estate experience exceeds expectations.</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;">&copy; 2026 Prestige Realty. All rights reserved.</div>
</footer>
