gone

src/components/text.jsx

@@ -30,15 +30,29 @@ export function H2({ className, children, ...props }) {
 
 export function H3({ className, children, ...props }) {
   return (
-    <h2
+    <h3
       className={clsx(
-        'mt-8 text-xl font-medium tracking-tight text-bg-darkbrown sm:text-2xl',
+        'mt-8 text-xl font-medium tracking-tight text-bg-darkbrown lg:text-2xl',
         className
       )}
       {...props}
     >
       {children}
-    </h2>
+    </h3>
+  )
+}
+
+export function H4({ className, children, ...props }) {
+  return (
+    <h4
+      className={clsx(
+        'text-base font-medium tracking-tight text-bg-darkbrown lg:text-lg',
+        className
+      )}
+      {...props}
+    >
+      {children}
+    </h4>
   )
 }
 
@@ -60,7 +74,21 @@ export function PS({ className, children, ...props }) {
   return (
     <p
       className={clsx(
-        'mt-4 text-base text-gray-700 font-extralight leading-snug',
+        'text-base text-gray-700 font-extralight leading-snug',
+        className
+      )}
+      {...props}
+    >
+      {children}
+    </p>
+  )
+}
+
+export function PXS({ className, children, ...props }) {
+  return (
+    <p
+      className={clsx(
+        'text-base/8 text-gray-700 font-extralight leading-snug',
         className
       )}
       {...props}