import React from "react";
import Layout from "./layout/Layout";
import { Route, Routes } from "react-router-dom";
import Home from "./components/Home";
import "./App.css";
import About from "./components/mainViews/About";
import Experience from "./components/mainViews/Experience";
import Projects from "./components/mainViews/Projects";
import Contact from "./components/mainViews/Contact";

const App = () => {
  return (
    <main>
      {/* <Layout> */}
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/about" element={<About />} />
        <Route path="/workExp" element={<Experience />} />
        <Route path="/projects" element={<Projects />} />
        <Route path="/contact" element={<Contact />} />
      </Routes>
      {/* </Layout> */}
    </main>
  );
};

export default App;
