bender/f7eaad69-d135-47eb-8855-e32b0e5a1be9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bob AI: Populate the newly-created page at src/pages/AuthPage.tsx wi

Browse Source
This commit is contained in:
kudinDmitriyUp
2026-06-15 09:24:26 +00:00
parent 029c08ce7a
commit 754a7c8f29
1 changed files with 4 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/pages/AuthPage.tsx
View File

@@ -1,6 +1,4 @@
import React, { useState } from "react";
import { routes } from "@/routes";
import NavbarCentered from "@/components/ui/NavbarCentered";
import RadialGradientBackground from "@/components/ui/RadialGradientBackground";
import Card from "@/components/ui/Card";
import Input from "@/components/ui/Input";
@@ -8,7 +6,6 @@ import Button from "@/components/ui/Button";
import Separator from "@/components/ui/Separator";
import SelectorButton from "@/components/ui/SelectorButton";
import TextLink from "@/components/ui/TextLink";
import FooterMinimal from "@/components/sections/footer/FooterMinimal";
export default function AuthPage() {
const [step, setStep] = useState<"initial" | "verify">("initial");
@@ -16,17 +13,11 @@ export default function AuthPage() {
const [authMode, setAuthMode] = useState<"login" | "signup">("signup");
return (
<div className="min-h-screen bg-background flex flex-col relative overflow-hidden">
<div className="min-h-svh bg-background flex flex-col relative overflow-hidden">
<RadialGradientBackground position="fixed" />
<NavbarCentered
logo="Future Frame"
navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
ctaButton={{ text: "Contact Sales", href: "/contact" }}
/>
<main className="flex-1 flex items-center justify-center p-4 relative z-10">
<Card className="w-full max-w-md p-8 flex flex-col gap-6 bg-card/80 backdrop-blur-xl border-border shadow-2xl">
<div className="flex-1 flex items-center justify-center p-4 relative z-10">
<Card className="w-full max-w-content-width p-8 flex flex-col gap-6 bg-card/80 backdrop-blur-xl border-border shadow-2xl">
{step === "initial" ? (
<>
<div className="text-center space-y-2">
@@ -81,9 +72,7 @@ export default function AuthPage() {
</div>
<div className="text-center text-sm text-muted-foreground mt-4">
{authMode === "signup" ? "Already have an account? " : "Don't have an account? "}
<TextLink
text={authMode === "signup" ? "Log in" : "Sign up"}
{authMode === "signup" ? "Already have an account?" : "Don't have an account? "} <TextLink text={authMode ==="signup" ? "Log in" : "Sign up"}
onClick={() => setAuthMode(authMode === "signup" ? "login" : "signup")}
className="text-foreground font-medium cursor-pointer"
/>
@@ -124,13 +113,6 @@ export default function AuthPage() {
</>
)}
</Card>
</main>
<div className="relative z-10">
<FooterMinimal
brand="Future Frame"
copyright="© 2024 Future Frame Inc. All rights reserved."
/>
</div>
</div>
);