From 6cbfd24bd6ce746d037234ba72401317228d6d7b Mon Sep 17 00:00:00 2001
From: Poyraz <78071274+poyrazavsever@users.noreply.github.com>
Date: Sat, 29 Aug 2026 19:15:10 +0300
Subject: [PATCH] refactor(animation-sources): show cards without page intro

---
 app/[locale]/animation-sources/page.tsx  |  7 +-----
 components/animation-sources-content.tsx | 27 ++++--------------------
 messages/en.json                         |  1 -
 messages/tr.json                         |  1 -
 4 files changed, 5 insertions(+), 31 deletions(-)

diff --git a/app/[locale]/animation-sources/page.tsx b/app/[locale]/animation-sources/page.tsx
index 3f6d67e..eb266a5 100644
--- a/app/[locale]/animation-sources/page.tsx
+++ b/app/[locale]/animation-sources/page.tsx
@@ -73,12 +73,7 @@ export default async function AnimationSourcesPage({
   return (
     <AnimationSourcesContent
       sources={sources}
-      labels={{
-        title: t("title"),
-        description: t("description"),
-        empty: t("empty"),
-        itemCount: t("itemCount", { count: sources.length }),
-      }}
+      emptyLabel={t("empty")}
     />
   );
 }
diff --git a/components/animation-sources-content.tsx b/components/animation-sources-content.tsx
index 442eb22..d32db0f 100644
--- a/components/animation-sources-content.tsx
+++ b/components/animation-sources-content.tsx
@@ -5,34 +5,15 @@ import type { AnimationSource } from "@/data/animation-sources";
 
 type AnimationSourcesContentProps = {
   sources: AnimationSource[];
-  labels: {
-    title: string;
-    description: string;
-    empty: string;
-    itemCount: string;
-  };
+  emptyLabel: string;
 };
 
 export function AnimationSourcesContent({
   sources,
-  labels,
+  emptyLabel,
 }: AnimationSourcesContentProps) {
   return (
-    <section className="space-y-5">
-      <header className="border-b border-border pb-4">
-        <div className="flex flex-wrap items-end justify-between gap-3">
-          <div className="max-w-2xl">
-            <Typography variant="h2">{labels.title}</Typography>
-            <Typography variant="p" className="mt-1 text-sm text-muted-foreground">
-              {labels.description}
-            </Typography>
-          </div>
-          <Typography variant="small" className="text-muted-foreground">
-            {labels.itemCount}
-          </Typography>
-        </div>
-      </header>
-
+    <section>
       {sources.length > 0 ? (
         <div className="space-y-3">
           {sources.map((source) => (
@@ -55,7 +36,7 @@ export function AnimationSourcesContent({
       ) : (
         <Card className="rounded-sm border-border p-6 text-center">
           <Typography variant="p" className="text-muted-foreground">
-            {labels.empty}
+            {emptyLabel}
           </Typography>
         </Card>
       )}
diff --git a/messages/en.json b/messages/en.json
index a71181e..f8cca25 100644
--- a/messages/en.json
+++ b/messages/en.json
@@ -89,7 +89,6 @@
     "title": "Animation Sources",
     "description": "Production notes, prompts, and reusable code from animations I create for web and mobile products.",
     "empty": "No animation sources have been added yet.",
-    "itemCount": "{count} sources",
     "back": "Back to animation sources",
     "toc": "Table of Contents",
     "closeToc": "Close table of contents",
diff --git a/messages/tr.json b/messages/tr.json
index 960a55e..6e66524 100644
--- a/messages/tr.json
+++ b/messages/tr.json
@@ -89,7 +89,6 @@
     "title": "Animasyon Kaynakları",
     "description": "Web ve mobil ürünler için hazırladığım animasyonların üretim süreçleri, promptları ve uygulanabilir kodları.",
     "empty": "Henüz animasyon kaynağı eklenmedi.",
-    "itemCount": "{count} kaynak",
     "back": "Animasyon kaynaklarına dön",
     "toc": "İçindekiler",
     "closeToc": "İçindekileri kapat",