refactor: translate UI elements to Turkish and update homepage content

src/components/blog/ListItem.astro

@@ -28,16 +28,16 @@ const link = APP_BLOG?.post?.isEnabled ? getPermalink(post.permalink, 'post') :
     image &&
       (link ? (
         <a class="relative block group" href={link ?? 'javascript:void(0)'}>
-          <div class="relative h-0 pb-[56.25%] md:pb-[75%] md:h-72 lg:pb-[56.25%] overflow-hidden bg-gray-400 dark:bg-slate-700 rounded shadow-lg">
+          <div class="relative h-0 pb-[56.25%] md:pb-[75%] md:h-72 lg:pb-[56.25%] overflow-hidden bg-gradient-to-br from-gray-100 to-gray-200 dark:from-slate-800 dark:to-slate-900 rounded shadow-lg">
             {image && (
               <Image
                 src={image}
-                class="absolute inset-0 object-cover w-full h-full mb-6 rounded shadow-lg bg-gray-400 dark:bg-slate-700"
+                class="absolute inset-0 w-full h-full mb-6 rounded shadow-lg"
                 widths={[400, 900]}
                 width={900}
                 sizes="(max-width: 900px) 400px, 900px"
                 alt={post.title}
-                aspectRatio="16:9"
+                layout="contained"
                 loading="lazy"
                 decoding="async"
               />
@@ -45,16 +45,16 @@ const link = APP_BLOG?.post?.isEnabled ? getPermalink(post.permalink, 'post') :
           </div>
         </a>
       ) : (
-        <div class="relative h-0 pb-[56.25%] md:pb-[75%] md:h-72 lg:pb-[56.25%] overflow-hidden bg-gray-400 dark:bg-slate-700 rounded shadow-lg">
+        <div class="relative h-0 pb-[56.25%] md:pb-[75%] md:h-72 lg:pb-[56.25%] overflow-hidden bg-gradient-to-br from-gray-100 to-gray-200 dark:from-slate-800 dark:to-slate-900 rounded shadow-lg">
           {image && (
             <Image
               src={image}
-              class="absolute inset-0 object-cover w-full h-full mb-6 rounded shadow-lg bg-gray-400 dark:bg-slate-700"
+              class="absolute inset-0 w-full h-full mb-6 rounded shadow-lg"
               widths={[400, 900]}
               width={900}
               sizes="(max-width: 900px) 400px, 900px"
               alt={post.title}
-              aspectRatio="16:9"
+              layout="contained"
               loading="lazy"
               decoding="async"
             />

src/components/blog/Pagination.astro

@@ -10,7 +10,7 @@ export interface Props {
   nextText?: string;
 }
 
-const { prevUrl, nextUrl, prevText = 'Newer posts', nextText = 'Older posts' } = Astro.props;
+const { prevUrl, nextUrl, prevText = 'Daha Yeni Yazılar', nextText = 'Daha Eski Yazılar' } = Astro.props;
 ---
 
 {

src/components/blog/RelatedPosts.astro

@@ -22,8 +22,8 @@ const relatedPosts = post.tags ? await getRelatedPosts(post, 4) : [];
         container:
           'pt-0 lg:pt-0 md:pt-0 intersect-once intersect-quarter motion-safe:md:opacity-0 motion-safe:md:intersect:animate-fade',
       }}
-      title="Related Posts"
-      linkText="View All Posts"
+      title="İlgili Yazılar"
+      linkText="Tüm Yazıları Görüntüle"
       linkUrl={getBlogPermalink()}
       postIds={relatedPosts.map((post) => post.id)}
     />

src/components/blog/ToBlogLink.astro

@@ -15,6 +15,6 @@ const { textDirection } = I18N;
       ) : (
         <Icon name="tabler:chevron-left" class="w-5 h-5 mr-1 -ml-1.5 rtl:-mr-1.5 rtl:ml-1" />
       )
-    } Back to Blog
+    } Bloga Dön
   </Button>
 </div>

src/components/ui/Form.astro

@@ -2,7 +2,7 @@
 import type { Form as Props } from '~/types';
 import Button from '~/components/ui/Button.astro';
 
-const { inputs, textarea, disclaimer, button = 'Contact us', description = '' } = Astro.props;
+const { inputs, textarea, disclaimer, button = 'İletişim', description = '' } = Astro.props;
 ---
 
 <form>

src/components/widgets/Announcement.astro

@@ -7,10 +7,10 @@
 >
   <span
     class="dark:bg-slate-700 bg-white/40 dark:text-slate-300 font-semibold px-1 py-0.5 text-xs mr-0.5 rtl:mr-0 rtl:ml-0.5 inline-block"
-    >NEW</span
+    >YENİ</span
   >
   <a href="https://astro.build/blog/astro-570/" class="text-muted hover:underline dark:text-slate-400 font-medium"
-    >Astro v5.7 is now available! »</a
+    >Astro v5.7 artık mevcut! »</a
   >
   <a
     target="_blank"

src/components/widgets/BlogHighlightedPosts.astro

@@ -18,7 +18,7 @@ export interface Props extends Widget {
 
 const {
   title = await Astro.slots.render('title'),
-  linkText = 'View all posts',
+  linkText = 'Tüm yazıları görüntüle',
   linkUrl = getBlogPermalink(),
   information = await Astro.slots.render('information'),
   postIds = [],

src/components/widgets/BlogLatestPosts.astro

@@ -19,7 +19,7 @@ export interface Props extends Widget {
 
 const {
   title = await Astro.slots.render('title'),
-  linkText = 'View all posts',
+  linkText = 'Tüm yazıları görüntüle',
   linkUrl = getBlogPermalink(),
   information = await Astro.slots.render('information'),
   count = 4,