hngprojects · Victorvalour · Mar 6, 2025
diff --git a/package.json b/package.json
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^4.1.3",
+    "@radix-ui/react-checkbox": "^1.1.4",
     "@radix-ui/react-dialog": "^1.1.6",
     "@radix-ui/react-label": "^2.1.2",
     "@radix-ui/react-popover": "^1.1.6",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/public/Logo.svg b/public/Logo.svg
diff --git a/src/app/signin/components/AuthFooter.tsx b/src/app/signin/components/AuthFooter.tsx
@@ -0,0 +1,20 @@
+
+//import Image from "next/image";
+
+
+//import Link from "next/link";
+
+const AuthFooter = () => {
+    return ( <div className="w-full flex z-10 bg-[#F9FAFB] justify-center items-center px-3 py-4 border-b-[1px] border-[#E8E9E9] pt-10">
+
+
+        <div className="w-full flex items-center justify-center"> 
+       &copy; 2025 Adgen-AI. All rights reserved. 
+        </div>
+
+
+
+    </div> );
+}
+
+export default AuthFooter;
diff --git a/src/app/signin/components/AuthNav.tsx b/src/app/signin/components/AuthNav.tsx
@@ -0,0 +1,20 @@
+
+import Image from "next/image";
+
+
+import Link from "next/link";
+
+const AuthNav = () => {
+    return ( <div className="w-full flex  bg-[#F9FAFB] justify-center items-center px-3 py-4 border-b-[1px] border-[#E8E9E9] ">
+
+        <Link href="/">
+        <div className="w-full cursor-pointer flex items-center justify-center"> 
+              <Image alt="Logo" src="Logo.svg" width={150} height={150}/> 
+        </div>
+        </Link>
+
+
+    </div> );
+}
+
+export default AuthNav;
diff --git a/src/app/signin/components/loading-button.tsx b/src/app/signin/components/loading-button.tsx
@@ -0,0 +1,35 @@
+"use client"
+
+import { type ButtonHTMLAttributes, forwardRef } from "react"
+import { Loader2 } from "lucide-react"
+import { Button } from "@/components/ui/button"
+import { cn } from "@/lib/utils"
+
+export interface LoadingButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+  isLoading?: boolean
+  loadingText?: string
+  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link"
+  size?: "default" | "sm" | "lg" | "icon"
+}
+
+const LoadingButton = forwardRef<HTMLButtonElement, LoadingButtonProps>(
+  ({ className, children, isLoading, loadingText, variant = "default", size = "default", disabled, ...props }, ref) => {
+    return (
+      <Button
+        className={cn(className)}
+        disabled={disabled || isLoading}
+        variant={variant}
+        size={size}
+        ref={ref}
+        {...props}
+      >
+        {isLoading && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
+        {isLoading && loadingText ? loadingText : children}
+      </Button>
+    )
+  },
+)
+LoadingButton.displayName = "LoadingButton"
+
+export { LoadingButton }
+
diff --git a/src/app/signin/layout.tsx b/src/app/signin/layout.tsx
@@ -0,0 +1,45 @@
+
+import type { Metadata } from "next";
+import { Inter } from "next/font/google";
+import "../globals.css";
+import AuthNav from "./components/AuthNav";
+import AuthFooter from "./components/AuthFooter";
+
+
+//import { useRouter } from "next/router";
+
+const inter = Inter({ subsets: ["latin"] });
+
+export const metadata: Metadata = {
+  title: "LIberty Electric",
+  description: "Get electrical services",
+};
+
+export default function DashboardLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+
+ /*  const router = useRouter()
+  const isDashboard = router.pathname.startsWith("/dashboard") */
+
+  return (
+
+    <html lang="en">
+      <body className={inter.className}>
+
+      <div className="flex flex-col min-h-screen ">
+  <AuthNav />
+        <main className="">{children}</main>
+
+        <AuthFooter />
+        </div>
+
+
+        </body>
+
+        </html>
+
+  );
+}
diff --git a/src/app/signin/page.tsx b/src/app/signin/page.tsx
@@ -0,0 +1,31 @@
+"use client"
+
+import {SignInForm} from "./sign-in-form";
+//import { useRouter } from "next/navigation";
+//import { useEffect } from "react";
+
+const Login = () => {
+
+
+
+  //const router = useRouter();
+
+/*   useEffect(() => {
+    if (status === "authenticated") {
+      // Redirect to the dashboard if the user is authenticated
+      router.push("/dashboard");
+    }
+  }, [status, router]); */
+
+/*   if (status === "loading") {
+    return <div>Loading...</div>; // Optionally, add a loading state
+  } */
+
+  return (
+   <div className="pt-[30px] px-3 bg-[#F9FAFB]">
+        <SignInForm  />
+        </div>
+  );
+};
+
+export default Login;