From d7f5c5e7b5a91496c2b6a23c89a1aa8c1ea1bf9f Mon Sep 17 00:00:00 2001
From: jazze <jazze@jazze-mbp.local>
Date: Mon, 10 Nov 2025 10:11:30 +0530
Subject: [PATCH] removed api key

---
 src/App.jsx                    |  2 +-
 src/components/KeywordForm.jsx | 15 ++++++++++++---
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 7df6351..5b9d61a 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -50,7 +50,7 @@ function App() {
   return (
     <div className="app">
       <div className="app-header">
-        <h1>🚀 Unified SEO Analysis Tool</h1>
+        <h1> Unified SEO Analysis Tool</h1>
         <p>Comprehensive metrics + Keyword research + Industry detection + Hookpilot integration</p>
       </div>
 
diff --git a/src/components/KeywordForm.jsx b/src/components/KeywordForm.jsx
index 340b031..b598323 100644
--- a/src/components/KeywordForm.jsx
+++ b/src/components/KeywordForm.jsx
@@ -23,7 +23,7 @@ function KeywordForm({ onSearch, loading }) {
     competitor4: '',
     database: 'us',
     displayLimit: 10,
-    apiKey: '61b5d6f509d57c3b7671d431ac5d7306'
+    apiKey: ''
   })
 
   const handleSubmit = (e) => {
@@ -46,6 +46,11 @@ function KeywordForm({ onSearch, loading }) {
       return
     }
 
+    if (!formData.apiKey.trim()) {
+      alert('Please enter your SEMrush API key')
+      return
+    }
+
     onSearch({
       ...formData,
       competitors
@@ -177,14 +182,18 @@ function KeywordForm({ onSearch, loading }) {
           <div className="form-group">
             <label htmlFor="apiKey">SEMrush API Key *</label>
             <input
-              type="text"
+              type="password"
               id="apiKey"
               name="apiKey"
-              placeholder="Your SEMrush API key"
+              placeholder="Enter your SEMrush API key"
               value={formData.apiKey}
               onChange={handleChange}
               disabled={loading}
+              required
             />
+            <small style={{ display: 'block', marginTop: '4px', color: '#666' }}>
+              Get your API key from <a href="https://www.semrush.com/api-analytics/" target="_blank" rel="noopener noreferrer" style={{ color: '#1a73e8' }}>SEMrush API Analytics</a>
+            </small>
           </div>
         </div>