From f9694bb8d623a17c62b6f1c4a874a82715e952cd Mon Sep 17 00:00:00 2001
From: SeniorDev <tech.eng.me@gmail.com>
Date: Wed, 24 Apr 2024 15:19:23 -0400
Subject: [PATCH 1/4] I fix typo

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

diff --git a/components/WebCam/WebCam.tsx b/components/WebCam/WebCam.tsx
index 434efc1..8893aa2 100644
--- a/components/WebCam/WebCam.tsx
+++ b/components/WebCam/WebCam.tsx
@@ -38,7 +38,7 @@ const WebCam = () => {
           className="w-full h-full flex justify-center items-center"
           onClick={onClick}
         >
-          <p className="text-white text-xl">Verify Identify</p>
+          <p className="text-white text-xl">Verify Identity</p>
         </button>
       )}
       {granted && (

From 94391751df17dbf6427131d21b62b2e7b0b4d606 Mon Sep 17 00:00:00 2001
From: SeniorDev <tech.eng.me@gmail.com>
Date: Wed, 24 Apr 2024 15:25:55 -0400
Subject: [PATCH 2/4] I fix z index

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

diff --git a/components/Pages/Web3Page/Web3Content.tsx b/components/Pages/Web3Page/Web3Content.tsx
index 5ccbd5f..884ca07 100644
--- a/components/Pages/Web3Page/Web3Content.tsx
+++ b/components/Pages/Web3Page/Web3Content.tsx
@@ -18,7 +18,7 @@ const Web3Content = ({ isPopup = false }) => {
             text-[12px] md:text-[16px] relative"
       >
         <div
-          className={`md:absolute top-[35px] left-1 text-left md:left-2 capitalize ${
+          className={`md:absolute top-[35px] left-1 text-left md:left-2 z-[2] capitalize ${
             isPopup ? "text-[10px] md:text-[14px]" : "text-[12px] md:text-[16px]"
           }`}
         >
@@ -27,7 +27,7 @@ const Web3Content = ({ isPopup = false }) => {
           By {data[selectedDrop].artist}
         </div>
         <div
-          className="h-fit max-h-full overflow-y-auto text-[12px] md:text-[16px]
+          className="relative z-[1] h-fit max-h-full overflow-y-auto text-[12px] md:text-[16px]
             px-[15px] md:px-[20px] flex flex-col gap-y-[5px] md:gap-y-[20px]"
         >
           <Trailer isPopup={isPopup} />

From d7d1303fe27cc4e20a4354b5d90d6ce7cdfe022e Mon Sep 17 00:00:00 2001
From: SeniorDev <tech.eng.me@gmail.com>
Date: Wed, 24 Apr 2024 15:35:32 -0400
Subject: [PATCH 3/4] I fix overlap

---
 components/Core/DraggableModal.tsx        |  2 +-
 components/Pages/Web3Page/Trailer.tsx     |  2 +-
 components/Pages/Web3Page/Web3Content.tsx | 25 ++++++++++++++---------
 3 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/components/Core/DraggableModal.tsx b/components/Core/DraggableModal.tsx
index 1b6db4c..fa630d3 100644
--- a/components/Core/DraggableModal.tsx
+++ b/components/Core/DraggableModal.tsx
@@ -22,7 +22,7 @@ const DraggableModal = ({ children, href, handleClose, isVisible = null }) => {
           onClick={handleClose}
         />
         <Draggable scale={1} bounds="parent">
-          <div className="w-[90%] md:w-[450px] h-[70%] md:h-[450px] relative z-[1000]">
+          <div className="w-[90%] md:w-[450px] h-[70%] md:h-[500px] relative z-[1000]">
             <motion.div
               className="flex flex-col bg-black
             h-full w-full p-[10px]"
diff --git a/components/Pages/Web3Page/Trailer.tsx b/components/Pages/Web3Page/Trailer.tsx
index 4f4f0fc..a4442dc 100644
--- a/components/Pages/Web3Page/Trailer.tsx
+++ b/components/Pages/Web3Page/Trailer.tsx
@@ -4,7 +4,7 @@ import TopArbitrumSection from "./TopArbitrumSection"
 
 const Trailer = ({ isPopup = false }) => (
   <div className="h-fit max-h-full overflow-y-auto w-full">
-    <div className="flex flex-col items-center gap-y-[15px] md:gap-y-[20px]">
+    <div className={`flex flex-col items-center gap-y-[10px] ${isPopup ? "" : "md:gap-y-[20px]"}`}>
       <div
         className={`flex flex-col gap-y-[10px] ${isPopup ? "max-h-[235px]" : "max-h-[335px]"}
       overflow-y-auto pr-2`}
diff --git a/components/Pages/Web3Page/Web3Content.tsx b/components/Pages/Web3Page/Web3Content.tsx
index 884ca07..02541d9 100644
--- a/components/Pages/Web3Page/Web3Content.tsx
+++ b/components/Pages/Web3Page/Web3Content.tsx
@@ -11,24 +11,29 @@ const Web3Content = ({ isPopup = false }) => {
   return (
     <div className="p-[5px] md:p-[10px] border-[2px] border-gray_1 h-full">
       <div
-        className="border-[1px] border-darkgray text-gray_1 font-dresden 
-            py-[25px] text-center
-            flex flex-col md:flex-row
-            gap-2 items-center justify-center text-[16px] relative h-full
-            text-[12px] md:text-[16px] relative"
+        className={`border-[1px] border-darkgray text-gray_1 font-dresden 
+        py-[25px] text-center
+        flex flex-col ${isPopup ? "" : "md:flex-row "}
+        gap-2 items-center justify-center text-[16px] relative h-full
+        text-[12px] md:text-[16px] relative`}
       >
         <div
-          className={`md:absolute top-[35px] left-1 text-left md:left-2 z-[2] capitalize ${
-            isPopup ? "text-[10px] md:text-[14px]" : "text-[12px] md:text-[16px]"
+          className={`z-[2] capitalize ${
+            isPopup
+              ? "text-[10px] md:text-[12px]"
+              : "md:absolute top-[35px] left-1 text-left md:left-2 text-[12px] md:text-[16px]"
           }`}
         >
           {data[selectedDrop].startedAt} <br />
-          <span className="uppercase">{data[selectedDrop].title}</span> {isMobile && <br />}
+          <span className="uppercase">{data[selectedDrop].title}</span>{" "}
+          {isMobile || (isPopup && <br />)}
           By {data[selectedDrop].artist}
         </div>
         <div
-          className="relative z-[1] h-fit max-h-full overflow-y-auto text-[12px] md:text-[16px]
-            px-[15px] md:px-[20px] flex flex-col gap-y-[5px] md:gap-y-[20px]"
+          className={`relative z-[1] h-fit max-h-full overflow-y-auto text-[12px] md:text-[16px]
+          px-[15px] md:px-[20px] flex flex-col gap-y-[5px] ${
+            isPopup ? "md:gap-y-[10px]" : "md:gap-y-[20px]"
+          }`}
         >
           <Trailer isPopup={isPopup} />
         </div>

From 898740946f64351053f6273450076770ec4e4852 Mon Sep 17 00:00:00 2001
From: SeniorDev <tech.eng.me@gmail.com>
Date: Wed, 24 Apr 2024 15:44:12 -0400
Subject: [PATCH 4/4] I remove empty className

---
 components/Pages/ContactPage/ContactForm.tsx    | 2 +-
 components/Pages/ContactPage/ContactSuccess.tsx | 2 +-
 components/Pages/PressPage/PressContent.tsx     | 2 +-
 components/Pages/Web3Page/Trailer.tsx           | 2 +-
 components/Pages/Web3Page/Web3Content.tsx       | 2 +-
 components/Web3Socials/Web3Socials.tsx          | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/Pages/ContactPage/ContactForm.tsx b/components/Pages/ContactPage/ContactForm.tsx
index 862c1ee..1b3553d 100644
--- a/components/Pages/ContactPage/ContactForm.tsx
+++ b/components/Pages/ContactPage/ContactForm.tsx
@@ -24,7 +24,7 @@ const ContactForm = ({ isPopup }) => {
   const inputClasses = `${
     isPopup ? "md:!w-[250px]" : "md:!w-[400px] md:h-[44px]"
   } !w-[200px] !text-[10px] md:!text-[20px] h-[32px] `
-  const labelClasses = `uppercase text-[10px] ${isPopup ? "" : "md:text-[20px]"}`
+  const labelClasses = `uppercase text-[10px] ${!isPopup && "md:text-[20px]"}`
 
   const buttonRef = useRef() as any
 
diff --git a/components/Pages/ContactPage/ContactSuccess.tsx b/components/Pages/ContactPage/ContactSuccess.tsx
index e638acd..19f6844 100644
--- a/components/Pages/ContactPage/ContactSuccess.tsx
+++ b/components/Pages/ContactPage/ContactSuccess.tsx
@@ -1,7 +1,7 @@
 const ContactSuccess = ({ isPopup }) => (
   <div
     className={`flex justify-center text-gray_1 flex-col
-    items-center text-[16px] ${isPopup ? "" : "text-[24px]"}`}
+    items-center text-[16px] ${!isPopup && "text-[24px]"}`}
   >
     <p>
       INQUIRY HAS BEEN SENT <br /> PLEASE GIVE US 48-72 HRS <br /> TO RESPOND
diff --git a/components/Pages/PressPage/PressContent.tsx b/components/Pages/PressPage/PressContent.tsx
index 1a9716a..7166b6c 100644
--- a/components/Pages/PressPage/PressContent.tsx
+++ b/components/Pages/PressPage/PressContent.tsx
@@ -12,7 +12,7 @@ const PressContent = ({ isPopup = false }) => (
       <div
         className={`h-fit max-h-full overflow-y-auto text-[12px] md:text-[16px]
         p-[15px] md:p-[20px] gap-[30px]
-        grid grid-cols-1 ${isPopup ? "" : "md:grid-cols-2"} w-full`}
+        grid grid-cols-1 ${!isPopup && "md:grid-cols-2"} w-full`}
       >
         {data.map((pressItem) => (
           <a
diff --git a/components/Pages/Web3Page/Trailer.tsx b/components/Pages/Web3Page/Trailer.tsx
index a4442dc..72ae7f8 100644
--- a/components/Pages/Web3Page/Trailer.tsx
+++ b/components/Pages/Web3Page/Trailer.tsx
@@ -4,7 +4,7 @@ import TopArbitrumSection from "./TopArbitrumSection"
 
 const Trailer = ({ isPopup = false }) => (
   <div className="h-fit max-h-full overflow-y-auto w-full">
-    <div className={`flex flex-col items-center gap-y-[10px] ${isPopup ? "" : "md:gap-y-[20px]"}`}>
+    <div className={`flex flex-col items-center gap-y-[10px] ${!isPopup && "md:gap-y-[20px]"}`}>
       <div
         className={`flex flex-col gap-y-[10px] ${isPopup ? "max-h-[235px]" : "max-h-[335px]"}
       overflow-y-auto pr-2`}
diff --git a/components/Pages/Web3Page/Web3Content.tsx b/components/Pages/Web3Page/Web3Content.tsx
index 02541d9..79627eb 100644
--- a/components/Pages/Web3Page/Web3Content.tsx
+++ b/components/Pages/Web3Page/Web3Content.tsx
@@ -13,7 +13,7 @@ const Web3Content = ({ isPopup = false }) => {
       <div
         className={`border-[1px] border-darkgray text-gray_1 font-dresden 
         py-[25px] text-center
-        flex flex-col ${isPopup ? "" : "md:flex-row "}
+        flex flex-col ${!isPopup && "md:flex-row "}
         gap-2 items-center justify-center text-[16px] relative h-full
         text-[12px] md:text-[16px] relative`}
       >
diff --git a/components/Web3Socials/Web3Socials.tsx b/components/Web3Socials/Web3Socials.tsx
index ef0b681..93bd8f8 100644
--- a/components/Web3Socials/Web3Socials.tsx
+++ b/components/Web3Socials/Web3Socials.tsx
@@ -5,7 +5,7 @@ const Web3Socials = ({ isPopup = false }) => {
   const zoraIconSize = isPopup ? "w-[15px] md:w-[20px]" : "w-[18px] md:w-[40px]"
   const soundIconSize = isPopup ? "w-[15px] md:w-[25px]" : "w-[18px] md:w-[40px]"
   const catalogIconSize = isPopup ? "w-[18px] md:w-[30px]" : "w-[20px] md:w-[50px]"
-  const textClasses = isPopup ? "" : "md:text-[20px]"
+  const textClasses = !isPopup && "md:text-[20px]"
 
   return (
     <div className="flex gap-x-[15px] md:gap-x-[40px] items-end">