feat: full site build — Project/Melody schema (Option A), admin CRUD, public sections, uploads, email+SMTP, internal analytics, legal pages, docs

2026-08-05 20:53:40 +02:00
parent d87f3033c6
commit c26f41511f
122 changed files with 15068 additions and 41 deletions
@@ -0,0 +1,36 @@
+import Image from "next/image";
+import Link from "next/link";
+import type { Locale } from "@/lib/i18n";
+import { getMelodyPath } from "@/lib/melody-content";
+import AudioPlayer from "@/components/public/audio-player";
+
+type MelodyCardProps = {
+  locale: Locale;
+  melody: {
+    slug: string;
+    id: string;
+    titleAr: string;
+    titleEn: string;
+    descAr: string | null;
+    descEn: string | null;
+    audioFile: string;
+    coverImage: string | null;
+    isDownloadable: boolean;
+    category: { nameAr: string; nameEn: string };
+  };
+};
+
+export default function MelodyCard({ locale, melody }: MelodyCardProps) {
+  const title = locale === "ar" ? melody.titleAr : melody.titleEn;
+  const description = locale === "ar" ? melody.descAr : melody.descEn;
+  const category = locale === "ar" ? melody.category.nameAr : melody.category.nameEn;
+  return (
+    <article className="overflow-hidden rounded-2xl border border-border bg-card shadow-sm">
+      {melody.coverImage ? <Link href={getMelodyPath(locale, melody.slug)} className="relative block aspect-[16/9] bg-muted"><Image src={melody.coverImage} alt={title} fill unoptimized sizes="(max-width: 768px) 100vw, 50vw" className="object-cover" /></Link> : null}
+      <div className="space-y-4 p-5">
+        <div><p className="text-xs font-semibold uppercase tracking-[0.16em] text-brand-2">{category}</p><h2 className="mt-2 text-xl font-semibold"><Link href={getMelodyPath(locale, melody.slug)} className="hover:underline">{title}</Link></h2>{description ? <p className="mt-2 line-clamp-2 text-sm leading-6 text-muted-foreground">{description}</p> : null}</div>
+        <AudioPlayer src={melody.audioFile} title={title} locale={locale} downloadable={melody.isDownloadable} analytics={{ entityId: melody.id }} />
+      </div>
+    </article>
+  );
+}