Translate various components to Turkish, including blog content, contact forms, newsletter, and navigation links. Update labels, placeholders, and error messages for better localization. Adjust layout and styling for improved user experience.

components/contact-content.tsx

@@ -14,9 +14,9 @@ export function ContactContent() {
     event.preventDefault();
     if (!isValid) return;
 
-    const subject = encodeURIComponent(`Portfolio Contact - ${name.trim()}`);
+    const subject = encodeURIComponent(`Portfolyo İletişim - ${name.trim()}`);
     const body = encodeURIComponent(
-      `Name: ${name.trim()}\nEmail: ${email.trim()}\n\nMessage:\n${message.trim()}`,
+      `Ad Soyad: ${name.trim()}\nE-posta: ${email.trim()}\n\nMesaj:\n${message.trim()}`,
     );
 
     window.location.href = `mailto:poyrazavsever@gmail.com?subject=${subject}&body=${body}`;
@@ -26,12 +26,12 @@ export function ContactContent() {
     <section className="grid gap-3 md:grid-cols-[1fr_1.2fr]">
       <Card className="rounded-sm border-border p-4">
         <Typography variant="large" className="text-base">
-          Contact
+          İletişim
         </Typography>
         <div className="mt-4 space-y-3">
           <div>
             <Typography variant="small" className="text-muted-foreground">
-              E-mail
+              E-posta
             </Typography>
             <a
               href="mailto:poyrazavsever@gmail.com"
@@ -42,9 +42,9 @@ export function ContactContent() {
           </div>
           <div>
             <Typography variant="small" className="text-muted-foreground">
-              Response
+              Dönüş Süresi
             </Typography>
-            <Typography variant="small">Usually within 24 hours.</Typography>
+            <Typography variant="small">Genelde 24 saat içinde.</Typography>
           </div>
         </div>
       </Card>
@@ -52,42 +52,42 @@ export function ContactContent() {
       <Card className="rounded-sm border-border p-4">
         <form onSubmit={handleSubmit} className="space-y-3">
           <div className="space-y-1.5">
-            <Label htmlFor="contact-name">Name</Label>
+            <Label htmlFor="contact-name">Ad Soyad</Label>
             <Input
               id="contact-name"
               value={name}
               onChange={(event) => setName(event.target.value)}
-              placeholder="Your name"
+              placeholder="Adın soyadın"
               className="rounded-sm"
             />
           </div>
 
           <div className="space-y-1.5">
-            <Label htmlFor="contact-email">Email</Label>
+            <Label htmlFor="contact-email">E-posta</Label>
             <Input
               id="contact-email"
               type="email"
               value={email}
               onChange={(event) => setEmail(event.target.value)}
-              placeholder="you@example.com"
+              placeholder="ornek@eposta.com"
               className="rounded-sm"
             />
           </div>
 
           <div className="space-y-1.5">
-            <Label htmlFor="contact-message">Message</Label>
+            <Label htmlFor="contact-message">Mesaj</Label>
             <Textarea
               id="contact-message"
               value={message}
               onChange={(event) => setMessage(event.target.value)}
-              placeholder="Write your message..."
+              placeholder="Mesajını yaz..."
               className="min-h-28 rounded-sm"
             />
           </div>
 
           <div className="flex justify-end">
             <Button type="submit" className="rounded-sm" disabled={!isValid}>
-              Send
+              Gönder
             </Button>
           </div>
         </form>