34 lines
2.4 KiB
React
34 lines
2.4 KiB
React
import LoginForm from "@/components/login-form";
|
|
|
|
export default function LoginPage() {
|
|
return (
|
|
<main className="mx-auto flex min-h-[calc(100vh-57px)] max-w-[1200px] items-start gap-12 px-6 py-16 lg:flex-row">
|
|
<section className="flex-1 space-y-8 pr-0 lg:pr-8">
|
|
<div>
|
|
<h1 className="text-3xl font-bold tracking-tight text-teal-700">Confidence Engine</h1>
|
|
</div>
|
|
|
|
<div className="space-y-4 text-base leading-relaxed text-gray-700">
|
|
<h2 className="text-xl font-semibold tracking-tight text-gray-900">Get clearer about what{'\''}s really going on.</h2>
|
|
<p>Confidence Engine helps you work through situations that feel uncertain, complicated or difficult to act on.</p>
|
|
<p>Describe the situation in your own words. Confidence Engine will help reconstruct what is known, what may be happening, and what is still unclear — then let you decide what to explore further.</p>
|
|
<p className="text-gray-600">It doesn{'\''}t try to make the decision for you. The aim is to help you reach a clearer understanding so you can decide what to do with more confidence.</p>
|
|
</div>
|
|
|
|
<section className="space-y-4">
|
|
<h2 className="text-sm font-semibold uppercase tracking-[.18em] text-teal-700/70">How it works</h2>
|
|
<ol className="space-y-3 text-base leading-relaxed text-gray-700">
|
|
<li><strong>1. Describe your situation</strong><br/><span className="text-gray-600">As much or as little as you currently know.</span></li>
|
|
<li><strong>2. Explore what{'\''}s unclear</strong><br/><span className="text-gray-600">Answer the questions that feel useful; skip the ones that don{'\''}t.</span></li>
|
|
<li><strong>3. Build your Current Understanding</strong><br/><span className="text-gray-600">Your picture of the situation develops as you learn more.</span></li>
|
|
<li><strong>4. Stop when you have enough</strong><br/><span className="text-gray-600">You don{'\''}t have to answer everything. Your investigation is saved so you can return later.</span></li>
|
|
</ol>
|
|
</section>
|
|
|
|
<p className="text-sm italic text-gray-500">Try it with something real.<br/>A decision you{'\''}re unsure about. A problem that doesn{'\''}t quite make sense. A situation where you feel you may be missing something.</p>
|
|
</section>
|
|
|
|
<LoginForm />
|
|
</main>
|
|
);
|
|
} |