karim
bd37b7f8bc
Echte Design-Tokens aus dem openbureau-Stylesheet übernommen: - weißer Grund (#fff), warme Off-Whites (#fafafa/#fff8f0) - near-black Text (#1a1a1a), warmes Braun als Akzent (#b07848) - System-Font-Stack (-apple-system…) + SF Mono, Brand Krungthep - Hero-CTA in Akzent-Braun, dunkle Sekundär-Buttons Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
44 lines
1.8 KiB
React
44 lines
1.8 KiB
React
import React from "react";
|
|
import { auth } from "../api.js";
|
|
|
|
export default function Landing({ navigate }) {
|
|
return (
|
|
<div className="wrap">
|
|
<div className="nav">
|
|
<div className="brand">RAPPORT</div>
|
|
<div style={{ display: "flex", gap: 16, alignItems: "center" }}>
|
|
<button className="ghost" onClick={() => navigate("/plans")}>Preise</button>
|
|
{auth.isLoggedIn ? (
|
|
<button className="primary" style={{ width: "auto", padding: "8px 18px" }} onClick={() => navigate("/dashboard")}>
|
|
Dashboard
|
|
</button>
|
|
) : (
|
|
<button className="primary" style={{ width: "auto", padding: "8px 18px" }} onClick={() => navigate("/login")}>
|
|
Anmelden
|
|
</button>
|
|
)}
|
|
</div>
|
|
</div>
|
|
|
|
<div style={{ padding: "80px 0", maxWidth: 620 }}>
|
|
<h1 style={{ fontSize: 44, lineHeight: 1.1, margin: 0 }}>
|
|
Ihre eigene Rapport-Instanz.<br />In Minuten startklar.
|
|
</h1>
|
|
<p className="muted" style={{ fontSize: 15, lineHeight: 1.6, marginTop: 20 }}>
|
|
Studio-Management für Architekturbüros — gehostet, gewartet und
|
|
gesichert. Registrieren, Abo wählen, loslegen. Ihre Daten in der
|
|
Schweiz.
|
|
</p>
|
|
<div style={{ display: "flex", gap: 12, marginTop: 28 }}>
|
|
<button className="primary accent" style={{ width: "auto", padding: "13px 28px" }} onClick={() => navigate("/register")}>
|
|
Jetzt starten
|
|
</button>
|
|
<button className="primary" style={{ width: "auto", padding: "13px 28px", background: "transparent", color: "var(--ink)", border: "1px solid var(--line)" }} onClick={() => navigate("/plans")}>
|
|
Preise ansehen
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|