💩 create hero UI wrapper

still need fix or downgrade tailwind to v3

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;