From a20613d302da5064cbee8e0d73ecd75ff913bb96 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 6 Mar 2026 21:50:00 +0000
Subject: [PATCH] Update src/app/register/page.tsx

---
 src/app/register/page.tsx | 50 +++++++++++++++++++++++----------------
 1 file changed, 29 insertions(+), 21 deletions(-)

diff --git a/src/app/register/page.tsx b/src/app/register/page.tsx
index 4cadf4f..566ab7a 100644
--- a/src/app/register/page.tsx
+++ b/src/app/register/page.tsx
@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import { useState } from "react";
-import { Input } from "@/components/form/Input";
+import Textarea from "@/components/form/Textarea";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
 
 export default function RegisterPage() {
@@ -119,13 +119,15 @@ export default function RegisterPage() {
             <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
               <div>
                 <label className="block text-sm font-medium mb-2">Ad *</label>
-                <Input
+                <input
                   value={formData.firstName}
-                  onChange={(value) => handleChange("firstName", value)}
+                  onChange={(e) => handleChange("firstName", e.target.value)}
                   type="text"
                   placeholder="Adınız"
                   required
-                  className={errors.firstName ? "border-red-500" : ""}
+                  className={`w-full px-4 py-2 rounded-md bg-secondary-button border border-foreground/10 text-foreground placeholder:text-foreground/75 focus:outline-none focus:ring-2 focus:ring-primary-cta transition-all ${
+                    errors.firstName ? "border-red-500" : ""
+                  }`}
                 />
                 {errors.firstName && (
                   <p className="text-red-500 text-sm mt-1">{errors.firstName}</p>
@@ -133,13 +135,15 @@ export default function RegisterPage() {
               </div>
               <div>
                 <label className="block text-sm font-medium mb-2">Soyadı *</label>
-                <Input
+                <input
                   value={formData.lastName}
-                  onChange={(value) => handleChange("lastName", value)}
+                  onChange={(e) => handleChange("lastName", e.target.value)}
                   type="text"
                   placeholder="Soyadınız"
                   required
-                  className={errors.lastName ? "border-red-500" : ""}
+                  className={`w-full px-4 py-2 rounded-md bg-secondary-button border border-foreground/10 text-foreground placeholder:text-foreground/75 focus:outline-none focus:ring-2 focus:ring-primary-cta transition-all ${
+                    errors.lastName ? "border-red-500" : ""
+                  }`}
                 />
                 {errors.lastName && (
                   <p className="text-red-500 text-sm mt-1">{errors.lastName}</p>
@@ -150,13 +154,15 @@ export default function RegisterPage() {
             <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
               <div>
                 <label className="block text-sm font-medium mb-2">E-posta *</label>
-                <Input
+                <input
                   value={formData.email}
-                  onChange={(value) => handleChange("email", value)}
+                  onChange={(e) => handleChange("email", e.target.value)}
                   type="email"
                   placeholder="örnek@email.com"
                   required
-                  className={errors.email ? "border-red-500" : ""}
+                  className={`w-full px-4 py-2 rounded-md bg-secondary-button border border-foreground/10 text-foreground placeholder:text-foreground/75 focus:outline-none focus:ring-2 focus:ring-primary-cta transition-all ${
+                    errors.email ? "border-red-500" : ""
+                  }`}
                 />
                 {errors.email && (
                   <p className="text-red-500 text-sm mt-1">{errors.email}</p>
@@ -164,13 +170,15 @@ export default function RegisterPage() {
               </div>
               <div>
                 <label className="block text-sm font-medium mb-2">Telefon *</label>
-                <Input
+                <input
                   value={formData.phone}
-                  onChange={(value) => handleChange("phone", value)}
+                  onChange={(e) => handleChange("phone", e.target.value)}
                   type="tel"
                   placeholder="+90 555 123 4567"
                   required
-                  className={errors.phone ? "border-red-500" : ""}
+                  className={`w-full px-4 py-2 rounded-md bg-secondary-button border border-foreground/10 text-foreground placeholder:text-foreground/75 focus:outline-none focus:ring-2 focus:ring-primary-cta transition-all ${
+                    errors.phone ? "border-red-500" : ""
+                  }`}
                 />
                 {errors.phone && (
                   <p className="text-red-500 text-sm mt-1">{errors.phone}</p>
@@ -180,13 +188,15 @@ export default function RegisterPage() {
 
             <div>
               <label className="block text-sm font-medium mb-2">Konu *</label>
-              <Input
+              <input
                 value={formData.subject}
-                onChange={(value) => handleChange("subject", value)}
+                onChange={(e) => handleChange("subject", e.target.value)}
                 type="text"
                 placeholder="Kayıt nedeni"
                 required
-                className={errors.subject ? "border-red-500" : ""}
+                className={`w-full px-4 py-2 rounded-md bg-secondary-button border border-foreground/10 text-foreground placeholder:text-foreground/75 focus:outline-none focus:ring-2 focus:ring-primary-cta transition-all ${
+                  errors.subject ? "border-red-500" : ""
+                }`}
               />
               {errors.subject && (
                 <p className="text-red-500 text-sm mt-1">{errors.subject}</p>
@@ -195,15 +205,13 @@ export default function RegisterPage() {
 
             <div>
               <label className="block text-sm font-medium mb-2">Mesaj *</label>
-              <textarea
+              <Textarea
                 value={formData.message}
-                onChange={(e) => handleChange("message", e.target.value)}
+                onChange={(value) => handleChange("message", value)}
                 placeholder="Bize hakkınızda biraz bilgi verin"
                 rows={6}
                 required
-                className={`w-full px-4 py-3 rounded-md bg-secondary-button border border-foreground/10 text-foreground placeholder:text-foreground/75 focus:outline-none focus:ring-2 focus:ring-primary-cta transition-all ${
-                  errors.message ? "border-red-500" : ""
-                }`}
+                className={errors.message ? "border-red-500" : ""}
               />
               {errors.message && (
                 <p className="text-red-500 text-sm mt-1">{errors.message}</p>