// CORRECTED APP - Uses actual existing components
import React from 'react';
import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
import ProjectBuilder from './components/project-builder/ProjectBuilder';
import FeatureCardBoard from './components/project-builder/FeatureCardBoard';
import BusinessQuestionsScreen from './components/project-builder/BusinessQuestionsScreen';
import TechStackSummary from './components/project-builder/TechStackSummary';
import ArchitectureDesigner from './components/project-builder/ArchitectureDesigner';

function App() {
  return (
    <Router>
      <div className="App">
        <Routes>
          {/* Main project builder route */}
          <Route path="/project-builder" element={<ProjectBuilder />}>
            <Route path="features" element={<FeatureCardBoard />} />
            <Route path="business-questions" element={<BusinessQuestionsScreen />} />
            <Route path="tech-stack" element={<TechStackSummary />} />
            <Route path="architecture" element={<ArchitectureDesigner />} />
            <Route index element={<Navigate to="features" replace />} />
          </Route>
          
          {/* Direct route to architecture designer (for testing) */}
          <Route path="/architecture" element={<ArchitectureDesigner />} />
          
          {/* Default route */}
          <Route path="/" element={<Navigate to="/project-builder" replace />} />
        </Routes>
      </div>
    </Router>
  );
}

export default App;
