import { Route } from "react-router-dom";
import HomePage from "../pages/HomePage";
import LandingLayout from "../layout/LandingLayout";
import LoginPage from "../pages/auth/LoginPage";
import ForgotPasswordPage from "../pages/auth/ForgotPasswordPage";
import ChangePasswordPage from "../components/auth/ChangePasswordForm";
import ProfileLayout from "../layout/ProfileLayout";
import HomeLayout from "../layout/HomeLayout";
import StepperForm from "../feature/StepperForm";
import NotFound from "../pages/NotFound";
const PublicRoutes = () => {
  return (
    <>
      <Route element={<HomeLayout />}>
           <Route path="/" element={<HomePage />} />
            <Route path="/registration" element={<StepperForm />} />

       </Route>

         <Route path="/login" element={<LoginPage />} />
         <Route path="/forgot-password" element={<ForgotPasswordPage />} />
       
      {/* 404 route MUST be last */}
        <Route path="*" element={<NotFound />} />
    </>
  )
}

export default PublicRoutes
