From c5ff53043f687abf6a29c422c001db8047929555 Mon Sep 17 00:00:00 2001
From: Parth Parmar <84669955+Code-Parth@users.noreply.github.com>
Date: Thu, 30 Nov 2023 21:41:15 +0530
Subject: [PATCH 1/4] Create devcontainer.json

---
 .devcontainer/devcontainer.json | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .devcontainer/devcontainer.json

diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
new file mode 100644
index 00000000..ad93c14a
--- /dev/null
+++ b/.devcontainer/devcontainer.json
@@ -0,0 +1,5 @@
+{
+  "image": "mcr.microsoft.com/devcontainers/universal:2",
+  "features": {
+  }
+}

From a450d7751834bcb73e419c4d9fd078fa4d96cefb Mon Sep 17 00:00:00 2001
From: Parth Parmar <84669955+Code-Parth@users.noreply.github.com>
Date: Thu, 30 Nov 2023 21:42:03 +0530
Subject: [PATCH 2/4] Delete .devcontainer/devcontainer.json

---
 .devcontainer/devcontainer.json | 5 -----
 1 file changed, 5 deletions(-)
 delete mode 100644 .devcontainer/devcontainer.json

diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
deleted file mode 100644
index ad93c14a..00000000
--- a/.devcontainer/devcontainer.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "image": "mcr.microsoft.com/devcontainers/universal:2",
-  "features": {
-  }
-}

From 4611788702283e98a86b758afabb2e4451f87d9e Mon Sep 17 00:00:00 2001
From: Parth Parmar <84669955+Code-Parth@users.noreply.github.com>
Date: Thu, 30 Nov 2023 16:29:47 +0000
Subject: [PATCH 3/4] Fix ui

---
 app/globals.css        | 38 ++++++++++++++++++++++++++++++++++++++
 components/contact.tsx |  4 ++--
 components/intro.tsx   |  3 ++-
 3 files changed, 42 insertions(+), 3 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index 95827716..fe170b74 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -13,3 +13,41 @@ html.dark {
 .borderBlack {
   @apply border border-black/10;
 }
+
+/* Create Custom Scrollbar */
+/* Firefox */
+* {
+  scrollbar-width: thin;
+  scrollbar-color: #222831 #222831;
+}
+
+/* Chrome, Edge and Safari */
+*::-webkit-scrollbar {
+  width: 10px;
+  width: 10px;
+}
+
+*::-webkit-scrollbar-track {
+  background-color: #ffffff00;
+}
+
+*::-webkit-scrollbar-track:hover {
+  background-color: #ffffff00;
+}
+
+*::-webkit-scrollbar-track:active {
+  background-color: #ffffff00;
+}
+
+*::-webkit-scrollbar-thumb {
+  border-radius: 5px;
+  background-color: #ffffff4f;
+}
+
+*::-webkit-scrollbar-thumb:hover {
+  background-color: #ffffffbb;
+}
+
+*::-webkit-scrollbar-thumb:active {
+  background-color: #ffffff;
+}
\ No newline at end of file
diff --git a/components/contact.tsx b/components/contact.tsx
index a85b2be1..3b91da7e 100644
--- a/components/contact.tsx
+++ b/components/contact.tsx
@@ -53,7 +53,7 @@ export default function Contact() {
         }}
       >
         <input
-          className="h-14 px-4 rounded-lg borderBlack dark:bg-white dark:bg-opacity-80 dark:focus:bg-opacity-100 transition-all dark:outline-none"
+          className="h-14 px-4 rounded-lg borderBlack dark:bg-white dark:bg-opacity-10 dark:focus:bg-opacity-15 text-white transition-all dark:outline-none"
           name="senderEmail"
           type="email"
           required
@@ -61,7 +61,7 @@ export default function Contact() {
           placeholder="Your email"
         />
         <textarea
-          className="h-52 my-3 rounded-lg borderBlack p-4 dark:bg-white dark:bg-opacity-80 dark:focus:bg-opacity-100 transition-all dark:outline-none"
+          className="h-52 my-3 rounded-lg borderBlack p-4 dark:bg-white dark:bg-opacity-10 dark:focus:bg-opacity-15 text-white transition-all dark:outline-none"
           name="message"
           placeholder="Your message"
           required
diff --git a/components/intro.tsx b/components/intro.tsx
index 6d6757ca..aec569bd 100644
--- a/components/intro.tsx
+++ b/components/intro.tsx
@@ -52,7 +52,8 @@ export default function Intro() {
               duration: 0.7,
             }}
           >
-            👋
+            {/* 👋 */}
+            <img src="https://fonts.gstatic.com/s/e/notoemoji/latest/1f44b/512.gif" alt="👋" width="42" height="42" />
           </motion.span>
         </div>
       </div>

From e6251dc67ff21aac6388a5fe0bcd5c3d75083703 Mon Sep 17 00:00:00 2001
From: Parth Parmar <84669955+Code-Parth@users.noreply.github.com>
Date: Fri, 1 Dec 2023 00:11:06 +0530
Subject: [PATCH 4/4] Update contact.tsx

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

diff --git a/components/contact.tsx b/components/contact.tsx
index 3b91da7e..f85e3b14 100644
--- a/components/contact.tsx
+++ b/components/contact.tsx
@@ -53,7 +53,7 @@ export default function Contact() {
         }}
       >
         <input
-          className="h-14 px-4 rounded-lg borderBlack dark:bg-white dark:bg-opacity-10 dark:focus:bg-opacity-15 text-white transition-all dark:outline-none"
+          className="h-14 px-4 rounded-lg borderBlack dark:bg-white dark:bg-opacity-10 dark:focus:bg-opacity-15 dark:text-white transition-all dark:outline-none"
           name="senderEmail"
           type="email"
           required
@@ -61,7 +61,7 @@ export default function Contact() {
           placeholder="Your email"
         />
         <textarea
-          className="h-52 my-3 rounded-lg borderBlack p-4 dark:bg-white dark:bg-opacity-10 dark:focus:bg-opacity-15 text-white transition-all dark:outline-none"
+          className="h-52 my-3 rounded-lg borderBlack p-4 dark:bg-white dark:bg-opacity-10 dark:focus:bg-opacity-15 dark:text-white transition-all dark:outline-none"
           name="message"
           placeholder="Your message"
           required