Forgot Password Page

1"use client"
2 
3import { useState } from "react"
4import { Mail, ArrowLeft, Send } from "lucide-react"
5import { GlassCard, GlassCardContent, GlassCardDescription, GlassCardHeader, GlassCardTitle } from "@/registry/liquid-glass/glass-card"
6import { GlassInput } from "@/registry/liquid-glass/glass-input"
7import { GlassButton } from "@/registry/liquid-glass/glass-button"
8import { Label } from "@/components/ui/label"
9 
10export default function ForgotPasswordPageBlock() {
11  const [email, setEmail] = useState("")
12  const [isSubmitted, setIsSubmitted] = useState(false)
13  const [isLoading, setIsLoading] = useState(false)
14 
15  const handleSubmit = async (e: React.FormEvent) => {
16    e.preventDefault()
17    setIsLoading(true)
18    // Simulate API call
19    await new Promise((resolve) => setTimeout(resolve, 2000))
20    setIsLoading(false)
21    setIsSubmitted(true)
22  }
23 
24  const handleBack = () => {
25    setIsSubmitted(false)
26    setEmail("")
27  }
28 
29  return (
30    <div className="h-full flex py-14 items-center justify-center bg-linear-to-br from-slate-950 via-purple-900 to-slate-950 px-4">
31      <GlassCard className="w-full max-w-md">
32        {!isSubmitted ? (
33          <>
34            <GlassCardHeader className="space-y-2 text-center">
35              <div className="flex justify-center mb-4">
36                <div className="p-3 rounded-lg bg-linear-to-br from-orange-400 to-red-500">
37                  <Mail className="h-6 w-6 text-white" />
38                </div>
39              </div>
40              <GlassCardTitle className="text-2xl">Forgot Password?</GlassCardTitle>
41              <GlassCardDescription>
42                No problem! Enter your email and we&apos;ll send you a link to reset your password.
43              </GlassCardDescription>
44            </GlassCardHeader>
45 
46            <GlassCardContent>
47              <form onSubmit={handleSubmit} className="space-y-5">
48                {/* Email Input */}
49                <div className="space-y-2">
50                  <Label htmlFor="email" className="text-white/80">
51                    Email Address
52                  </Label>
53                  <GlassInput
54                    id="email"
55                    type="email"
56                    placeholder="you@example.com"
57                    value={email}
58                    onChange={(e) => setEmail(e.target.value)}
59                    required
60                    className="bg-white/5"
61                  />
62                  <p className="text-xs text-white/50 mt-1">
63// … truncated