removed api key

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>
 

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>