From 65da347065bf64e4600367cdc53cb9c4dcd02418 Mon Sep 17 00:00:00 2001
From: Viktor <viktor@viktor.com>
Date: Tue, 9 Jun 2026 02:19:06 +0000
Subject: [PATCH] feat: add OFJ cross-links on company and experience pages

- Company page: add Browse Jobs card linking to OFJ company page
- Interview experience page: add Ready to Apply CTA linking to OFJ
- All links include UTM tracking params
---
 app/companies/[company]/page.tsx         | 24 +++++++++++++++++
 app/interview-experience/[slug]/page.tsx | 34 +++++++++++++++++++++++-
 2 files changed, 57 insertions(+), 1 deletion(-)

diff --git a/app/companies/[company]/page.tsx b/app/companies/[company]/page.tsx
index f061e25..8800163 100644
--- a/app/companies/[company]/page.tsx
+++ b/app/companies/[company]/page.tsx
@@ -5,6 +5,7 @@ import Link from 'next/link';
 import { Metadata } from 'next';
 import Script from 'next/script';
 import { FaCalendar, FaUser } from 'react-icons/fa';
+import { FaBriefcase } from 'react-icons/fa6';
 
 export const dynamic = 'force-dynamic';
 export const revalidate = 600; // Cache for 10 minutes
@@ -170,6 +171,29 @@ export default async function CompanyHubPage({ params }: Props) {
             </article>
           ))}
         </div>
+
+        {/* Cross-link to OnlyFrontendJobs */}
+        <a
+          href={`https://onlyfrontendjobs.com/companies/${company}?utm_source=frontend-junction&utm_medium=company_page&utm_campaign=${encodeURIComponent(company)}`}
+          target='_blank'
+          rel='noopener noreferrer'
+          className='mt-10 block p-6 bg-card border border-primary/20 rounded-2xl hover:border-primary/50 transition-all shadow-sm group'
+        >
+          <div className='flex items-start gap-4'>
+            <div className='flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-primary/10 border border-primary/20'>
+              <FaBriefcase className='w-4 h-4 text-primary' />
+            </div>
+            <div>
+              <h3 className='text-lg font-bold text-foreground group-hover:text-primary transition-colors'>
+                Browse {companyName} Frontend Jobs
+              </h3>
+              <p className='mt-1 text-sm text-muted-foreground'>
+                See open frontend roles at {companyName} on OnlyFrontendJobs
+                — India&apos;s dedicated frontend job board.
+              </p>
+            </div>
+          </div>
+        </a>
       </div>
     </div>
   );
diff --git a/app/interview-experience/[slug]/page.tsx b/app/interview-experience/[slug]/page.tsx
index 0523170..b89131a 100644
--- a/app/interview-experience/[slug]/page.tsx
+++ b/app/interview-experience/[slug]/page.tsx
@@ -1,7 +1,12 @@
 import { getExperienceBySlug } from '@/lib/getExperienceBySlug';
 import { notFound } from 'next/navigation';
 import Link from 'next/link';
-import { FaExternalLinkAlt, FaCalendar, FaUser } from 'react-icons/fa';
+import {
+  FaExternalLinkAlt,
+  FaCalendar,
+  FaUser,
+} from 'react-icons/fa';
+import { FaBriefcase } from 'react-icons/fa6';
 import { Metadata } from 'next';
 import ReactMarkdown from 'react-markdown';
 import ViewCounter from '@/components/view-counter';
@@ -210,6 +215,33 @@ export default async function ExperienceSlugPage({ params }: Props) {
             )}
           </div>
 
+          {/* Cross-link to OnlyFrontendJobs */}
+          <div className='mt-12 p-6 rounded-2xl border border-primary/20 bg-primary/5'>
+            <div className='flex items-start gap-4'>
+              <div className='flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-primary/10 border border-primary/20'>
+                <FaBriefcase className='w-4 h-4 text-primary' />
+              </div>
+              <div>
+                <h4 className='text-lg font-bold text-foreground mb-1'>
+                  Ready to apply?
+                </h4>
+                <p className='text-sm text-muted-foreground mb-4'>
+                  Browse hundreds of frontend-only roles on OnlyFrontendJobs — no
+                  backend noise.
+                </p>
+                <Link
+                  href={`https://onlyfrontendjobs.com/?utm_source=frontend-junction&utm_medium=experience_page&utm_campaign=${encodeURIComponent(slug)}`}
+                  target='_blank'
+                  rel='noopener noreferrer'
+                  className='inline-flex items-center gap-2 px-5 py-2.5 bg-primary text-primary-foreground rounded-full text-sm font-bold hover:opacity-90 transition-all'
+                >
+                  Browse Frontend Jobs
+                  <FaExternalLinkAlt className='w-3 h-3' />
+                </Link>
+              </div>
+            </div>
+          </div>
+
           {/* Original Source CTA */}
           <div className='mt-16 pt-10 border-t border-border bg-muted/30 -mx-8 -mb-8 md:-mx-12 md:-mb-12 p-8 md:p-12 rounded-b-3xl flex flex-col items-center text-center'>
             <h4 className='font-bold text-xl mb-2 text-foreground'>