//import "./App.css";
import { Routes, Route } from "react-router-dom";
import Header from "./components/Header";
import ExperianceDetail from "./pages/ExperienceDetail";
import FullPage from "./pages/FullPage";
import { RecoilRoot } from "recoil";
import ScrollToAnchor from "./components/ScrollToAnchor";
/* import Spline from "@splinetool/react-spline"; */

function App() {
  return (
    <div className=" text-gray-600 ">
      <RecoilRoot>
        <main className=" min-h-screen">
          <Header />
          <ScrollToAnchor />
          {/* <div className="w-full h-screen">
            <Spline scene="https://prod.spline.design/magHjLGpPc2Y1jP4/scene.splinecode" />
          </div> */}
          <Routes>
            <Route path="/" element={<FullPage />} />
            {/* <Route path="/experience" element={<Experience />} />
            <Route path="/contact" element={<Contact />} />*/}
            <Route path="/experience/:id" element={<ExperianceDetail />} />
          </Routes>
        </main>
      </RecoilRoot>
    </div>
  );
}

export default App;
