Merge version_4 into main

Merge version_4 into main

src/app/doctor-dashboard/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import { Calendar, Users, FileText } from "lucide-react";
+import { Calendar, Users, FileText, UserPlus, GraduationCap } from "lucide-react";
 
 export default function DoctorDashboardPage() {
   return (
@@ -20,7 +20,7 @@ export default function DoctorDashboardPage() {
       <div className="pt-32 pb-20">
         <FeatureBorderGlow
           title="Doctor Dashboard"
-          description="Manage your patients and consultations."
+          description="Manage your patients, medical staff, and educational resources."
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
@@ -28,6 +28,8 @@ export default function DoctorDashboardPage() {
             { icon: Calendar, title: "Upcoming Consultations", description: "View your schedule for the day." },
             { icon: Users, title: "Patient Records", description: "Access secure patient history." },
             { icon: FileText, title: "Prescription Pad", description: "Issue and track digital prescriptions." },
+            { icon: UserPlus, title: "Manage Doctors", description: "Create and manage accounts for fellow doctors." },
+            { icon: GraduationCap, title: "Student Management", description: "Oversee student accounts and provide credentials." },
           ]}
         />
       </div>

src/app/login/page.tsx

@@ -1,8 +1,9 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ContactForm from '@/components/form/ContactForm';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import { LogIn } from "lucide-react";
 
 export default function LoginPage() {
   return (
@@ -17,13 +18,17 @@ export default function LoginPage() {
           brandName="MediConnect"
         />
       </div>
-      <div className="min-h-screen pt-24 flex items-center justify-center">
-        <ContactForm
-          title="Patient Login"
-          description="Sign in to your secure portal."
-          tag="Login"
-          buttonText="Login"
+      <div className="pt-32 pb-20">
+        <ContactSplitForm
+          title="Welcome Back"
+          description="Sign in to your patient portal to manage your health records and appointments securely."
+          inputs={[
+            { name: "email", type: "email", placeholder: "Email Address", required: true },
+            { name: "password", type: "password", placeholder: "Password", required: true }
+          ]}
+          buttonText="Sign In"
           useInvertedBackground={false}
+          mediaPosition="right"
         />
       </div>
     </ThemeProvider>