import { Routes, Route } from "react-router";
import Header from "./components/header";
import Home from "./pages/home";
import About from "./pages/about";
import CoinDetail from "./pages/coin-detail";
import NotFound from "./pages/not-found";
import Footer from "./components/footer";
import "./styles/main.scss";

const App = () => {
    
    return (
        <>
            <Header />
            <Routes>
                <Route path="/" element={<Home />} />
                <Route path="/about" element={<About />} />
                <Route path="/coin/:id" element={<CoinDetail />} />
                <Route path="*" element={<NotFound />} />
            </Routes>
            <Footer />
        </>
    );

};


export default App;