// Get the app — landing for /app on Android and desktop
function GetAppPage({ navigate }) {
  return (
    <main className="get-app-page" style={{ paddingTop: 40, paddingBottom: 80 }}>
      <section className="container-narrow" style={{ textAlign: 'center' }}>
        <span className="pill">The parent app</span>
        <h1 style={{ marginTop: 16 }}>Get the Ciao Bella app</h1>
        <p className="lede" style={{ maxWidth: 520, margin: '0 auto 32px' }}>
          Add approved contacts, set quiet hours and see every call — all from your phone.
          Free with every Ciao Bella.
        </p>
        <p style={{ marginBottom: 40 }}>
          <CTA onClick={() => { window.location.href = 'https://apps.apple.com/app/id6784385819'; }}>
            Download for iPhone
          </CTA>
        </p>
        <div style={{ padding: '24px 20px', border: '1px dashed var(--border)', borderRadius: 16, maxWidth: 520, margin: '0 auto' }}>
          <strong style={{ display: 'block', marginBottom: 8 }}>Android is on the way</strong>
          <p style={{ margin: 0 }}>
            We’re finishing the Android app now. Leave your email below and we’ll
            tell you the moment it’s ready.
          </p>
        </div>
      </section>
    </main>
  );
}
Object.assign(window, { GetAppPage });