import React from "react";
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import Navigation from "./components/Navigation";
import HomePage from "./pages/HomePage";
import GeneView from "./pages/GeneView";
import SpatialClustering from "./pages/SpatialClustering";
import Resource from "./pages/Resource";
import Download from "./pages/Download";
import TemporalAnalysis from "./pages/TemporalAnalysis";
import EmbryoGeneration from "./pages/EmbryoGeneration";
import "./style.css";

function App() {
  return (
    <Router>
      <div className="app">
        <Navigation />
        <main className="main-content">
          <Routes>
            <Route path="/" element={<HomePage />} />
            <Route path="/gene-view" element={<GeneView />} />
            <Route path="/spatial-clustering" element={<SpatialClustering />} />
            <Route path="/temporal-analysis" element={<TemporalAnalysis />} />
            <Route path="/embryo-generation" element={<EmbryoGeneration />} />
            <Route path="/resource" element={<Resource />} />
            <Route path="/download" element={<Download />} />
          </Routes>
        </main>
      </div>
    </Router>
  );
}

export default App;
