// import './App.css'
import { AuthProvider } from './hooks/useAuth';
import { BrowserRouter, Routes, Route } from "react-router-dom";
import Home from './pages/homepage/Home'
import About from './pages/aboutpage/About'
import Contact from './pages/contactpage/Contact.jsx'
import Consulting from './components/consalting/consulting';
import Lab from './components/lab/lab';
import Footer from './components/footer/footer';
import UltraSound from './components/ultrasound/ultraSound';
import Gallery from './components/gallery/Gallery.jsx';
import Certificates from './components/Certificates/Certificates.jsx';
import Clients from './components/clients/clients';
import AdminPanel from './components/adminPanel/AdminPanel';
import Dashboard from './components/dashboard/Dashboard';
import Login from './components/login/Login';
import Navbar from './components/navbar/Navbar';
import ProtectedRoute from './components/protectedRoute/ProtectedRoute';
import { ThemeProvider } from './theme/ThemeProvider';
import ForgotPassword from './components/auth/ForgotPassword';
import ResetPassword from './components/auth/ResetPassword';
// import { Navbar } from './components/navbar/Navbar';

function App() {

  return (
    <AuthProvider>
      <ThemeProvider>
        <div className="min-h-screen bg-neutral-50">
          <BrowserRouter>
            <Navbar />
            <Routes>
              <Route path='/' element={<Home />} />
              <Route path='/contact' element={<Contact />} />
              <Route path='/about' element={<About />} />
              <Route path='/consulting' element={<Consulting />} />
              <Route path='/lab' element={<Lab />} />
              <Route path='/ultrasound' element={<UltraSound />} />
              <Route path='/gallery' element={<Gallery />} />
              <Route path='/certificates' element={<Certificates />} />
              <Route path='/clients' element={
                <ProtectedRoute>
                  <Clients />
                </ProtectedRoute>
              } />
              <Route path='/admin' element={
                <ProtectedRoute>
                  <AdminPanel />
                </ProtectedRoute>
              } />
              <Route path='/login' element={<Login />} />
              <Route path='/dashboard' element={
                <ProtectedRoute>
                  <Dashboard />
                </ProtectedRoute>
              } />
              <Route path='/forgot-password' element={<ForgotPassword />} />
              <Route path='/reset-password' element={<ResetPassword />} />
            </Routes>
            <Footer />
          </BrowserRouter>
        </div>
      </ThemeProvider>
    </AuthProvider>
  )
}

export default App