Update App.tsx

App.tsx

@@ -23,6 +23,7 @@ import AIBuilderModal from './components/AIBuilderModal';
 import SuggestionsModal from './components/SuggestionsModal';
 import ApiKeyModal from './components/ApiKeyModal';
 import FixerModal from './components/FixerModal';
+import LandingPage from './components/LandingPage';
 import { INITIAL_NODES, INITIAL_EDGES, LAYER_DEFINITIONS, TEMPLATES } from './constants';
 import { generateRefinedPrompt, validateArchitecture, getArchitectureSuggestions, getUserApiKey, implementArchitectureSuggestions } from './services/geminiService';
 import { NodeData, LayerType, LogEntry } from './types';
@@ -30,7 +31,8 @@ import { NodeData, LayerType, LogEntry } from './types';
 let id = 1000;
 const getId = () => `${id++}`;
 
-const AppContent = () => {
+// --- MAIN BUILDER CONTENT ---
+const Builder = () => {
   const reactFlowWrapper = useRef<HTMLDivElement>(null);
   const [nodes, setNodes, onNodesChange] = useNodesState(INITIAL_NODES);
   const [edges, setEdges, onEdgesChange] = useEdgesState(INITIAL_EDGES);
@@ -553,10 +555,18 @@ const AppContent = () => {
   );
 };
 
-const App = () => (
-  <ReactFlowProvider>
-    <AppContent />
-  </ReactFlowProvider>
-);
+const Main = () => {
+  const [showLanding, setShowLanding] = useState(true);
 
-export default App;
+  if (showLanding) {
+    return <LandingPage onEnterApp={() => setShowLanding(false)} />;
+  }
+
+  return (
+    <ReactFlowProvider>
+      <Builder />
+    </ReactFlowProvider>
+  );
+};
+
+export default Main;