fix: hero title

fezcode · fezcode · commit ca32437b7345 · 2026-01-13T07:12:37.000+03:00
diff --git a/src/components/editorial-project/EditorialHero.jsx b/src/components/editorial-project/EditorialHero.jsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactMarkdown from 'react-markdown';
 
-const EditorialHero = ({ content, repoLink }) => {
+const EditorialHero = ({ content, repoLink, title: projectTitle }) => {
   if (!content) return null;
 
   const lines = content.split('\n');
@@ -26,7 +26,7 @@ const EditorialHero = ({ content, repoLink }) => {
     }
   }
 
-  const title = titleLines.join('\n\n'); // Join with double newline for markdown paragraph break or <br/> if we want explicit
+  const heroTitle = titleLines.join('\n\n');
   const description = lines.slice(descriptionStartIndex).join('\n');
 
   return (
@@ -35,14 +35,21 @@ const EditorialHero = ({ content, repoLink }) => {
 
         {/* Title Section */}
         <div className="md:col-span-2 md:col-start-2 border-l border-white/10 pl-8">
+          {projectTitle && (
+            <div className="mb-6">
+              <span className="font-instr-serif text-xl text-white uppercase tracking-[0.1em] px-4 py-2 border border-white/20 inline-block">
+                {projectTitle}
+              </span>
+            </div>
+          )}
           <h1 className="text-6xl md:text-8xl font-instr-serif leading-[0.9] tracking-tight text-white mb-8">
             <ReactMarkdown
                 components={{
                     p: ({children}) => <div className="mb-0">{children}</div>,
                     em: ({children}) => <span className="italic font-light">{children}</span>
                 }}
             >
-                {title}
+                {heroTitle}
             </ReactMarkdown>
           </h1>
         </div>
@@ -69,4 +76,5 @@ const EditorialHero = ({ content, repoLink }) => {
     </section>
   );
 };
+
 export default EditorialHero;
diff --git a/src/pages/EditorialProjectDetailsPage.jsx b/src/pages/EditorialProjectDetailsPage.jsx
@@ -80,7 +80,7 @@ const EditorialProjectDetailsPage = () => {
         <EditorialNavbar title={projectMetadata?.title || 'Project'} repoLink={projectMetadata?.repo_link} />
 
         <main className="flex-1 flex flex-col">
-           <EditorialHero content={content.hero} repoLink={projectMetadata?.repo_link} />
+           <EditorialHero content={content.hero} repoLink={projectMetadata?.repo_link} title={projectMetadata?.title} />
            <EditorialTerminal content={content.terminal} />
            <EditorialDescription content={content.description} />
            <EditorialInstall content={content.install} />
