From 08f8cfd09a9225166cb503ebff2967187d5c1985 Mon Sep 17 00:00:00 2001
From: Aman Kumar <aman.kumar.connect@gmail.com>
Date: Mon, 21 Oct 2024 15:22:54 +0530
Subject: [PATCH 1/7] Replaced fancy-link class with Tailwind styles

---
 components/EditorHints/EditorHints.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/EditorHints/EditorHints.tsx b/components/EditorHints/EditorHints.tsx
index 12eeb952..3452f92a 100644
--- a/components/EditorHints/EditorHints.tsx
+++ b/components/EditorHints/EditorHints.tsx
@@ -29,7 +29,7 @@ const EditorHints = () => {
                 href="https://www.markdownguide.org/"
                 target="_blank"
                 rel="noopener noreferrer"
-                className="fancy-link"
+                className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500"
               >
                 this
               </a>{" "}
@@ -38,7 +38,7 @@ const EditorHints = () => {
                 href="https://www.markdownguide.org/"
                 target="_blank"
                 rel="noopener noreferrer"
-                className="fancy-link"
+                className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500"
               >
                 markdownguide
               </a>

From 1223f578519db00c881d69773cff34a9e62c5b15 Mon Sep 17 00:00:00 2001
From: Aman Kumar <aman.kumar.connect@gmail.com>
Date: Mon, 21 Oct 2024 15:25:01 +0530
Subject: [PATCH 2/7] Replaced fancy-link class with Tailwind styles

---
 app/(app)/get-started/_client.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/(app)/get-started/_client.tsx b/app/(app)/get-started/_client.tsx
index 0ceb9b56..737d8aa4 100644
--- a/app/(app)/get-started/_client.tsx
+++ b/app/(app)/get-started/_client.tsx
@@ -39,7 +39,7 @@ const GetStarted: NextPage = () => {
           </h2>
           <p className="mt-2 text-center text-base text-neutral-500">
             Or{" "}
-            <Link className="fancy-link font-medium" href="/">
+            <Link className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500 font-medium" href="/">
               return home
             </Link>
           </p>

From 038f58af7099e92d18945a50e8fae5eba3e878ea Mon Sep 17 00:00:00 2001
From: Aman Kumar <aman.kumar.connect@gmail.com>
Date: Mon, 21 Oct 2024 15:26:15 +0530
Subject: [PATCH 3/7] Replaced fancy-link class with Tailwind styles

---
 components/Comments/CommentsArea.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Comments/CommentsArea.tsx b/components/Comments/CommentsArea.tsx
index b21fa286..4f40aa48 100644
--- a/components/Comments/CommentsArea.tsx
+++ b/components/Comments/CommentsArea.tsx
@@ -505,11 +505,11 @@ const CommentsArea = ({ postId, postOwnerId }: Props) => {
             <p className="mb-2">Hey! 👋</p>
             <p className="mb-2">Got something to say?</p>
             <p>
-              <button onClick={() => signIn()} className="fancy-link">
+              <button onClick={() => signIn()} className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500">
                 Sign in
               </button>{" "}
               or{" "}
-              <button onClick={() => signIn()} className="fancy-link">
+              <button onClick={() => signIn()} className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500">
                 sign up
               </button>{" "}
               to leave a comment.

From d651fef9654480acd47b660008bef990a8fcaeb9 Mon Sep 17 00:00:00 2001
From: Aman Kumar <aman.kumar.connect@gmail.com>
Date: Mon, 21 Oct 2024 15:26:59 +0530
Subject: [PATCH 4/7] Replaced fancy-link class with Tailwind styles

---
 components/ArticlePreview/ArticlePreview.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/ArticlePreview/ArticlePreview.tsx b/components/ArticlePreview/ArticlePreview.tsx
index f8ea7010..bc26eba6 100644
--- a/components/ArticlePreview/ArticlePreview.tsx
+++ b/components/ArticlePreview/ArticlePreview.tsx
@@ -145,7 +145,7 @@ const ArticlePreview: NextPage<Props> = ({
       <div className="flex w-full content-center justify-between">
         <div className="flex w-full items-center justify-between">
           <Link
-            className="fancy-link semibold text-lg"
+            className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500 semibold text-lg"
             href={`/articles/${slug}`}
           >
             Read full article

From a9ec13b1ff8912af0a6516703bb63638af2012ce Mon Sep 17 00:00:00 2001
From: Aman Kumar <aman.kumar.connect@gmail.com>
Date: Mon, 21 Oct 2024 15:27:29 +0530
Subject: [PATCH 5/7] Replaced fancy-link class with Tailwind styles

---
 app/(app)/create/[[...paramsArr]]/_client.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/(app)/create/[[...paramsArr]]/_client.tsx b/app/(app)/create/[[...paramsArr]]/_client.tsx
index 1bd2a9fd..547b8caa 100644
--- a/app/(app)/create/[[...paramsArr]]/_client.tsx
+++ b/app/(app)/create/[[...paramsArr]]/_client.tsx
@@ -796,7 +796,7 @@ const Create = () => {
                       href="https://www.markdownguide.org/"
                       target="_blank"
                       rel="noopener noreferrer"
-                      className="fancy-link"
+                      className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500"
                     >
                       this
                     </a>{" "}
@@ -805,7 +805,7 @@ const Create = () => {
                       href="https://www.markdownguide.org/"
                       target="_blank"
                       rel="noopener noreferrer"
-                      className="fancy-link"
+                      className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500"
                     >
                       markdownguide
                     </a>

From 7a38bd79878ad7fd59f5f73751f65b9d9d0add9f Mon Sep 17 00:00:00 2001
From: Aman Kumar <aman.kumar.connect@gmail.com>
Date: Mon, 21 Oct 2024 15:28:51 +0530
Subject: [PATCH 6/7] Removed fancy-link styles from globals.css

---
 styles/globals.css | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/styles/globals.css b/styles/globals.css
index 9369387b..ac5849a9 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -81,14 +81,6 @@ body {
   @apply bg-white bg-gradient-to-r text-neutral-800 dark:bg-neutral-900 dark:text-white;
 }
 
-.fancy-link {
-  @apply cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent;
-}
-
-.fancy-link:hover {
-  @apply from-orange-300 to-pink-500;
-}
-
 .prose {
   @apply prose-neutral dark:prose-invert lg:prose-lg;
 

From f6a61ce02f249ad06a83b7d35227626ddae63b1d Mon Sep 17 00:00:00 2001
From: Aman Kumar <aman.kumar.connect@gmail.com>
Date: Mon, 21 Oct 2024 20:51:04 +0530
Subject: [PATCH 7/7] Ran Prettier formatting

---
 app/(app)/get-started/_client.tsx            |  5 ++++-
 components/ArticlePreview/ArticlePreview.tsx |  2 +-
 components/Comments/CommentsArea.tsx         | 10 ++++++++--
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/app/(app)/get-started/_client.tsx b/app/(app)/get-started/_client.tsx
index 737d8aa4..630c53a6 100644
--- a/app/(app)/get-started/_client.tsx
+++ b/app/(app)/get-started/_client.tsx
@@ -39,7 +39,10 @@ const GetStarted: NextPage = () => {
           </h2>
           <p className="mt-2 text-center text-base text-neutral-500">
             Or{" "}
-            <Link className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500 font-medium" href="/">
+            <Link
+              className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text font-medium tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500"
+              href="/"
+            >
               return home
             </Link>
           </p>
diff --git a/components/ArticlePreview/ArticlePreview.tsx b/components/ArticlePreview/ArticlePreview.tsx
index bc26eba6..e9ce1547 100644
--- a/components/ArticlePreview/ArticlePreview.tsx
+++ b/components/ArticlePreview/ArticlePreview.tsx
@@ -145,7 +145,7 @@ const ArticlePreview: NextPage<Props> = ({
       <div className="flex w-full content-center justify-between">
         <div className="flex w-full items-center justify-between">
           <Link
-            className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500 semibold text-lg"
+            className="semibold cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text text-lg tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500"
             href={`/articles/${slug}`}
           >
             Read full article
diff --git a/components/Comments/CommentsArea.tsx b/components/Comments/CommentsArea.tsx
index 4f40aa48..6e9e621e 100644
--- a/components/Comments/CommentsArea.tsx
+++ b/components/Comments/CommentsArea.tsx
@@ -505,11 +505,17 @@ const CommentsArea = ({ postId, postOwnerId }: Props) => {
             <p className="mb-2">Hey! 👋</p>
             <p className="mb-2">Got something to say?</p>
             <p>
-              <button onClick={() => signIn()} className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500">
+              <button
+                onClick={() => signIn()}
+                className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500"
+              >
                 Sign in
               </button>{" "}
               or{" "}
-              <button onClick={() => signIn()} className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500">
+              <button
+                onClick={() => signIn()}
+                className="cursor-pointer bg-gradient-to-r from-orange-400 to-pink-600 bg-clip-text tracking-wide text-transparent hover:from-orange-300 hover:to-pink-500"
+              >
                 sign up
               </button>{" "}
               to leave a comment.