export const dynamic = "force-dynamic";

import React from 'react'
import Navbar from '../components/Navbar/NavbarAuth'
import { SignUp } from '../components/SignUp'
import { Login } from '../components/Login'
import NavbarAuth from '../components/Navbar/NavbarAuth'
import FooterAuth from '../components/FooterAuth'
import { ForgotPassword } from '../components/ForgotPassword'

const ForgotPage = () => {
  return (
     <div className="bg-[#F4F4F4]">
      <NavbarAuth />
      <div className="md:flex items-center justify-center gap-[20px] lg:gap-[45px] px-5 md:px-[50px]  lg:px-[70px] py-[33px] w-[100%] md:h-[700px] lg:h-[770px] ">
        <div className="w-full md:w-[50%] h-[300px] md:h-full">
          <img
            src="/images/house/house.png"
            className="h-[100%] w-[100%] rounded-[3px]"
            alt="location"
          />
        </div>
        <div className="w-full md:w-[50%] h-full mt-5 md:mt-0">
          <ForgotPassword />
        </div>
      </div>
      <FooterAuth />
    </div>
  )
}

export default ForgotPage