- گالری تصاویر
+
diff --git a/src/components/shared/Editorial.tsx b/src/components/shared/Editorial.tsx
index f7b2dd9..872a8e8 100644
--- a/src/components/shared/Editorial.tsx
+++ b/src/components/shared/Editorial.tsx
@@ -1,4 +1,5 @@
import { Reveal } from "@/components/Reveal";
+import { SectionLabel } from "@/components/shared/SectionLabel";
/**
* The centred editorial column that carries every section of this page:
@@ -32,17 +33,9 @@ export function Editorial({
compact ? "py-12 lg:py-16" : "py-16 lg:py-24"
}`}
>
- {(caption || captionLatin) && (
+ {caption && captionLatin && (
-
- {caption}
- {caption && captionLatin && (
-
- )}
- {captionLatin && (
- {captionLatin}
- )}
-
+
)}
diff --git a/src/components/shared/PageHero.tsx b/src/components/shared/PageHero.tsx
index 062f8c9..224d10d 100644
--- a/src/components/shared/PageHero.tsx
+++ b/src/components/shared/PageHero.tsx
@@ -11,20 +11,18 @@ function isStaticImage(src: ImageSource): src is StaticImageData {
}
/**
- * Full-bleed opening plate shared by the inner pages: tracked Latin kicker,
- * light Persian title, breadcrumb — set over a darkened image.
+ * Full-bleed opening plate shared by the inner pages: light Persian title,
+ * breadcrumb — set over a darkened image.
*/
export function PageHero({
image,
imageMobile,
- caption,
title,
breadcrumb,
}: {
image: ImageSource;
/** Portrait crop, when one exists. Falls back to the landscape plate. */
imageMobile?: ImageSource;
- caption: string;
title: string;
breadcrumb: readonly Crumb[];
}) {
@@ -59,10 +57,8 @@ export function PageHero({
-
{caption}
-
{title}
diff --git a/src/components/shared/SectionLabel.tsx b/src/components/shared/SectionLabel.tsx
new file mode 100644
index 0000000..ac7f68f
--- /dev/null
+++ b/src/components/shared/SectionLabel.tsx
@@ -0,0 +1,34 @@
+/**
+ * The section-label pattern used across the site: a short gold rule above a
+ * Persian title, with its English equivalent set tight beneath it at 70%
+ * opacity. Replaces the old inline "text + trailing dash" kicker — no
+ * letter-spacing on the Persian line (it breaks the cursive joining), tracked
+ * spacing on the Latin line only.
+ */
+export function SectionLabel({
+ fa,
+ en,
+ tone = "light",
+ align = "center",
+ className = "",
+}: {
+ fa: string;
+ en: string;
+ tone?: "light" | "dark";
+ /** "start" left-aligns everything (RTL: right-aligned to the block's start edge). */
+ align?: "center" | "start";
+ className?: string;
+}) {
+ const alignClass = align === "start" ? "items-start text-start" : "items-center text-center";
+ const color = tone === "dark" ? "text-gold-soft" : "text-gold";
+
+ return (
+
+ );
+}