change design all page & component page booking and account & cleancode

components/layout/header/index.js

@@ -44,7 +44,7 @@ function Header({ name }) {
                     </div>
                 </div>
                 <Row name={name} />
-                <Link href='/signin'>
+                <Link href='/login'>
                     <Button
                         className="!hidden lg:!flex"
                         variant="outlined"

components/layout/index.js

@@ -17,7 +17,8 @@ function Layout({ children, title, name, disableFooter, isSidebar, user }) {
 
     return (
         <div>
-            <main className="w-full min-h-screen">
+            <main className={`w-full min-h-screen 
+                ${disableFooter && 'pb-[calc(16px_+_80px)] sm:pb-[calc(52px_+_80px)] md:pb-[80px]'}`}>
                 <header className="w-full fixed top-[12px] sm:top-[21px] md:top-[30px] lg:top-[40px] right-1/2 translate-x-1/2 padding-responsive z-[10]">
                     <Header name={name} />
                 </header>
@@ -36,7 +37,7 @@ function Layout({ children, title, name, disableFooter, isSidebar, user }) {
                 </section>
             </main>
             {disableFooter ? undefined : (
-                <footer className="bg-[#F5F5F5] pt-[44px] mt-[100px] bg-banner-footer !bg-center !bg-no-repeat !bg-cover">
+                <footer className='bg-[#F5F5F5] pt-[44px] mt-[100px] bg-banner-footer !bg-center !bg-no-repeat !bg-cover'>
                     <div className='padding-responsive'>
                         <Footer />
                     </div>