/* TeamTipp — Pricing page */

function PricingPage() {
  return (
    <>
      <section className="legal-hero">
        <div className="container">
          <span className="eyebrow">Preise</span>
          <h1 style={{ marginTop: 12 }}>Einfach. Einmalig. Pro Team.</h1>
          <p className="lead">
            TeamTipp ist kostenlos für Freundeskreise. Pro & Business sind ein <strong>einmaliger Kauf pro Team</strong> —
            kein Abo, keine wiederkehrenden Kosten. Zahlungen beziehen sich ausschließlich auf App-Funktionen.
          </p>
        </div>
      </section>

      <section className="section">
        <div className="container">
          <div className="pricing-grid">
            <PricingCard
              name="Free"
              price="€0"
              desc="Perfekt für kleine Freundeskreise."
              features={[
                { text: "iOS, Android & Web" },
                { text: "Einladung per Link oder 8-stelligem Code" },
                { text: "Bis zu 8 Spieler:innen" },
                { text: "Ergebnis-Tipps für jedes Spiel" },
                { text: "Standard-Punkteregeln (3 / 1 / 0)" },
                { text: "Admin-Werkzeuge Mitglieder-Verwaltung & mehr" },
              ]}
              ctaLabel="Kostenlos starten"
            />
            <PricingCard
              name="Pro"
              price="€4,99"
              unit="einmalig / Team"
              desc="Für ambitionierte Tipp-Runden."
              featured
              features={[
                { text: "Alle Free-Features" },
                { text: "Bis zu 25 Spieler:innen" , pro: true},
                { text: "Eigene Punkteregeln (exakt, Tendenz, ProTipp, Auto-Tipp)", pro: true },
                { text: "ProTipps: gelbe/rote Karten, Auswechslungen, Eigentore, Elfmeter, und mehr", pro: true },
                { text: "Admin-Werkzeuge für Regeln- & Mitgliederverwaltung" },
              ]}
              ctaLabel="Pro freischalten"
            />
            <PricingCard
              name="Business"
              price="€39,99"
              unit="einmalig / Team"
              desc="Für Firmen und große Communities."
              features={[
                { text: "Alle Pro-Features" },
                { text: "Bis zu 100 Spieler:innen" , business: true},
                { text: "Branding für Firma / Team (Logo, Farben)", business: true },
                { text: "SSO / JIT / User import", business: true },
                { text: "Erweiterte Admin-Optionen" , business: true},
              ]}
              ctaLabel="Business anfragen"
            />
          </div>

          <p className="pricing-note">
            <strong>Wichtig:</strong> Preise gelten ausschließlich für App-Funktionen. TeamTipp bietet keine Wetten,
            keine Quoten, keine Einsätze, keine Auszahlungen und keine Gewinnabwicklung. TeamTipp ist ein Unterhaltungs-Tippspiel.
          </p>

          {/* FAQ */}
          <div style={{ marginTop: 56 }}>
            <div className="section-head"><h2 className="display-2">Häufige Fragen</h2></div>
            <div className="features">
              <div className="feature">
                <h3>Ist Pro ein Abo?</h3>
                <p>Nein. Pro ist ein einmaliger Kauf pro Team. Du zahlst einmal und das Team behält den Pro-Status.</p>
              </div>
              <div className="feature">
                <h3>Wer zahlt — das ganze Team oder nur der Admin?</h3>
                <p>Der Team-Admin oder ein beliebiges Teammitglied darf einmalig Pro für das ganze Team kaufen (einstellbar). Alle Mitglieder profitieren automatisch von den freigeschalteten Features.</p>
              </div>
              <div className="feature">
                <h3>Kann ich von Free auf Pro upgraden?</h3>
                <p>Ja. Bestehende Teams können jederzeit auf Pro oder Business (*) upgraden — Tipps und Rangliste bleiben erhalten.</p>
              </div>
              <div className="feature">
                <h3>Gibt es Wetten oder Einsätze? Gewinne ich einen Preis von TeamTipp, wenn ich am Ende des Tourniers oben in der Rangliste bin?</h3>
                <p>Nein. TeamTipp ist ein reines Unterhaltungs-Tippspiel ohne Quoten, Einsätze, Gewinne oder Auszahlungen.</p>
              </div>
              <div className="feature">
                <h3>Welche Zahlungsmethoden?</h3>
                <p>Über die jeweiligen App-Stores (Apple App Store, Google Play), und beliebige Zahlungsmethoden für Web. Für Business-Lizenzen sind Rechnungs­zahlungen geplant.</p>
              </div>
              <div className="feature">
                <h3>Was bedeutet "Branding"?</h3>
                <p>Logo und Farben deines Teams oder deiner Firma können hinterlegt werden. Alle Users deins Teams sehen dann ein von dir definiertes Styling </p>
              </div>
            </div>
          </div>
        </div>
      </section>
    </>
  );
}

Object.assign(window, { PricingPage });