The project supports connection between positions

apps/website/src/app/(home)/components/Experience.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import TargetBlankLink from '@/components/TargetBlankLink'
+import PositionLink from './PositionLink'
 import {listStyle} from './shared'
 
 const conttainerClassName = 'mx-2'
@@ -11,7 +12,11 @@ const Contractor = () => {
       <section>Remote B2B Contractor (2018 - present)</section>
       <ul className={listStyle}>
         <li>
-          Full Stack Engineer,{' '}
+          <PositionLink
+            sufix="full-stack-engineer-collinson"
+            position="Full Stack Engineer"
+          />
+          ,{' '}
           <TargetBlankLink
             title="Full Stack Engineer"
             text="Collinson group"

apps/website/src/app/(home)/components/PositionLink.tsx

@@ -0,0 +1,23 @@
+'use client'
+
+import Link from 'next/link'
+import {FC} from 'react'
+import {Keyword} from '@/components/SEO'
+
+export interface Props {
+  position: string
+  sufix: string
+}
+
+const PositionLink: FC<Props> = ({position, sufix}) => {
+  const href = '/positions/' + sufix
+  const className = 'hover:underline'
+
+  return (
+    <Link href={href} className={className} title={position}>
+      <Keyword word={position} />
+    </Link>
+  )
+}
+
+export default PositionLink