From fb8bc9fa86d8c980e1a8cbcc1bc05a0617352f9a Mon Sep 17 00:00:00 2001
From: Desktop <desktop@igny8.com>
Date: Thu, 13 Nov 2025 01:08:01 +0500
Subject: [PATCH] Update KeywordOpportunities.tsx

---
 frontend/src/pages/Planner/KeywordOpportunities.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/Planner/KeywordOpportunities.tsx b/frontend/src/pages/Planner/KeywordOpportunities.tsx
index 83874cf3..935c228b 100644
--- a/frontend/src/pages/Planner/KeywordOpportunities.tsx
+++ b/frontend/src/pages/Planner/KeywordOpportunities.tsx
@@ -20,6 +20,7 @@ import { getDifficultyLabelFromNumber, getDifficultyRange, getDifficultyNumber }
 import Badge from '../../components/ui/badge/Badge';
 import { formatRelativeDate } from '../../utils/date';
 import { BoltIcon, PlusIcon } from '../../icons';
+import PageHeader from '../../components/common/PageHeader';
 
 export default function KeywordOpportunities() {
   const toast = useToast();
@@ -558,10 +559,11 @@ export default function KeywordOpportunities() {
 
   return (
     <>
+      <PageHeader 
+        title="Keyword Opportunities" 
+        badge={{ icon: <BoltIcon />, color: 'orange' }}
+      />
       <TablePageTemplate
-        title="Keyword Opportunities"
-        titleIcon={<BoltIcon className="text-brand-500 size-5" />}
-        subtitle="Discover and add keywords to your workflow"
         columns={pageConfig.columns}
         data={seedKeywords}
         loading={loading}