Add en title

src/components/news/NewsArticleDetail.tsx

@@ -2,6 +2,7 @@ import { ProjectGalleryLightbox } from "@/components/portfolios/ProjectGalleryLi
 import { Reveal } from "@/components/Reveal";
 import { PageCta } from "@/components/shared/PageCta";
 import { PageHero } from "@/components/shared/PageHero";
+import { SectionLabel } from "@/components/shared/SectionLabel";
 import { newsAndBlogPage } from "@/data/site";
 import type { DisplayNewsItem } from "@/lib/api";
 
@@ -18,10 +19,12 @@ export function NewsArticleDetail({
   item,
   basePath,
   sectionLabel,
+  sectionLabelEn,
 }: {
   item: DisplayNewsItem;
   basePath: string;
   sectionLabel: string;
+  sectionLabelEn: string;
 }) {
   const hasGallery = item.gallery.length > 0;
 
@@ -34,7 +37,6 @@ export function NewsArticleDetail({
     <>
       <PageHero
         image={item.image}
-        caption={item.date}
         title={item.title}
         breadcrumb={[
           { label: "صفحه اصلی", href: "/" },
@@ -64,12 +66,7 @@ export function NewsArticleDetail({
       <section id="overview" className="scroll-mt-20 bg-paper py-16 lg:py-24">
         <div className="mx-auto max-w-[1400px] px-6 lg:px-12">
           <Reveal>
-            <div className="mx-auto mb-14 flex max-w-[738px] flex-col items-center gap-3 text-center">
-              <p className="kicker justify-center">{sectionLabel}</p>
-              <time dateTime={item.publishedAt} className="text-xs text-muted">
-                {item.date}
-              </time>
-            </div>
+            <SectionLabel fa={sectionLabel} en={sectionLabelEn} className="mb-14" />
           </Reveal>
 
           {item.bodyHtml && (
@@ -84,7 +81,7 @@ export function NewsArticleDetail({
         <section id="gallery" className="scroll-mt-20 bg-sand py-16 lg:py-24">
           <div className="mx-auto max-w-[1400px] px-6 lg:px-12">
             <Reveal>
-              <p className="kicker mb-14 justify-center">گالری تصاویر</p>
+              <SectionLabel fa="گالری تصاویر" en="GALLERY" className="mb-14" />
             </Reveal>
 
             <ProjectGalleryLightbox images={item.gallery} alt={item.title} />