basic seach small json data set models and parts

src/app/components/CategoryCard.js

@@ -0,0 +1,7 @@
+export default function CategoryCard({ category }) {
+  return (
+    <div className="border rounded p-4 shadow hover:shadow-lg transition cursor-pointer bg-white">
+      <h3 className="font-bold text-lg capitalize">{category}</h3>
+    </div>
+  );
+}