/* ----- Third Party Imports ----- */
import { Routes, Route } from "react-router-dom";
import { HelmetProvider } from 'react-helmet-async';

/* ----- Project Imports ----- */
import "@/styles/App.css";
import Header from "@/components/Header.jsx";
import Footer from "@/components/Footer.jsx";
import HomePage from "@/pages/HomePage";
import ExpertisePage from "@/pages/ExpertisePage";
import ProjectsPage from "@/pages/ProjectsPage";

function App() {

  return (
    <>
      <HelmetProvider>
      <Header />
      <Routes>
        <Route path="/" element={<HomePage />} />
        <Route path="/expertise" element={<ExpertisePage />} />
        <Route path="/projects" element={<ProjectsPage />} />
      </Routes>
      <Footer />
      </HelmetProvider>
    </>
  )
}

export default App