From 5ac091f45af3fd70a2d3472e612000457039b062 Mon Sep 17 00:00:00 2001
From: saeidex <ebrahim.khalil.nayeem@gmail.com>
Date: Thu, 26 Sep 2024 02:50:13 +0600
Subject: [PATCH] fix(nextjs): spacing

---
 apps/nextjs/src/app/_components/footer.tsx   |  2 +-
 apps/nextjs/src/app/_components/navbar.tsx   | 22 +++++++++++++-------
 apps/nextjs/src/app/_components/our-team.tsx |  2 +-
 packages/ui/src/button.tsx                   |  2 +-
 4 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/apps/nextjs/src/app/_components/footer.tsx b/apps/nextjs/src/app/_components/footer.tsx
index a2d650b..c1f337b 100644
--- a/apps/nextjs/src/app/_components/footer.tsx
+++ b/apps/nextjs/src/app/_components/footer.tsx
@@ -82,7 +82,7 @@ export const Footer = () => {
   return (
     <div className="border-t border-outline-variant bg-surface-dim py-8 pt-12 lg:pt-20">
       <div className="container flex flex-col gap-2">
-        <div className="flex flex-col gap-9">
+        <div className="flex flex-col gap-9 lg:gap-14">
           <div className="flex flex-col gap-4">
             <Link
               href="/"
diff --git a/apps/nextjs/src/app/_components/navbar.tsx b/apps/nextjs/src/app/_components/navbar.tsx
index 7010707..91fbe29 100644
--- a/apps/nextjs/src/app/_components/navbar.tsx
+++ b/apps/nextjs/src/app/_components/navbar.tsx
@@ -50,13 +50,21 @@ export const Navbar = () => {
           </span>
         </Link>
         <div className="flex gap-1.5 md:order-2 rtl:space-x-reverse">
-          <NavLink
-            className="hidden md:block"
-            link={{ href: "sign in", label: "Sign in" }}
-          />
-          <Button className="hidden md:block" variant={"primary"}>
-            Get started
-          </Button>
+          <Link href={{ href: "/signin" }}>
+            <Button
+              className={cn(
+                "hidden text-on-surface hover:text-primary md:block",
+              )}
+              variant={"link"}
+            >
+              Sign in
+            </Button>
+          </Link>
+          <Link href={{ href: "/signin" }}>
+            <Button className="hidden md:block" variant={"primary"}>
+              Get started
+            </Button>
+          </Link>
           <Button className="md:hidden">
             <span className="sr-only">Open main menu</span>
             <IconMenu />
diff --git a/apps/nextjs/src/app/_components/our-team.tsx b/apps/nextjs/src/app/_components/our-team.tsx
index 7074845..33194e1 100644
--- a/apps/nextjs/src/app/_components/our-team.tsx
+++ b/apps/nextjs/src/app/_components/our-team.tsx
@@ -77,7 +77,7 @@ export const OurTeam = () => {
             >
               <div className="aspect-square max-h-full overflow-hidden rounded-lg bg-surface-container-high object-cover">
                 <Image
-                  src={`https:/github.com/${item.usernames.github}.png`}
+                  src={`https://github.com/${item.usernames.github}.png`}
                   width={400}
                   height={400}
                   alt="profile image"
diff --git a/packages/ui/src/button.tsx b/packages/ui/src/button.tsx
index 24216d7..2659620 100644
--- a/packages/ui/src/button.tsx
+++ b/packages/ui/src/button.tsx
@@ -19,7 +19,7 @@ const buttonVariants = cva(
         secondary:
           "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground !px-3",
-        link: "text-primary underline-offset-4 hover:underline",
+        link: "!px-3 text-primary underline-offset-4 hover:underline",
         withIcon:
           "gap-2 bg-primary-container p-0 !pr-[22px] pl-6 text-on-primary-container shadow *:fill-on-primary-container hover:bg-primary-container/90 dark:bg-primary dark:text-primary-foreground dark:*:fill-on-primary dark:hover:bg-primary/90",
       },