app_for_indeed/legal/embed-home.html

<div id="afi-home-embed">
  <style>
    #afi-home-embed {
      --brand: #2557a7;
      --heading: #0052cc;
      --text: #2d2d2d;
      --secondary: #767676;
      --border: #e4e4e4;
      --bg: #ffffff;
      --bg-subtle: #f7f7f7;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      line-height: 1.6;
      color: var(--text);
      max-width: 960px;
      margin: 0 auto;
      padding: 0.5rem 0 1rem;
    }
    #afi-home-embed a { color: var(--brand); text-decoration: none; }
    #afi-home-embed a:hover { text-decoration: underline; }
    #afi-home-embed h1 { margin: 0 0 0.75rem; font-size: 2.25rem; color: var(--heading); }
    #afi-home-embed .hero__lead { margin: 0; font-size: 1.1rem; color: var(--secondary); max-width: 42rem; }
    #afi-home-embed h2 { margin: 0 0 0.75rem; font-size: 1.35rem; color: var(--heading); }
    #afi-home-embed .highlights { margin-top: 2.5rem; }
    #afi-home-embed .highlights__list { margin: 0; padding-left: 1.25rem; }
    #afi-home-embed .highlights__list li { margin: 0.4rem 0; }
    #afi-home-embed .features { margin-top: 2.75rem; }
    #afi-home-embed .features__intro { margin: 0 0 1.5rem; color: var(--secondary); max-width: 40rem; }
    #afi-home-embed .feature-grid {
      display: grid;
      gap: 1rem;
      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    }
    #afi-home-embed .feature-card {
      margin: 0;
      padding: 1.25rem;
      border: 1px solid var(--border);
      border-radius: 10px;
      background: var(--bg-subtle);
    }
    #afi-home-embed .feature-card h3 { margin: 0 0 0.5rem; font-size: 1.05rem; color: var(--heading); }
    #afi-home-embed .feature-card p { margin: 0; font-size: 0.95rem; }
    #afi-home-embed .link-hub { margin-top: 2.5rem; }
    #afi-home-embed .link-hub__intro { margin: 0 0 1rem; color: var(--secondary); }
    #afi-home-embed .link-list {
      margin: 0;
      padding: 0;
      list-style: none;
      border: 1px solid var(--border);
      border-radius: 12px;
      overflow: hidden;
      background: var(--bg);
    }
    #afi-home-embed .link-list__item { border-bottom: 1px solid var(--border); }
    #afi-home-embed .link-list__item:last-child { border-bottom: none; }
    #afi-home-embed .link-list__link {
      display: block;
      padding: 1rem 1.1rem;
      color: var(--text);
      font-weight: 500;
    }
    #afi-home-embed .link-list__link:hover {
      background: var(--bg-subtle);
      text-decoration: none;
    }
    #afi-home-embed .disclaimer {
      margin-top: 2.5rem;
      padding: 1rem 1.25rem;
      border-radius: 8px;
      background: var(--bg-subtle);
      border: 1px solid var(--border);
      font-size: 0.9rem;
      color: var(--secondary);
    }
    #afi-home-embed .disclaimer p { margin: 0; }
    @media (max-width: 640px) {
      #afi-home-embed h1 { font-size: 1.75rem; }
    }
  </style>

  <section class="hero">
    <h1>Your job hunt, in one Mac app</h1>
    <p class="hero__lead">
      App for Indeed brings together AI-powered search, an in-app Indeed browser, saved listings,
      résumé templates, and multiple career profiles—so you spend less time switching tabs and more
      time applying.
    </p>
  </section>

  <section class="highlights" aria-labelledby="why-heading">
    <h2 id="why-heading">Why professionals use it</h2>
    <ul class="highlights__list">
      <li>Search smarter with conversational AI and quick Role, Company, and Skill shortcuts.</li>
      <li>Keep Indeed open inside the app while you review, save, and apply to roles.</li>
      <li>Build tailored CVs from templates tied to profiles you control on your Mac.</li>
      <li>Upgrade on your terms with weekly, monthly, or yearly plans billed through Apple.</li>
    </ul>
  </section>

  <section class="features" aria-labelledby="workspace-heading">
    <h2 id="workspace-heading">Everything in one workspace</h2>
    <p class="features__intro">
      Whether you are actively applying or building a shortlist for later, the app keeps discovery,
      organization, and résumé work together instead of scattered across browser windows.
    </p>
    <div class="feature-grid">
      <article class="feature-card">
        <h3>AI search assistant</h3>
        <p>Describe what you want on Home—or tap a shortcut—and get readable job summaries you can save or open on Indeed in one click.</p>
      </article>
      <article class="feature-card">
        <h3>In-app Indeed browser</h3>
        <p>Read listings and walk through application steps without leaving the app. Navigate with back, forward, and reload, then return to your dashboard when you are done.</p>
      </article>
      <article class="feature-card">
        <h3>Saved Jobs</h3>
        <p>Bookmark roles from search results and manage them in a dedicated list so nothing slips through while you compare options.</p>
      </article>
      <article class="feature-card">
        <h3>CV Maker</h3>
        <p>Pick from profession- and style-based templates, preview layouts, and link a template to a profile to produce a ready-to-edit résumé.</p>
      </article>
      <article class="feature-card">
        <h3>Profiles</h3>
        <p>Maintain separate profiles with contact info, experience, education, and skills—ideal when you are targeting different roles or industries.</p>
      </article>
      <article class="feature-card">
        <h3>Premium via Apple</h3>
        <p>Unlock advanced capabilities with auto-renewing subscriptions managed in your Apple ID settings. Cancel anytime before the next billing period.</p>
      </article>
    </div>
  </section>

  <section class="link-hub" aria-labelledby="links-heading">
    <h2 id="links-heading">Quick links</h2>
    <p class="link-hub__intro">The same pages linked from the app Settings screen.</p>
    <ul class="link-list">
      <li class="link-list__item">
        <a class="link-list__link" href="https://sites.google.com/view/app-for-indeed/support" target="_top">Support</a>
      </li>
      <li class="link-list__item">
        <a class="link-list__link" href="https://sites.google.com/view/app-for-indeed/terms-of-services" target="_top">Terms of Use</a>
      </li>
      <li class="link-list__item">
        <a class="link-list__link" href="https://sites.google.com/view/app-for-indeed/privacy-policy" target="_top">Privacy Policy</a>
      </li>
    </ul>
  </section>

  <aside class="disclaimer">
    <p>
      <strong>Independent app.</strong> App for Indeed is not affiliated with, sponsored by, or endorsed by
      Indeed, Inc. Indeed® is a trademark of Indeed, Inc.
    </p>
  </aside>
</div>