diff --git a/package.json b/package.json
index cb50e43f1..b83af325c 100644
--- a/package.json
+++ b/package.json
@@ -72,7 +72,7 @@
     "@testing-library/jest-dom": "^6.4.6",
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.5.2",
-    "@types/node": "^20.14.11",
+    "@types/node": "^20.14.12",
     "@types/prop-types": "^15.7.12",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18",
@@ -97,7 +97,7 @@
     "prettier": "^3.3.2",
     "prettier-plugin-tailwindcss": "^0.6.5",
     "tailwindcss": "^3.4.1",
-    "typescript": "^5.5.3",
+    "typescript": "^5.5.4",
     "vitest": "^1.6.0"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 701bc73ea..9b620e8d6 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -163,7 +163,7 @@ importers:
         specifier: ^14.5.2
         version: 14.5.2(@testing-library/dom@10.4.0)
       '@types/node':
-        specifier: ^20.14.11
+        specifier: ^20.14.12
         version: 20.14.12
       '@types/prop-types':
         specifier: ^15.7.12
@@ -238,7 +238,7 @@ importers:
         specifier: ^3.4.1
         version: 3.4.6
       typescript:
-        specifier: ^5.5.3
+        specifier: ^5.5.4
         version: 5.5.4
       vitest:
         specifier: ^1.6.0
diff --git a/public/images/goggle.svg b/public/images/google.svg
similarity index 100%
rename from public/images/goggle.svg
rename to public/images/google.svg
diff --git a/src/app/(auth-routes)/layout.tsx b/src/app/(auth-routes)/layout.tsx
index 21ca1fece..3b8ef1bb4 100644
--- a/src/app/(auth-routes)/layout.tsx
+++ b/src/app/(auth-routes)/layout.tsx
@@ -1,20 +1,17 @@
-
 import Footer from "~/components/layouts/footer";
 
 import { Suspense } from "react";
 
-
 import Navbar from "~/components/layouts/navbar";
 
 function Layout({ children }: { children: React.ReactNode }) {
   return (
     <>
-
       <Navbar is_auth_path />
       <div className="mx-auto w-5/6">
         <Suspense>{children}</Suspense>
       </div>
-			<Footer />
+      <Footer />
     </>
   );
 }
diff --git a/src/app/(auth-routes)/register/page.tsx b/src/app/(auth-routes)/register/page.tsx
index ce3b5aa33..5d50ba109 100644
--- a/src/app/(auth-routes)/register/page.tsx
+++ b/src/app/(auth-routes)/register/page.tsx
@@ -23,6 +23,8 @@ import {
   InputOTPGroup,
   InputOTPSlot,
 } from "~/components/ui/input-otp";
+import Google from "../../../../public/images/google.svg";
+import Facebook from "../../../../public/images/facebook.svg";
 
 const formSchema = z.object({
   fullname: z.string().min(2, {
@@ -53,14 +55,8 @@ const SignUp = () => {
         </p>
       </div>
       <div className="flex justify-center gap-4 p-4">
-        <AuthProvider
-          title="Sign in with Google"
-          icon="/public/images/google.png"
-        />
-        <AuthProvider
-          title="Sign in with Google"
-          icon="/public/images/google.png"
-        />
+        <AuthProvider title="Sign in with Google" icon={Google} />
+        <AuthProvider title="Sign in with Facebook" icon={Facebook} />
       </div>
       <div className="mx-auto w-2/4">
         <Form {...form}>
diff --git a/src/components/layouts/homepage/Hero.tsx b/src/components/layouts/homepage/Hero.tsx
index 850707046..794b5b543 100644
--- a/src/components/layouts/homepage/Hero.tsx
+++ b/src/components/layouts/homepage/Hero.tsx
@@ -11,6 +11,8 @@ import "swiper/css/navigation";
 import "swiper/css/pagination";
 import "swiper/css/scrollbar";
 
+import Link from "next/link";
+
 const Hero = () => {
   return (
     <div className="py-14 sm:py-20">
@@ -36,9 +38,11 @@ const Hero = () => {
               and optimal productivity.
             </p>
 
-            <button className="rounded bg-primary px-8 py-4 text-background">
-              Get Started
-            </button>
+            <Link href="/register">
+              <button className="rounded bg-primary px-8 py-4 text-background">
+                Get Started
+              </button>
+            </Link>
           </div>
 
           <div className="mt-14 flex w-full justify-end rounded-lg lg:mt-0 lg:w-1/2">
diff --git a/src/components/layouts/navbar/index.tsx b/src/components/layouts/navbar/index.tsx
index 07a0677ef..027a29789 100644
--- a/src/components/layouts/navbar/index.tsx
+++ b/src/components/layouts/navbar/index.tsx
@@ -18,8 +18,6 @@ const Navbar = ({ is_auth_path = false }: { is_auth_path?: boolean }) => {
   const [scrolling, setIsScrolling] = useState<boolean>(false);
   const { user } = useUser();
 
-  //
-
   const handleScrollEvent = () => {
     if (window.scrollY > 1) {
       setIsScrolling(true);
@@ -67,7 +65,7 @@ const Navbar = ({ is_auth_path = false }: { is_auth_path?: boolean }) => {
               Log in
             </Link>
             <Link
-              href="/sign-up"
+              href="/register"
               className="grid h-[44px] place-items-center whitespace-nowrap rounded-md border border-primary bg-primary px-4 text-white lg:px-8"
             >
               Get Started