feat: hero section base component (like really BASE)

Client/reasn-client/apps/web/app/page.tsx

@@ -1,14 +1,13 @@
 "use client";
 
-import { Button } from "@reasn/ui";
+import { HeroSection } from "@reasn/ui";
 
 import styles from "../styles/index.module.css";
 
 export default function Web() {
   return (
     <div className={styles.container}>
-      <h1>Web</h1>
-      <Button onClick={() => console.log("Pressed!")} text="Boop" />
+      <HeroSection />
     </div>
   );
 }

Client/reasn-client/packages/ui/src/components/main/HeroSection.tsx

@@ -0,0 +1,7 @@
+import React from 'react'
+
+export const HeroSection = () => {
+  return (
+    <div className='bg-red-500'>HeroSection</div>
+  )
+}

Client/reasn-client/packages/ui/src/index.tsx

@@ -1 +1,2 @@
 export { Button, type ButtonProps } from "./button";
+export { HeroSection } from "./components/main/HeroSection";