// -----------------------------------------------------------------------------
// Home-Ka — US real-estate aggregator (Groupe KA)
// Author: Simon-Pierre Boucher — contact@spboucher.ai
// pages/Contact.tsx : contact page — operator Groupe KA, contact@spboucher.ai.
// -----------------------------------------------------------------------------
import eco from "../ka/ecosystem.json";

export default function ContactPage() {
  const sites = eco.sites.filter((s) => s.id !== "home-ka");
  return (
    <div className="container contact">
      <span className="kicker">Contact</span>
      <h1>
        Get in touch with <span className="hl">Groupe KA</span>
      </h1>
      <p className="lede">
        Home-Ka is a <b>Groupe KA</b> service — an independent, fully automated
        US real-estate aggregator. For anything related to Home-Ka (data,
        partnerships, brokerage feeds, listing removal, press), write to us.
      </p>

      <div className="contact-cards">
        <a className="contact-card" href="mailto:contact@spboucher.ai">
          <span className="contact-role">All inquiries — data, partnerships, legal & press</span>
          <span className="contact-mail">contact@spboucher.ai</span>
        </a>
      </div>

      <p className="contact-disclaimer">
        <b>
          Groupe KA is a content aggregator: we sell nothing, rent nothing and
          are party to no transaction.
        </b>{" "}
        Every listing links back to the original announcement at the source:
        for a specific home, contact the listing agent or brokerage shown on
        the page directly.
      </p>

      <div className="contact-hub">
        <a
          className="btn btn-primary"
          href={eco.hub.url}
          target="_blank"
          rel="noopener noreferrer"
        >
          Visit the groupe-ka.com portal ↗
        </a>
      </div>

      <section className="contact-sites">
        <h2>The ·Ka ecosystem</h2>
        <ul>
          {sites.map((s) => (
            <li key={s.id}>
              <a href={`https://${s.domain}`} target="_blank" rel="noopener noreferrer">
                <b>{s.wordmark}</b>
                <span>{s.tagline}</span>
              </a>
            </li>
          ))}
        </ul>
      </section>
    </div>
  );
}