From 4901841eb36f318d4e1b0338a3aff2ce0133352b Mon Sep 17 00:00:00 2001 From: Deepanshu Mishra Date: Mon, 21 Oct 2024 12:02:33 +0530 Subject: [PATCH 01/13] init --- src/app/onboarding/page.tsx | 114 +++++++++++++++++++++++++++++++++ src/components/auth/signup.tsx | 2 +- src/config/path.config.ts | 1 + 3 files changed, 116 insertions(+), 1 deletion(-) create mode 100644 src/app/onboarding/page.tsx diff --git a/src/app/onboarding/page.tsx b/src/app/onboarding/page.tsx new file mode 100644 index 00000000..3829af44 --- /dev/null +++ b/src/app/onboarding/page.tsx @@ -0,0 +1,114 @@ +'use client'; + +import { useState } from 'react'; +import { useRouter } from 'next/navigation'; +import { + Dialog, + DialogContent, + DialogHeader, + DialogTitle, + DialogDescription, +} from '@/components/ui/dialog'; +import { Button } from '@/components/ui/button'; +import { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group'; +import { Label } from '@/components/ui/label'; +import { Input } from '@/components/ui/input'; +import { Textarea } from '@/components/ui/textarea'; +import { Building, Check } from 'lucide-react'; + +export default function OnboardingPage() { + const [isOpen, setIsOpen] = useState(true); + const [selectedRole, setSelectedRole] = useState(null); + const [showCompanySetup, setShowCompanySetup] = useState(false); + const [showConfirmation, setShowConfirmation] = useState(false); + const router = useRouter(); + + const handleRoleSelection = (role: string) => { + setSelectedRole(role); + if (role === 'jobSeeker') { + router.push('/login'); + } else if (role === 'hr') { + setShowCompanySetup(true); + } + setIsOpen(false); + }; + + const handleCompanySetup = (e: React.FormEvent) => { + e.preventDefault(); + setShowCompanySetup(false); + setShowConfirmation(true); + }; + + return ( +
+ + + + Choose your role + + Select a role to personalize your experience + + + +
+ + +
+
+ + +
+
+
+
+ + + + + Set up your company profile + +
+
+ +
+ + + +