complete home page

src/components/home/status-box.tsx

@@ -0,0 +1,13 @@
+import { StatusBoxItemInterface } from "../../types"
+import { statusBoxItems } from "../../utility/status"
+import { StatusBoxItem } from "./status-box-items"
+
+export const StatusBox = () => {
+
+
+    return (
+        <div className="grid grid-cols-1 sm:grid-cols-2 2xl:grid-cols-4 gap-6">
+            {statusBoxItems?.map((item: StatusBoxItemInterface) => <StatusBoxItem key={item?.name} item={item} />)}
+        </div>
+    )
+}