From 2706a79ccc51ea026fd36439cf0c0f9bffd78554 Mon Sep 17 00:00:00 2001
From: DhruvBavadiya <dhruvbavadiya99@gmail.com>
Date: Wed, 3 Jul 2024 11:42:54 +0530
Subject: [PATCH 1/2] Make Navbar Fixed at the top of the page

---
 app/(dashboard)/dashboard/layout.tsx | 2 +-
 app/(docs)/layout.tsx                | 4 ++--
 app/(marketing)/layout.tsx           | 4 ++--
 app/(marketing)/page.tsx             | 4 +++-
 4 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/app/(dashboard)/dashboard/layout.tsx b/app/(dashboard)/dashboard/layout.tsx
index 71a90d6e..a4fd7718 100644
--- a/app/(dashboard)/dashboard/layout.tsx
+++ b/app/(dashboard)/dashboard/layout.tsx
@@ -22,7 +22,7 @@ export default async function DashboardLayout({
 
   return (
     <div className="flex min-h-screen flex-col space-y-6">
-      <header className="sticky top-0 z-40 border-b bg-background">
+      <header className="container z-50 bg-background sticky top-0">
         <div className="container flex h-16 items-center justify-between py-4">
           <MainNav items={dashboardConfig.mainNav} />
           <UserAccountNav
diff --git a/app/(docs)/layout.tsx b/app/(docs)/layout.tsx
index 8c761406..d56be4ec 100644
--- a/app/(docs)/layout.tsx
+++ b/app/(docs)/layout.tsx
@@ -15,8 +15,8 @@ interface DocsLayoutProps {
 export default function DocsLayout({ children }: DocsLayoutProps) {
   return (
     <div className="flex min-h-screen flex-col">
-      <header className="sticky top-0 z-40 w-full border-b bg-background">
-        <div className="container flex h-16 items-center space-x-4 sm:justify-between sm:space-x-0">
+      <header className="container z-50 bg-background sticky top-0">
+      <div className="container flex h-16 items-center space-x-4 sm:justify-between sm:space-x-0">
           <MainNav items={docsConfig.mainNav}>
             <DocsSidebarNav items={docsConfig.sidebarNav} />
           </MainNav>
diff --git a/app/(marketing)/layout.tsx b/app/(marketing)/layout.tsx
index 902099c5..15fc9360 100644
--- a/app/(marketing)/layout.tsx
+++ b/app/(marketing)/layout.tsx
@@ -15,8 +15,8 @@ export default async function MarketingLayout({
 }: MarketingLayoutProps) {
   return (
     <div className="flex min-h-screen flex-col">
-      <header className="container z-40 bg-background">
-        <div className="flex h-20 items-center justify-between py-6">
+      <header className="container z-50 bg-background sticky top-0">
+      <div className="flex h-20 items-center justify-between py-6">
           <MainNav items={marketingConfig.mainNav} />
           <nav>
             <Link
diff --git a/app/(marketing)/page.tsx b/app/(marketing)/page.tsx
index 9b321bd1..7f2bb880 100644
--- a/app/(marketing)/page.tsx
+++ b/app/(marketing)/page.tsx
@@ -4,6 +4,7 @@ import { env } from "@/env.mjs"
 import { siteConfig } from "@/config/site"
 import { cn } from "@/lib/utils"
 import { buttonVariants } from "@/components/ui/button"
+import { Icons } from "@/components/icons"
 
 async function getGitHubStars(): Promise<string | null> {
   try {
@@ -41,10 +42,11 @@ export default async function IndexPage() {
         <div className="container flex max-w-[64rem] flex-col items-center gap-4 text-center">
           <Link
             href={siteConfig.links.twitter}
-            className="rounded-2xl bg-muted px-4 py-1.5 text-sm font-medium"
+            className="rounded-2xl bg-muted px-4 gap-1 py-1.5 text-sm flex justify-center items-center font-medium"
             target="_blank"
           >
             Follow along on Twitter
+          <Icons.twitter className="mx-auto h-4 w-4" />
           </Link>
           <h1 className="font-heading text-3xl sm:text-5xl md:text-6xl lg:text-7xl">
             An example app built using Next.js 13 server components.

From 891d6b32f8777818f29294664c4711e64b377b19 Mon Sep 17 00:00:00 2001
From: DhruvBavadiya <dhruvbavadiya99@gmail.com>
Date: Wed, 3 Jul 2024 11:59:02 +0530
Subject: [PATCH 2/2] aligned Signup form in center

---
 app/(auth)/register/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/(auth)/register/page.tsx b/app/(auth)/register/page.tsx
index 1b61ff0f..7fdc661e 100644
--- a/app/(auth)/register/page.tsx
+++ b/app/(auth)/register/page.tsx
@@ -12,7 +12,7 @@ export const metadata = {
 
 export default function RegisterPage() {
   return (
-    <div className="container grid h-screen w-screen flex-col items-center justify-center lg:max-w-none lg:grid-cols-2 lg:px-0">
+    <div className="container grid h-screen w-screen flex-col items-center justify-center lg:max-w-none lg:px-0">
       <Link
         href="/login"
         className={cn(
@@ -22,7 +22,7 @@ export default function RegisterPage() {
       >
         Login
       </Link>
-      <div className="hidden h-full bg-muted lg:block" />
+      {/* <div className="hidden h-full bg-muted lg:block" /> */}
       <div className="lg:p-8">
         <div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]">
           <div className="flex flex-col space-y-2 text-center">