consolidate earlier recommendations

Author: mohsinht

app/earlier-work/layout.jsx

@@ -25,6 +25,35 @@ Perspectives from colleagues and engineering leaders I have worked with internat
   ))}
 </div>
 
-For earlier employer letters, freelancer testimonials, and beginner certificates, see the [Earlier Work archive](/earlier-work). It is retained for context and is not intended as a privacy boundary.
+<details id="earlier-recommendations" className="earlier-recommendations">
+  <summary>
+    <span>View earlier recommendations</span>
+    <span>Early freelance feedback and an employer reference</span>
+  </summary>
+
+  <div className="earlier-recommendations-content">
+    <p>
+      These references are from earlier work and are retained as supporting
+      context alongside the senior-level recommendations above.
+    </p>
+    <div className="recommendation-grid">
+      {profile.earlierRecommendations.map((item) => (
+        <article className="recommendation-card" key={item.name}>
+          <p>“{item.excerpt}”</p>
+          <footer>
+            <strong>{item.name}</strong>
+            <span>{item.role}</span>
+          </footer>
+        </article>
+      ))}
+    </div>
+    <a
+      className="text-link earlier-reference-link"
+      href={profile.earlierRecommendationLetter.href}
+    >
+      {profile.earlierRecommendationLetter.label}
+    </a>
+  </div>
+</details>
 
 </main>

app/earlier-work/page.mdx

@@ -184,6 +184,28 @@ export const profile = {
         'Mohsin is a great person, a passionate developer and a hard working team member. He is not afraid of taking responsibility in difficult situations and always tries to raise the bar for himself.'
     }
   ],
+  earlierRecommendations: [
+    {
+      name: 'Georgia Hampton',
+      role: 'Client feedback · Fiverr',
+      excerpt: 'I can’t tell you how much I LOVE my new website!'
+    },
+    {
+      name: 'Vibhav Mishra',
+      role: 'Client feedback · Upwork',
+      excerpt: 'Mohsin’s biggest strength is his availability and his patience.'
+    },
+    {
+      name: 'Bizsavvy',
+      role: 'Client feedback · Fiverr',
+      excerpt:
+        'Communication was great and he responded in a professional and timely manner.'
+    }
+  ],
+  earlierRecommendationLetter: {
+    label: 'Read the Rocketbots employer recommendation letter (PDF)',
+    href: '/downloads/Letter%20of%20Recommendation%20-%20Mohsin.pdf'
+  },
   education:
     'Bachelor of Science in Computer Science, National University of Computer and Emerging Sciences (FAST-NUCES), Lahore, Pakistan (2016–2020).',
   achievements: [

app/recommendations/page.mdx

@@ -67,15 +67,15 @@ test('navigation, feed discovery, and internal routes work', async ({
 test('utility endpoints and redirects have expected search behavior', async ({
   request
 }) => {
-  const [robots, sitemap, feed, llms, full, earlier, redirect, missing] =
+  const [robots, sitemap, feed, llms, full, redirect, earlier, missing] =
     await Promise.all([
       request.get('/robots.txt'),
       request.get('/sitemap.xml'),
       request.get('/feed.xml'),
       request.get('/llms.txt'),
       request.get('/llms-full.txt'),
-      request.get('/earlier-work'),
       request.get('/llm.txt', { maxRedirects: 0 }),
+      request.get('/earlier-work', { maxRedirects: 0 }),
       request.get('/not-a-public-page')
     ])
   await expect(robots).toBeOK()
@@ -90,8 +90,11 @@ test('utility endpoints and redirects have expected search behavior', async ({
   expect(await feed.text()).toContain('xmlns:atom')
   expect(await llms.text()).toContain('# Mohsin Hayat')
   expect(await full.text()).toContain('Last updated:')
-  expect(await earlier.text()).toContain('Earlier Work')
   expect(redirect.status()).toBe(308)
   expect(redirect.headers().location).toBe('/llms.txt')
+  expect(earlier.status()).toBe(308)
+  expect(earlier.headers().location).toBe(
+    '/recommendations#earlier-recommendations'
+  )
   expect(missing.status()).toBe(404)
 })

data/profile.js

@@ -37,6 +37,11 @@ export default withNextra({
   async redirects() {
     return [
       { source: '/more', destination: '/recommendations', permanent: true },
+      {
+        source: '/earlier-work',
+        destination: '/recommendations#earlier-recommendations',
+        permanent: true
+      },
       { source: '/llm.txt', destination: '/llms.txt', permanent: true },
       {
         source: '/www/:path*',

e2e/portfolio.spec.js

@@ -262,6 +262,40 @@ li {
   margin-top: 0.55rem;
   font-size: 0.9rem;
 }
+.earlier-recommendations {
+  margin-top: 2.5rem;
+  border-top: 1px solid var(--border);
+  border-bottom: 1px solid var(--border);
+}
+.earlier-recommendations summary {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 1rem;
+  padding: 1.15rem 0;
+  color: var(--link);
+  cursor: pointer;
+  font-weight: 700;
+}
+.earlier-recommendations summary:hover {
+  color: #c7e3ff;
+}
+.earlier-recommendations summary span:last-child {
+  color: var(--muted);
+  font-size: 0.85rem;
+  font-weight: 500;
+}
+.earlier-recommendations-content {
+  padding: 0 0 1.5rem;
+}
+.earlier-recommendations-content > p {
+  max-width: 44rem;
+  margin-top: 0;
+  color: var(--muted);
+}
+.earlier-reference-link {
+  margin-top: 1.5rem;
+}
 .featured-work {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
@@ -416,6 +450,10 @@ li {
     align-items: flex-start;
     flex-direction: column;
   }
+  .earlier-recommendations summary {
+    align-items: flex-start;
+    flex-direction: column;
+  }
 }
 @media (max-width: 560px) {
   .portfolio-home,

next.config.js

@@ -40,5 +40,10 @@ describe('production configuration', () => {
       destination: '/recommendations',
       permanent: true
     })
+    expect(redirects).toContainEqual({
+      source: '/earlier-work',
+      destination: '/recommendations#earlier-recommendations',
+      permanent: true
+    })
   })
 })