import { Route, Routes } from 'react-router-dom'
import Header from './components/Header'
import Footer from './components/Footer'
import ToastHost from './components/ToastHost'
import CartDrawer from './components/CartDrawer'
import HomePage from './pages/HomePage'
import QuickInfoPage from './pages/QuickInfoPage'
import ContactUsPage from './pages/ContactUsPage'
import AboutUsPage from './pages/AboutUsPage'
import ProductsListPage from './pages/ProductsListPage'
import ProductsSlugOrDetailPage from './pages/ProductsSlugOrDetailPage'

export default function App() {
  return (
    <div className="app">
      <Header />
      <main>
        <Routes>
          <Route path="/" element={<HomePage />} />
          <Route path="/quick-info" element={<QuickInfoPage />} />
          <Route path="/contact-us" element={<ContactUsPage />} />
          <Route path="/about-us" element={<AboutUsPage />} />
          <Route path="/products" element={<ProductsListPage />} />
          <Route path="/products/:slugOrId" element={<ProductsSlugOrDetailPage />} />
          <Route path="*" element={<HomePage />} />
        </Routes>
      </main>
      <Footer />
      <ToastHost />
      <CartDrawer />
    </div>
  )
}
