Update components/LandingPage.tsx

components/LandingPage.tsx

@@ -1,12 +1,13 @@
 
 import React from 'react';
-import { Sparkles, ArrowRight, Layers, Brain, Code2, Zap, Layout, ShieldCheck, Box } from 'lucide-react';
+import { Sparkles, ArrowRight, Layers, Brain, Code2, Zap, Layout, ShieldCheck, Box, Book } from 'lucide-react';
 
 interface LandingPageProps {
   onEnterApp: () => void;
+  onShowHelp: () => void;
 }
 
-const LandingPage: React.FC<LandingPageProps> = ({ onEnterApp }) => {
+const LandingPage: React.FC<LandingPageProps> = ({ onEnterApp, onShowHelp }) => {
   const handleScrollTo = (id: string) => {
     const element = document.getElementById(id);
     if (element) {
@@ -29,6 +30,9 @@ const LandingPage: React.FC<LandingPageProps> = ({ onEnterApp }) => {
           </div>
           <div className="hidden md:flex items-center gap-6 text-sm font-medium text-slate-400">
             <button onClick={() => handleScrollTo('features')} className="hover:text-white transition-colors">Features</button>
+            <button onClick={onShowHelp} className="hover:text-white transition-colors">
+              Help
+            </button>
             <button onClick={onEnterApp} className="hover:text-white transition-colors">AI Agents</button>
             <button onClick={onEnterApp} className="hover:text-white transition-colors">Code Gen</button>
           </div>