import { BrowserRouter, Routes, Route } from "react-router-dom";

import Header from "./components/Header";
import Hero from "./components/Hero";
import Features from "./components/Features";
import Versions from "./components/Versions";
import Faq from "./components/Faq";
import Blog from "./components/Blog";
import Contact from "./components/Contact";
import Footer from "./components/Footer";
import Nosotros from "./components/Nosotros";
import Rubros from "./components/rubros";

import PosCatalog from "./components/PosCatalog/PosCatalog";

function App() {
  return (
    <BrowserRouter>
      <Header />

      <Routes>
        {/* HOME */}
        <Route
          path="/"
          element={
            <>
              <Hero />
              <Features />
              <Versions />
              <Faq />
              <Blog />
              <Contact />
            </>
          }
        />
      <Route path="/nosotros" element={<Nosotros />} />
      <Route path="/rubros" element={<Rubros />} />
        {/* CATÁLOGO POS */}
        <Route path="/catalogo-pos" element={<PosCatalog />} />
      </Routes>

      <Footer />
    </BrowserRouter>
  );
}

export default App;
