💩 create hero UI wrapper

still need fix or downgrade tailwind to v3

app/(home)/button.tsx

@@ -0,0 +1,10 @@
+"use client";
+
+import { Button } from "@heroui/react";
+import React from "react";
+
+const button = () => {
+  return <Button color="primary">Button</Button>;
+};
+
+export default button;

app/(home)/page.tsx

@@ -1,10 +1,18 @@
+import Button from "./button";
 import { metadata } from "./metadata";
 export { metadata };
 
 import React from "react";
 
 const page = () => {
-  return <div className="text-center text-3xl mt-6">Nounoz TV</div>;
+  return (
+    <main>
+      <div className="text-center text-3xl mt-6">Nounoz TV</div>
+      <div>
+        <Button />
+      </div>
+    </main>
+  );
 };
 
 export default page;