matthias/pitchfast
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Integrate local business workflow and SaaS redesign

Browse Source
This commit is contained in:
Matthias Meister
2026-06-12 21:08:35 +02:00
parent f00c5a3193
commit 21c7e4c9a4
88 changed files with 2683 additions and 849 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
components/auth-entry.tsx
View File

@@ -1,11 +1,40 @@
"use client"
"use client";
import { type FormEvent, useState } from "react";
import { useRouter } from "next/navigation";
import { ArrowRight, LockKeyhole } from "lucide-react";
import {
ArrowRight,
CheckCircle2,
FileSearch,
LockKeyhole,
ShieldCheck,
type LucideIcon,
} from "lucide-react";
import { authClient } from "@/lib/auth-client";
import { Button } from "@/components/ui/button";
const authSignals: Array<{
icon: LucideIcon;
label: string;
value: string;
}> = [
{
icon: FileSearch,
label: "Evidence",
value: "Audit-Aussagen bleiben belegbar.",
},
{
icon: ShieldCheck,
label: "Approval",
value: "Public Audit und Mail bleiben getrennt.",
},
{
icon: CheckCircle2,
label: "Safety",
value: "Versand erfolgt erst nach Finalbestätigung.",
},
];
export function AuthEntry() {
const [error, setError] = useState<string | null>(null);
const [pending, setPending] = useState(false);
@@ -37,34 +66,42 @@ export function AuthEntry() {
}
return (
<main className="flex min-h-dvh items-center justify-center bg-background px-6 py-10">
<section className="grid w-full max-w-5xl overflow-hidden rounded-lg border bg-card text-card-foreground shadow-sm md:grid-cols-[1.05fr_0.95fr]">
<div className="flex min-h-[520px] flex-col justify-between border-b p-6 md:border-b-0 md:border-r lg:p-8">
<main className="dashboard-canvas flex min-h-dvh items-center justify-center px-6 py-10">
<section className="agency-panel grid w-full max-w-5xl overflow-hidden text-card-foreground md:grid-cols-[1.05fr_0.95fr]">
<div className="flex min-h-[520px] flex-col justify-between border-b border-border/75 p-6 md:border-b-0 md:border-r lg:p-8">
<div>
<div className="mb-8 inline-flex size-10 items-center justify-center rounded-lg border bg-background">
<LockKeyhole className="size-5" />
<div className="mb-8 inline-flex items-center gap-3">
<div className="flex size-11 items-center justify-center rounded-md bg-primary font-heading text-sm font-black text-primary-foreground">
WP
</div>
<div>
<p className="font-heading text-sm font-semibold">
WebDev Pipeline
</p>
<p className="text-xs font-medium text-muted-foreground">
Agency Evidence Desk
</p>
</div>
</div>
<p className="text-sm font-medium text-muted-foreground">
WebDev Pipeline MVP
<p className="agency-kicker">
SaaS Workspace
</p>
<h1 className="mt-4 max-w-xl text-3xl font-semibold tracking-normal sm:text-4xl">
Lokale Webdesign-Leads recherchieren, auditieren und freigeben.
<h1 className="mt-4 max-w-xl font-heading text-3xl font-semibold tracking-normal sm:text-4xl">
Lokale Chancen belegen, prüfen und erst dann kontaktieren.
</h1>
<p className="mt-4 max-w-lg text-sm leading-6 text-muted-foreground sm:text-base">
Melde dich mit dem Admin-Konto an, um Kampagnen, Lead-Qualitaet,
Audit-Freigaben und Outreach-Schritte in einem Arbeitsbereich zu
steuern.
Melde dich an, um Kampagnen, Lead-Qualität, Audit-Evidence und
Outreach-Freigaben in einem geschützten Kunden-Workspace zu steuern.
</p>
</div>
<dl className="grid gap-4 pt-8 sm:grid-cols-3">
{[
["Recherche", "Google Places Quellen und Kontaktluecken."],
["Audit", "Website-Potenzial und Review-Status."],
["Outreach", "Manuelle Freigabe vor Versand."],
].map(([label, value]) => (
<div key={label}>
<dt className="text-sm font-medium">{label}</dt>
{authSignals.map(({ icon: Icon, label, value }) => (
<div className="rounded-md border border-border/75 bg-background/60 p-3" key={label}>
<dt className="inline-flex items-center gap-2 text-sm font-semibold">
<Icon className="size-4 text-primary" />
{label}
</dt>
<dd className="mt-1 text-sm leading-5 text-muted-foreground">
{value}
</dd>
@@ -73,10 +110,10 @@ export function AuthEntry() {
</dl>
</div>
<div className="flex flex-col justify-center p-6 lg:p-8">
<div className="flex flex-col justify-center bg-background/45 p-6 lg:p-8">
<div className="mx-auto w-full max-w-sm">
<h2 className="text-2xl font-semibold tracking-normal">
Admin Login
<h2 className="font-heading text-2xl font-semibold tracking-normal">
Workspace Login
</h2>
<p className="mt-2 text-sm leading-6 text-muted-foreground">
Melde dich mit E-Mail und Passwort an.
@@ -88,7 +125,7 @@ export function AuthEntry() {
<input
name="email"
type="email"
className="h-10 w-full rounded-md border border-input bg-background px-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring/30"
className="h-10 w-full rounded-md border border-input bg-background px-3 text-sm outline-none focus-visible:ring-3 focus-visible:ring-ring/35"
autoComplete="email"
required
placeholder="admin@firma.de"
@@ -99,7 +136,7 @@ export function AuthEntry() {
<input
name="password"
type="password"
className="h-10 w-full rounded-md border border-input bg-background px-3 text-sm outline-none focus-visible:ring-2 focus-visible:ring-ring/30"
className="h-10 w-full rounded-md border border-input bg-background px-3 text-sm outline-none focus-visible:ring-3 focus-visible:ring-ring/35"
autoComplete="current-password"
required
minLength={8}