bender/e22ea573-e983-4204-b780-532206f84cfc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/register/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-06 21:50:00 +00:00
parent 63867862de
commit a20613d302
1 changed files with 29 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/app/register/page.tsx
View File

@@ -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>