auth-2

1"use client";
2 
3import { AtSignIcon, ChevronLeftIcon } from "lucide-react";
4import type React from "react";
5import { Logo } from "@/components/logo";
6import { Button } from "@/components/ui/button";
7import {
8  InputGroup,
9  InputGroupAddon,
10  InputGroupInput,
11} from "@/components/ui/input-group";
12import { FloatingPaths } from "./floating-paths";
13 
14export function AuthPage() {
15  return (
16    <main className="relative md:h-screen md:overflow-hidden lg:grid lg:grid-cols-2">
17      <div className="relative hidden h-full flex-col border-r bg-secondary p-10 lg:flex dark:bg-secondary/20">
18        <div className="absolute inset-0 bg-gradient-to-b from-transparent via-transparent to-background" />
19        <Logo className="mr-auto h-5" />
20 
21        <div className="z-10 mt-auto">
22          <blockquote className="space-y-2">
23            <p className="text-xl">
24              &ldquo;This Platform has helped me to save time and serve my
25              clients faster than ever before.&rdquo;
26            </p>
27            <footer className="font-mono font-semibold text-sm">
28              ~ Ali Hassan
29            </footer>
30          </blockquote>
31        </div>
32        <div className="absolute inset-0">
33          <FloatingPaths position={1} />
34          <FloatingPaths position={-1} />
35        </div>
36      </div>
37      <div className="relative flex min-h-screen flex-col justify-center p-4">
38        <div
39          aria-hidden
40          className="-z-10 absolute inset-0 isolate opacity-60 contain-strict"
41        >
42          <div className="-translate-y-87.5 absolute top-0 right-0 h-320 w-140 rounded-full bg-[radial-gradient(68.54%_68.72%_at_55.02%_31.46%,--theme(--color-foreground/.06)_0,hsla(0,0%,55%,.02)_50%,--theme(--color-foreground/.01)_80%)]" />
43          <div className="absolute top-0 right-0 h-320 w-60 rounded-full bg-[radial-gradient(50%_50%_at_50%_50%,--theme(--color-foreground/.04)_0,--theme(--color-foreground/.01)_80%,transparent_100%)] [translate:5%_-50%]" />
44          <div className="-translate-y-87.5 absolute top-0 right-0 h-320 w-60 rounded-full bg-[radial-gradient(50%_50%_at_50%_50%,--theme(--color-foreground/.04)_0,--theme(--color-foreground/.01)_80%,transparent_100%)]" />
45        </div>
46        <Button asChild className="absolute top-7 left-5" variant="ghost">
47          <a href="#">
48            <ChevronLeftIcon />
49            Home
50          </a>
51        </Button>
52        <div className="mx-auto space-y-4 sm:w-sm">
53          <Logo className="h-5 lg:hidden" />
54// … truncated