src/app/register/page.tsx

@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
 import { useState } from "react";
-import { Input } from "@/components/form/Input";
+import Textarea from "@/components/form/Textarea";
 import ButtonTextStagger from "@/components/button/ButtonTextStagger/ButtonTextStagger";
 import Link from "next/link";
 import { Mail, Lock, User, Phone } from "lucide-react";
@@ -137,11 +137,11 @@ export default function RegisterPage() {
                 <label className="block text-sm font-medium mb-2">
                   Full Name
                 </label>
-                <Input
-                  type="text"
-                  placeholder="Enter your full name"
+                <Textarea
                   value={formData.fullName}
                   onChange={(value) => handleChange("fullName", value)}
+                  placeholder="Enter your full name"
+                  rows={1}
                   required
                 />
                 {errors.fullName && (
@@ -151,11 +151,11 @@ export default function RegisterPage() {
 
               <div>
                 <label className="block text-sm font-medium mb-2">Email</label>
-                <Input
-                  type="email"
-                  placeholder="Enter your email"
+                <Textarea
                   value={formData.email}
                   onChange={(value) => handleChange("email", value)}
+                  placeholder="Enter your email"
+                  rows={1}
                   required
                 />
                 {errors.email && (
@@ -167,11 +167,11 @@ export default function RegisterPage() {
                 <label className="block text-sm font-medium mb-2">
                   Phone Number
                 </label>
-                <Input
-                  type="tel"
-                  placeholder="Enter your phone number"
+                <Textarea
                   value={formData.phone}
                   onChange={(value) => handleChange("phone", value)}
+                  placeholder="Enter your phone number"
+                  rows={1}
                   required
                 />
                 {errors.phone && (
@@ -183,11 +183,11 @@ export default function RegisterPage() {
                 <label className="block text-sm font-medium mb-2">
                   Password
                 </label>
-                <Input
-                  type="password"
-                  placeholder="Create a password"
+                <Textarea
                   value={formData.password}
                   onChange={(value) => handleChange("password", value)}
+                  placeholder="Create a password"
+                  rows={1}
                   required
                 />
                 {errors.password && (
@@ -199,11 +199,11 @@ export default function RegisterPage() {
                 <label className="block text-sm font-medium mb-2">
                   Confirm Password
                 </label>
-                <Input
-                  type="password"
-                  placeholder="Confirm your password"
+                <Textarea
                   value={formData.confirmPassword}
                   onChange={(value) => handleChange("confirmPassword", value)}
+                  placeholder="Confirm your password"
+                  rows={1}
                   required
                 />
                 {errors.confirmPassword && (