From 4c2305c1e8b75a54f370321187661861b0447034 Mon Sep 17 00:00:00 2001
From: Fullstack Mechanic <fullstack@Fullstacks-MacBook-Air.local>
Date: Thu, 25 Jul 2024 13:23:23 +0100
Subject: [PATCH 1/5] lint and test issues fixs for auth

---
 src/app/(auth-routes)/register/page.tsx       | 6 ++----
 src/components/authproviders/AuthProvider.tsx | 5 +----
 2 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/app/(auth-routes)/register/page.tsx b/src/app/(auth-routes)/register/page.tsx
index 9d5e37f1a..a721b2680 100644
--- a/src/app/(auth-routes)/register/page.tsx
+++ b/src/app/(auth-routes)/register/page.tsx
@@ -23,8 +23,6 @@ import {
   InputOTPGroup,
   InputOTPSlot,
 } from "~/components/ui/input-otp";
-import Facebook from "../../../../public/images/facebook.svg";
-import Google from "../../../../public/images/google.svg";
 
 const formSchema = z.object({
   fullname: z.string().min(2, {
@@ -55,8 +53,8 @@ const SignUp = () => {
         </p>
       </div>
       <div className="flex justify-center gap-4 p-4">
-        <AuthProvider title="Sign in with Google" icon={Google} />
-        <AuthProvider title="Sign in with Facebook" icon={Facebook} />
+        <AuthProvider title="Sign in with Google" />
+        <AuthProvider title="Sign in with Facebook" />
       </div>
       <div className="mx-auto w-2/4">
         <Form {...form}>
diff --git a/src/components/authproviders/AuthProvider.tsx b/src/components/authproviders/AuthProvider.tsx
index 3f4c86743..dcaa74598 100644
--- a/src/components/authproviders/AuthProvider.tsx
+++ b/src/components/authproviders/AuthProvider.tsx
@@ -1,10 +1,7 @@
-import Image from "next/image";
-
-function AuthProvider({ title, icon }: { title: string; icon: string }) {
+function AuthProvider({ title }: { title: string }) {
   return (
     <>
       <button className="flex items-center gap-2 rounded-md border border-gray-200 p-4">
-        <Image src={icon} width={24} height={24} alt="img" />
         {title}
       </button>
     </>

From 38c084fca0e71cb855e7ea242f8f4199a776daf4 Mon Sep 17 00:00:00 2001
From: Fullstack Mechanic <fullstack@Fullstacks-MacBook-Air.local>
Date: Thu, 25 Jul 2024 13:56:35 +0100
Subject: [PATCH 2/5] lint and test issues fixs for auth

---
 src/app/(auth-routes)/register/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/(auth-routes)/register/page.tsx b/src/app/(auth-routes)/register/page.tsx
index a721b2680..bc6d45c81 100644
--- a/src/app/(auth-routes)/register/page.tsx
+++ b/src/app/(auth-routes)/register/page.tsx
@@ -112,7 +112,7 @@ const SignUp = () => {
               )}
             />
             <Button
-              type="submit"
+              
               className="w-full"
               onClick={() => setOpen(true)}
             >

From 3c9d80e4bea4a888b8bb49cb8928a2002a23a8a6 Mon Sep 17 00:00:00 2001
From: oree <oreoluwaajayyiruth@gmail.com>
Date: Thu, 25 Jul 2024 18:40:06 +0100
Subject: [PATCH 3/5] fix

---
 .../extDynamicPages/blogCollection/BlogPageHero.tsx           | 4 ++--
 src/components/layouts/navbar/index.tsx                       | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/extDynamicPages/blogCollection/BlogPageHero.tsx b/src/components/extDynamicPages/blogCollection/BlogPageHero.tsx
index bf2963d31..7c0252067 100644
--- a/src/components/extDynamicPages/blogCollection/BlogPageHero.tsx
+++ b/src/components/extDynamicPages/blogCollection/BlogPageHero.tsx
@@ -14,8 +14,8 @@ const HeroSection: React.FC = () => {
         alt="Hero Background"
       />
       <div className="relative z-30 flex h-full flex-col items-start justify-end px-[5%] pb-16 text-center md:text-left">
-        <div className="w-full py-5 md:w-[50%]">
-          <h1 className="mb-4 text-left text-3xl font-bold leading-[2.3rem] lg:leading-[2.4rem] 2xl:text-6xl">
+        <div className="w-full py-5 pr-6 md:w-[55%]">
+          <h1 className="mb-4 text-left text-3xl font-bold leading-[2.3rem] md:leading-[2.6rem] 2xl:text-5xl">
             Unlock Industry Insights: Get Essential Tips & Boilerplate Hacks
           </h1>
         </div>
diff --git a/src/components/layouts/navbar/index.tsx b/src/components/layouts/navbar/index.tsx
index 07b77596f..c59fa35e8 100644
--- a/src/components/layouts/navbar/index.tsx
+++ b/src/components/layouts/navbar/index.tsx
@@ -34,7 +34,7 @@ const Navbar = ({ is_auth_path = false }: { is_auth_path?: boolean }) => {
   });
   return (
     <nav
-      className={`${scrolling ? "shadow-md" : "shadow-none"} sticky left-0 right-0 top-0 z-10 bg-background px-4`}
+      className={`${scrolling ? "shadow-md" : "shadow-none"} sticky left-0 right-0 top-0 z-40 bg-background px-4`}
     >
       <div
         className={`${scrolling ? "py-2" : "py-4 md:py-9"} mx-auto flex w-full max-w-[1200px] items-center justify-between gap-x-4 transition-all duration-500`}

From 8580c2a48f47f96022d89dd42344d5569f8b3bd6 Mon Sep 17 00:00:00 2001
From: Fullstack Mechanic <fullstack@Fullstacks-MacBook-Air.local>
Date: Thu, 25 Jul 2024 19:44:26 +0100
Subject: [PATCH 4/5] fix footer

---
 src/app/(auth-routes)/register/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/(auth-routes)/register/page.tsx b/src/app/(auth-routes)/register/page.tsx
index 40fc8a6bd..62a12c6ac 100644
--- a/src/app/(auth-routes)/register/page.tsx
+++ b/src/app/(auth-routes)/register/page.tsx
@@ -97,7 +97,7 @@ const SignUp = () => {
           Sign in with Google
         </Button>
       </div>
-      <div className="mx-auto md:w-2/4">
+      <div className="mx-auto md:w-2/4 py-4">
         <Form {...form}>
           <form
             className="space-y-8"

From 98a1edbc7806acf2fc54229f0817e78ef436f606 Mon Sep 17 00:00:00 2001
From: Fullstack Mechanic <fullstack@Fullstacks-MacBook-Air.local>
Date: Thu, 25 Jul 2024 19:50:22 +0100
Subject: [PATCH 5/5] fix footer

---
 src/app/(auth-routes)/register/page.tsx | 10 +++-------
 src/components/layouts/footer/index.tsx |  8 ++++----
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/app/(auth-routes)/register/page.tsx b/src/app/(auth-routes)/register/page.tsx
index 62a12c6ac..0fc9dabb5 100644
--- a/src/app/(auth-routes)/register/page.tsx
+++ b/src/app/(auth-routes)/register/page.tsx
@@ -1,10 +1,10 @@
 "use client";
 
 import { zodResolver } from "@hookform/resolvers/zod";
-import Image from "next/image";
 import { DialogContent, DialogTitle } from "@radix-ui/react-dialog";
+import Image from "next/image";
 import Link from "next/link";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod";
 
@@ -39,10 +39,6 @@ const formSchema = z.object({
 
 type FormData = z.infer<typeof formSchema>;
 
-const onSubmit = (event: React.FormEvent) => {
-  event.preventDefault();
-};
-
 const SignUp = () => {
   const form = useForm<FormData>({
     resolver: zodResolver(formSchema),
@@ -97,7 +93,7 @@ const SignUp = () => {
           Sign in with Google
         </Button>
       </div>
-      <div className="mx-auto md:w-2/4 py-4">
+      <div className="mx-auto py-4 md:w-2/4">
         <Form {...form}>
           <form
             className="space-y-8"
diff --git a/src/components/layouts/footer/index.tsx b/src/components/layouts/footer/index.tsx
index bd20114e4..2c343981b 100644
--- a/src/components/layouts/footer/index.tsx
+++ b/src/components/layouts/footer/index.tsx
@@ -75,7 +75,7 @@ const Footer = () => {
         <div className="mx-auto w-full max-w-[1200px] items-start justify-between gap-[60px] pb-[130px] pt-[28px] sm:grid-cols-2 md:gap-4 md:pb-[46px] md:pt-[72px] lg:flex">
           <div className="mb-[100px] lg:mb-0">
             <div className="mb-[47px] flex w-full flex-col items-center justify-center sm:mb-[60px] md:block md:max-w-[254px] lg:mb-0">
-              <h5 className="text-nuetral-dark-2 mb-[34px] text-center text-md font-bold sm:text-left">
+              <h5 className="text-nuetral-dark-2 text-md mb-[34px] text-center font-bold sm:text-left">
                 Boiler plate
               </h5>
               <p className="text-nuetral-dark-2 text-center text-[12px] font-medium sm:text-left">
@@ -83,13 +83,13 @@ const Footer = () => {
               </p>
             </div>
             <div className="flex flex-col items-center justify-center md:block lg:hidden">
-              <h5 className="text-neurtal-dark-2 mb-4 text-center text-md font-semibold sm:text-left md:mb-[36px]">
+              <h5 className="text-neurtal-dark-2 text-md mb-4 text-center font-semibold sm:text-left md:mb-[36px]">
                 Sign Up For Newsletter
               </h5>
               <div className="item flex h-[46px] w-full items-center justify-start md:max-w-[283px]">
                 <Input
                   placeholder="Enter your email"
-                  className="border-r-none h-[46px] text-md rounded-r-none border-r-0 border-r-transparent bg-transparent active:border-transparent"
+                  className="border-r-none text-md h-[46px] rounded-r-none border-r-0 border-r-transparent bg-transparent active:border-transparent"
                 />
                 <CustomButton variant="primary" className="h-full">
                   Subscibe
@@ -122,7 +122,7 @@ const Footer = () => {
               );
             })}
             <div className="hidden lg:block">
-              <h5 className="text-neurtal-dark-2 mb-4 text-md font-semibold md:mb-[36px]">
+              <h5 className="text-neurtal-dark-2 text-md mb-4 font-semibold md:mb-[36px]">
                 Sign Up For Newsletter
               </h5>
               <div className="item flex h-[46px] w-full max-w-[283px] items-center justify-start">