import React from "react";
import "bootstrap/dist/css/bootstrap.min.css";
import "bootstrap/dist/js/bootstrap.bundle.min";
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import ServiceForm from "./components/ServiceForm";
import ClientesList from "./components/Dashboard";
import RequestService from "./components/RequestService";
import LandingPage from "./components/LandingPage";
import LoginForm from "./components/LoginAuth";

const App = () => {
  return (
    <Router>
      <div className="App">
        <Routes>
          <Route path="/" element={<ServiceForm />} />
          <Route path="/clientes" element={<ClientesList />} />
          <Route path="/service-form" element={<ServiceForm />} />
             <Route path="/home" element={<LandingPage/>} />
          <Route path="/request-service" element={<RequestService />} />
          <Route path="/login" element={<LoginForm/> } />
        </Routes>
      </div>
    </Router>
  );
};

export default App;