feat: move to tailwindcss from twind

components/PageHero.tsx

@@ -21,9 +21,9 @@ function Wrapper(
 ) {
   return (
     <div
-      class={`flex justify-between flex-col relative w-full min-h-[${
-        image ? 400 : 200
-      }px] rounded-3xl overflow-hidden`}
+      class={`flex justify-between flex-col relative w-full ${
+        image ? "min-h-[400px]" : "min-h-[200px]"
+      } rounded-3xl overflow-hidden`}
     >
       <HeroContext.Provider value={{ image }}>
         {image &&