ref: images and project company

components/layout/projectPage/HeaderSection.tsx

@@ -4,13 +4,13 @@ import { getGoBackLinkID } from '@/utils/getGoBackLink'
 import { HeaderSectionProps } from '@/utils/types'
 import Link from 'next/link'
 
-const HeaderSection = ({ title, role, years, goBackLink, sectionID }: HeaderSectionProps) => {
+const HeaderSection = ({ title, role, years, company, goBackLink, sectionID }: HeaderSectionProps) => {
   return (
     <div className="mb-16">
       <h1 className="mb-2 text-5xl font-bold leading-none tracking-tight text-neutral-900 sm:text-7xl">{title}</h1>
       <Heading2 textColor="text-violet-600">
         {role}
-        {years && <small className="text-md text-neutral-500">{` · ${years}`}</small>}
+        {years && <small className="text-md text-neutral-500">{` · ${years} · ${company}`}</small>}
       </Heading2>
       <p className="mb-3 mt-4">
         <Link

components/layout/projectPage/ProjectPageLayout.tsx

@@ -21,6 +21,7 @@ const ProjectPageLayout = ({
   title,
   role,
   years,
+  company,
   goBackLink,
   sectionID,
   description,
@@ -40,7 +41,14 @@ const ProjectPageLayout = ({
         linkLevel2={breadCrumbs.linkLevel2}
         textLevel2={breadCrumbs.textLevel2}
       />
-      <HeaderSection title={title} role={role} years={years} goBackLink={goBackLink} sectionID={sectionID} />
+      <HeaderSection
+        title={title}
+        role={role}
+        years={years}
+        company={company}
+        goBackLink={goBackLink}
+        sectionID={sectionID}
+      />
       <ProjectInformation
         description={description}
         mySkills={mySkills}

components/layout/projectPage/ProjectPageLayoutWrapper.tsx

@@ -20,7 +20,7 @@ export const ProjectPageLayoutWrapper = ({
   sections,
   nextPageNavigation,
 }: Props) => {
-  const { title, role, years, description, mySkills, customers, projectLinks, imageShowcase } = projectData
+  const { title, role, years, company, description, mySkills, customers, projectLinks, imageShowcase } = projectData
 
   return (
     <ProjectPageLayout
@@ -29,6 +29,7 @@ export const ProjectPageLayoutWrapper = ({
       title={title}
       role={role}
       years={years}
+      company={company}
       goBackLink={goBackLink}
       sectionID={sectionID}
       description={description}

data/projects/work/kooperativa.ts

@@ -13,9 +13,9 @@ export const sections: SectionItem[] = [
     title: 'Developed new features',
     titleHighlight: '',
     items: [
-      'I worked with TypeScript, React, and Redux. I used Figma designs to develop a user interface. I also worked with a backend developer to ensure  API integration.',
       'I was part of team to create comprehensive solution for arranging and managing insurance contracts.',
       'The application is designed to enhance the customer experience while providing employees with a modern system that simplifies their work.',
+      'I worked with TypeScript, React, and Redux. I used Figma designs to develop a user interface. I also worked with a backend developer to ensure  API integration.',
     ],
   },
 ]

data/projects/work/projectsOverview.ts

@@ -10,20 +10,11 @@ import {
 import { PAGES_URL, PROJECT_ID } from '@/utils/constants'
 import { Project } from '@/utils/types'
 
-// smartsupp-dashboard
-import smartsuppDashboard1 from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-1-light.png'
-import smartsuppDashboard2 from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-2-light.png'
-import smartsuppDashboard3 from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-3-light.png'
-import smartsuppDashboard4 from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-4-light.png'
-import smartsuppDashboard5 from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-5-light.png'
-import smartsuppDashboardThumb from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-thumb-light-600.webp'
-
-// smartsupp-web
-import smartsuppWeb1 from '@/public/images/projects-work/smartsupp-web/smartsupp-web-1-light.png'
-import smartsuppWeb2 from '@/public/images/projects-work/smartsupp-web/smartsupp-web-2-light.png'
-import smartsuppWeb3 from '@/public/images/projects-work/smartsupp-web/smartsupp-web-3-light.png'
-import smartsuppWeb4 from '@/public/images/projects-work/smartsupp-web/smartsupp-web-4-light.png'
-import smartsuppWebThumb from '@/public/images/projects-work/smartsupp-web/smartsupp-web-thumb-light-600.webp'
+// moravia
+import moravia1 from '@/public/images/projects-work/moravia/moravia-1-light.png'
+import moravia2 from '@/public/images/projects-work/moravia/moravia-2-light.png'
+import moravia3 from '@/public/images/projects-work/moravia/moravia-3-light.png'
+import moraviaThumb from '@/public/images/projects-work/moravia/moravia-thumb-light-600.webp'
 
 // groupon
 import groupon1 from '@/public/images/projects-work/groupon/groupon-1-light.png'
@@ -43,18 +34,27 @@ import kooperativa2 from '@/public/images/projects-work/kooperativa/kooperativa-
 import kooperativa3 from '@/public/images/projects-work/kooperativa/kooperativa-3-light.png'
 import kooperativaThumb from '@/public/images/projects-work/kooperativa/kooperativa-thumb-light-600.webp'
 
+// smartsupp-dashboard
+import smartsuppDashboard1 from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-1-light.png'
+import smartsuppDashboard2 from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-2-light.png'
+import smartsuppDashboard3 from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-3-light.png'
+import smartsuppDashboard4 from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-4-light.png'
+import smartsuppDashboard5 from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-5-light.png'
+import smartsuppDashboardThumb from '@/public/images/projects-work/smartsupp-dashboard/smartsupp-dashboard-thumb-light-600.webp'
+
+// smartsupp-web
+import smartsuppWeb1 from '@/public/images/projects-work/smartsupp-web/smartsupp-web-1-light.png'
+import smartsuppWeb2 from '@/public/images/projects-work/smartsupp-web/smartsupp-web-2-light.png'
+import smartsuppWeb3 from '@/public/images/projects-work/smartsupp-web/smartsupp-web-3-light.png'
+import smartsuppWeb4 from '@/public/images/projects-work/smartsupp-web/smartsupp-web-4-light.png'
+import smartsuppWebThumb from '@/public/images/projects-work/smartsupp-web/smartsupp-web-thumb-light-600.webp'
+
 // smartsupp-help
 import smartsuppHelp1 from '@/public/images/projects-work/smartsupp-help/smartsupp-help-1-light.png'
 import smartsuppHelp2 from '@/public/images/projects-work/smartsupp-help/smartsupp-help-2-light.png'
 import smartsuppHelp3 from '@/public/images/projects-work/smartsupp-help/smartsupp-help-3-light.png'
 import smartsuppHelpThumb from '@/public/images/projects-work/smartsupp-help/smartsupp-help-thumb-light-600.webp'
 
-// moravia
-import moravia1 from '@/public/images/projects-work/moravia/moravia-1-light.png'
-import moravia2 from '@/public/images/projects-work/moravia/moravia-2-light.png'
-import moravia3 from '@/public/images/projects-work/moravia/moravia-3-light.png'
-import moraviaThumb from '@/public/images/projects-work/moravia/moravia-thumb-light-600.webp'
-
 export const projectsWorkReact: Project[] = [
   {
     id: PROJECT_ID.work.smartsupp.dashboard,

utils/types.ts

@@ -43,6 +43,7 @@ export type HeaderSectionProps = {
   sectionID: string
   role: string
   years?: string | undefined
+  company?: string
   goBackLink: GoBackLinkType
 }