import React from 'react';
import { Routes, Route } from 'react-router-dom';
import Navbar from './components/Navbar';
import Footer from './components/Footer';
import Home from './pages/Home';
import Dashboard from './pages/Dashboard';
import AnalysisPage from './pages/Analysis';
import Signup from './pages/Signup';
import Login from './pages/Login';
import ForgotPassword from './pages/ForgotPassword';
import ResetPassword from './pages/ResetPassword';
import TrainYourModel from './pages/TrainYourModel';
// ...

// ...


// Placeholder components for other routes
const About = () => <div style={{ padding: 40, textAlign: 'center' }}>About Page (Coming Soon)</div>;
const Contact = () => <div style={{ padding: 40, textAlign: 'center' }}>Contact Page (Coming Soon)</div>;


function App() {
  return (
    <>
      <Navbar />
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/dashboard" element={<Dashboard />} />
        <Route path="/analysis" element={<AnalysisPage />} />
        <Route path="/about" element={<About />} />
        <Route path="/contact" element={<Contact />} />
        <Route path="/login" element={<Login />} />
        <Route path="/signup" element={<Signup />} />
        <Route path="/forgot-password" element={<ForgotPassword />} />
        <Route path="/reset-password" element={<ResetPassword />} />
        <Route path="/train-your-model" element={<TrainYourModel />} />
      </Routes>
      <Footer />
    </>
  );
}

export default App;