Refine portfolio case studies for proof, clarity, and SEO

app/[locale]/(website)/work/[slug]/page.tsx

@@ -23,13 +23,16 @@ export async function generateMetadata({
   params: Promise<{ locale: string; slug: string }>;
 }): Promise<Metadata> {
   const { locale, slug } = await params;
+  const isHe = locale === 'he';
   const caseStudy = getCaseStudyBySlug(slug, locale);
 
   if (!caseStudy) {
     return genMeta(
       {
-        title: 'Case Study Not Found',
-        description: 'The requested case study could not be found.',
+        title: isHe ? 'הפרויקט לא נמצא' : 'Case Study Not Found',
+        description: isHe
+          ? 'הפרויקט המבוקש לא נמצא.'
+          : 'The requested case study could not be found.',
         url: `/work/${slug}`,
         noindex: true,
       },
@@ -40,14 +43,14 @@ export async function generateMetadata({
   const keywords = [
     caseStudy.platform.toLowerCase(),
     caseStudy.industry.toLowerCase(),
-    'case study',
-    'e-commerce success',
-    `${caseStudy.platform} development`,
+    isHe ? 'מקרה בוחן' : 'case study',
+    isHe ? 'פיתוח מסחר אלקטרוני' : 'e-commerce development',
+    `${caseStudy.platform} ${isHe ? 'פיתוח' : 'development'}`,
   ];
 
   return genMeta(
     {
-      title: `${caseStudy.title} | Case Study`,
+      title: `${caseStudy.title} | ${isHe ? 'מקרה בוחן' : 'Case Study'}`,
       description: caseStudy.summary,
       url: `/work/${slug}`,
       type: 'article',
@@ -73,10 +76,11 @@ export default async function CaseStudyPage({
 
   const siteUrl = process.env.NEXT_PUBLIC_SITE_URL || 'https://cart-shift.com';
 
+  const isHe = locale === 'he';
   const breadcrumbSchema = generateBreadcrumbSchema(
     [
-      { name: 'Home', url: '/' },
-      { name: 'Work', url: '/work' },
+      { name: isHe ? 'בית' : 'Home', url: '/' },
+      { name: isHe ? 'פרויקטים' : 'Work', url: '/work' },
       { name: caseStudy.title, url: `/work/${slug}` },
     ],
     locale as 'en' | 'he'
@@ -85,7 +89,6 @@ export default async function CaseStudyPage({
   const articleSchema = generateArticleSchema({
     title: caseStudy.title,
     description: caseStudy.summary,
-    date: new Date().toISOString(),
     url: `${siteUrl}/${locale}/work/${slug}`,
     locale: locale as 'en' | 'he',
     category: caseStudy.industry,

app/[locale]/(website)/work/page.tsx

@@ -15,24 +15,37 @@ export async function generateMetadata({
   params: Promise<{ locale: string }>;
 }): Promise<Metadata> {
   const { locale } = await params;
+  const isHe = locale === 'he';
   const featured = getAllCaseStudies(locale)[0];
+
   return genMeta(
     {
-      title: 'Shopify, WordPress, and Web App Case Studies | CartShift Studio Work',
-      description:
-        'Explore recent CartShift projects across Shopify, WordPress, custom web apps, migrations, and performance optimization. See how we turn technical work into sharper digital products and clearer growth paths.',
+      title: isHe
+        ? 'פרויקטים ב-Shopify, WordPress ו-Web Apps | CartShift Studio'
+        : 'Shopify, WordPress, and Web App Case Studies | CartShift Studio Work',
+      description: isHe
+        ? 'פרויקטים נבחרים של CartShift ב-Shopify, WordPress, אפליקציות ווב, מיגרציות ואופטימיזציה, עם מסכים אמיתיים, החלטות פיתוח ותוצאות מדודות כשיש נתונים.'
+        : 'Explore CartShift projects across Shopify, WordPress, custom web apps, migrations, and performance optimization, with real screens, implementation decisions, and measured results where available.',
       url: '/work',
       image: featured?.hero.image,
-      keywords: [
-        'shopify case studies',
-        'wordpress case studies',
-        'web app case studies',
-        'next.js case studies',
-        'ecommerce migration case study',
-        'shopify performance optimization',
-        'client work',
-        'ecommerce project examples',
-      ],
+      keywords: isHe
+        ? [
+            'פרויקטים בשופיפיי',
+            'פרויקטים בוורדפרס',
+            'פיתוח אפליקציות ווב',
+            'מקרי בוחן מסחר אלקטרוני',
+            'מיגרציה לשופיפיי',
+            'אופטימיזציית ביצועים',
+          ]
+        : [
+            'shopify case studies',
+            'wordpress case studies',
+            'web app case studies',
+            'next.js case studies',
+            'ecommerce migration case study',
+            'shopify performance optimization',
+            'ecommerce project examples',
+          ],
     },
     locale as 'en' | 'he'
   );
@@ -43,18 +56,22 @@ export default async function WorkPage({ params }: { params: Promise<{ locale: s
   setRequestLocale(locale as 'en' | 'he');
   const caseStudies = getAllCaseStudies(locale);
 
+  const isHe = locale === 'he';
   const breadcrumbSchema = generateBreadcrumbSchema(
     [
-      { name: 'Home', url: '/' },
-      { name: 'Work', url: '/work' },
+      { name: isHe ? 'בית' : 'Home', url: '/' },
+      { name: isHe ? 'פרויקטים' : 'Work', url: '/work' },
     ],
     locale as 'en' | 'he'
   );
 
   const collectionSchema = generateCollectionPageSchema({
-    name: 'Our Work | Shopify, WordPress & Web App Projects',
-    description:
-      'Recent Shopify, WordPress, web app, migration, and optimization projects from CartShift Studio.',
+    name: isHe
+      ? 'הפרויקטים שלנו | Shopify, WordPress ואפליקציות ווב'
+      : 'Our Work | Shopify, WordPress & Web App Projects',
+    description: isHe
+      ? 'פרויקטים נבחרים של CartShift ב-Shopify, WordPress, אפליקציות ווב, מיגרציות ואופטימיזציה.'
+      : 'Recent Shopify, WordPress, web app, migration, and optimization projects from CartShift Studio.',
     url: '/work',
     locale: locale as 'en' | 'he',
     items: caseStudies.map(cs => ({

app/sitemap.ts

@@ -22,13 +22,13 @@ function generateAlternates(baseUrl: string, path: string): { languages: Record<
 function createLocalizedUrls(
   baseUrl: string,
   path: string,
-  lastModified: Date,
+  lastModified: Date | undefined,
   changeFrequency: 'always' | 'hourly' | 'daily' | 'weekly' | 'monthly' | 'yearly' | 'never',
   priority: number
 ) {
   return locales.map(locale => ({
     url: `${baseUrl}/${locale}${path}`,
-    lastModified,
+    ...(lastModified && { lastModified }),
     changeFrequency,
     priority,
     alternates: generateAlternates(baseUrl, path),
@@ -47,7 +47,7 @@ export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
   );
 
   const caseStudyUrls = caseStudies.flatMap(study =>
-    createLocalizedUrls(baseUrl, `/work/${study.slug}`, now, 'monthly', 0.7)
+    createLocalizedUrls(baseUrl, `/work/${study.slug}`, undefined, 'monthly', 0.7)
   );
 
   const portfolioProjectUrls = portfolioShowcaseSlugs.flatMap(slug =>

components/sections/CaseStudyDetailContent.tsx

@@ -39,11 +39,17 @@ type WorkDetailTranslations = {
     getConsultation: string;
     viewMore: string;
     projectOverview: string;
+    overviewEyebrow: string;
     whatWeShipped: string;
+    deliveryEyebrow: string;
     selectedScreens: string;
     evidenceTitle: string;
+    evidenceEyebrow: string;
+    evidenceResultsTitle: string;
+    whatChangedTitle: string;
     clientQuote: string;
     projectNotes: string;
+    notesEyebrow: string;
     visitSite: string;
     galleryHint: string;
     openImage: string;
@@ -83,6 +89,10 @@ export const CaseStudyDetailContent: React.FC<CaseStudyDetailContentProps> = ({
   const heroStoryRotate = useTransform(heroProgress, [0, 1], [-6, -2]);
 
   const workT = t.raw('work' as never) as WorkDetailTranslations;
+  const hasMeasuredResults = caseStudy.evidence.some(item => item.tone === 'quantitative');
+  const evidenceHeading = hasMeasuredResults
+    ? workT.detail.evidenceResultsTitle
+    : workT.detail.whatChangedTitle;
 
   const breadcrumbItems = [
     { label: t('navigation.home'), href: '/' },
@@ -281,14 +291,19 @@ export const CaseStudyDetailContent: React.FC<CaseStudyDetailContentProps> = ({
           >
             <div>
               <p className="mb-3 text-xs font-semibold uppercase tracking-[0.28em] text-surface-500 dark:text-surface-400">
-                {workT.detail.projectOverview}
+                {workT.detail.overviewEyebrow}
               </p>
               <h2 className="max-w-2xl text-3xl font-bold tracking-[-0.03em] text-surface-900 dark:text-white sm:text-4xl">
                 {caseStudy.overview.title}
               </h2>
               <p className="mt-5 max-w-3xl text-lg leading-relaxed text-surface-600 dark:text-surface-300">
                 {caseStudy.overview.summary}
               </p>
+              {caseStudy.attribution && (
+                <p className="mt-5 max-w-3xl border-s-2 border-[rgba(var(--case-primary-rgb),0.4)] ps-4 text-sm leading-relaxed text-surface-500 dark:text-surface-400">
+                  {caseStudy.attribution}
+                </p>
+              )}
             </div>
 
             <div
@@ -353,9 +368,6 @@ export const CaseStudyDetailContent: React.FC<CaseStudyDetailContentProps> = ({
                       <p className="text-sm font-semibold text-surface-900 dark:text-white">
                         {caseStudy.duration}
                       </p>
-                      <p className="text-sm text-surface-600 dark:text-surface-400">
-                        {caseStudy.hero.supportingCopy || caseStudy.summary}
-                      </p>
                     </div>
                   </div>
                 )}
@@ -379,7 +391,7 @@ export const CaseStudyDetailContent: React.FC<CaseStudyDetailContentProps> = ({
               <div className="mb-10 flex items-end justify-between gap-6">
                 <div>
                   <p className="mb-3 text-xs font-semibold uppercase tracking-[0.28em] text-surface-500 dark:text-surface-400">
-                    {workT.detail.whatWeShipped}
+                    {workT.detail.deliveryEyebrow}
                   </p>
                   <h2 className="text-3xl font-bold tracking-[-0.03em] text-surface-900 dark:text-white sm:text-4xl">
                     {workT.detail.whatWeShipped}
@@ -441,10 +453,10 @@ export const CaseStudyDetailContent: React.FC<CaseStudyDetailContentProps> = ({
             <motion.div {...sectionReveal}>
               <div className="mb-10 max-w-3xl">
                 <p className="mb-3 text-xs font-semibold uppercase tracking-[0.28em] text-surface-500 dark:text-surface-400">
-                  {workT.detail.evidenceTitle}
+                  {workT.detail.evidenceEyebrow}
                 </p>
                 <h2 className="text-3xl font-bold tracking-[-0.03em] text-surface-900 dark:text-white sm:text-4xl">
-                  {workT.detail.evidenceTitle}
+                  {evidenceHeading}
                 </h2>
               </div>
 
@@ -465,6 +477,11 @@ export const CaseStudyDetailContent: React.FC<CaseStudyDetailContentProps> = ({
                         <p className="mt-3 text-base leading-relaxed text-surface-600 dark:text-surface-300">
                           {item.description}
                         </p>
+                        {item.context && (
+                          <p className="mt-3 text-xs leading-relaxed text-surface-500 dark:text-surface-400">
+                            {item.context}
+                          </p>
+                        )}
                         {(item.before || item.after) && (
                           <div className="mt-5 flex flex-wrap items-center gap-2 text-sm text-surface-500 dark:text-surface-400">
                             {item.before && (
@@ -549,7 +566,7 @@ export const CaseStudyDetailContent: React.FC<CaseStudyDetailContentProps> = ({
                 </div>
                 <div>
                   <p className="text-xs font-semibold uppercase tracking-[0.28em] text-surface-500 dark:text-surface-400">
-                    {workT.detail.projectNotes}
+                    {workT.detail.notesEyebrow}
                   </p>
                   <h2 className="text-2xl font-bold tracking-[-0.03em] text-surface-900 dark:text-white">
                     {workT.detail.projectNotes}
@@ -581,10 +598,10 @@ export const CaseStudyDetailContent: React.FC<CaseStudyDetailContentProps> = ({
                   {workT.cta.title}
                 </p>
                 <h2 className="text-3xl font-bold leading-tight tracking-[-0.03em] text-white sm:text-4xl lg:text-5xl">
-                  {workT.detail.wantResults}
+                  {caseStudy.cta?.title || workT.detail.wantResults}
                 </h2>
                 <p className="mt-4 text-base leading-relaxed text-white/80 sm:text-lg">
-                  {workT.detail.wantResultsDesc}
+                  {caseStudy.cta?.description || workT.detail.wantResultsDesc}
                 </p>
               </div>
 

components/sections/WorkPageContent.tsx

@@ -366,9 +366,7 @@ function PortfolioWorkTile({
   platformLabel: string;
 }) {
   const themeStyle = getCaseStudyThemeStyle(caseStudy.brand);
-  const metaLine = caseStudy.duration
-    ? `${caseStudy.client} / ${caseStudy.duration}`
-    : caseStudy.client;
+  const metaLine = caseStudy.duration || platformLabel;
 
   return (
     <motion.article