scraping and improvements

frontend/src/components/layout/Header.tsx

@@ -7,6 +7,7 @@ import { useRouter } from 'next/navigation';
 import { useAuth } from '../../contexts/AuthContext';
 import { useTheme } from '../../lib/theme';
 import Button from '../ui/Button';
+import Dropdown from '../ui/Dropdown';
 
 export default function Header() {
   const [isMenuOpen, setIsMenuOpen] = useState(false);
@@ -14,6 +15,24 @@ export default function Header() {
   const { theme, toggleTheme } = useTheme();
   const router = useRouter();
 
+  const addStoryItems = [
+    {
+      href: '/add-story',
+      label: 'Manual Entry',
+      description: 'Add a story by manually entering details'
+    },
+    {
+      href: '/stories/import',
+      label: 'Import from URL',
+      description: 'Import a single story from a website'
+    },
+    {
+      href: '/stories/import/bulk',
+      label: 'Bulk Import',
+      description: 'Import multiple stories from a list of URLs'
+    }
+  ];
+
   const handleLogout = () => {
     logout();
     router.push('/login');
@@ -57,12 +76,10 @@ export default function Header() {
             >
               Authors
             </Link>
-            <Link 
-              href="/add-story" 
-              className="theme-text hover:theme-accent transition-colors font-medium"
-            >
-              Add Story
-            </Link>
+            <Dropdown
+              trigger="Add Story"
+              items={addStoryItems}
+            />
           </nav>
 
           {/* Right side actions */}
@@ -131,13 +148,32 @@ export default function Header() {
               >
                 Authors
               </Link>
-              <Link 
-                href="/add-story" 
-                className="theme-text hover:theme-accent transition-colors font-medium px-2 py-1"
-                onClick={() => setIsMenuOpen(false)}
-              >
-                Add Story
-              </Link>
+              <div className="px-2 py-1">
+                <div className="font-medium theme-text mb-1">Add Story</div>
+                <div className="pl-4 space-y-1">
+                  <Link 
+                    href="/add-story" 
+                    className="block theme-text hover:theme-accent transition-colors text-sm py-1"
+                    onClick={() => setIsMenuOpen(false)}
+                  >
+                    Manual Entry
+                  </Link>
+                  <Link 
+                    href="/stories/import" 
+                    className="block theme-text hover:theme-accent transition-colors text-sm py-1"
+                    onClick={() => setIsMenuOpen(false)}
+                  >
+                    Import from URL
+                  </Link>
+                  <Link 
+                    href="/stories/import/bulk" 
+                    className="block theme-text hover:theme-accent transition-colors text-sm py-1"
+                    onClick={() => setIsMenuOpen(false)}
+                  >
+                    Bulk Import
+                  </Link>
+                </div>
+              </div>
               <Link 
                 href="/settings" 
                 className="theme-text hover:theme-accent transition-colors font-medium px-2 py-1"