add docs

src/app/page.tsx

@@ -258,7 +258,21 @@ export default function Home() {
 
   return (
     <main className="container mx-auto py-8 bg-white dark:bg-gray-900 text-gray-900 dark:text-white">
-      <h1 className="text-4xl font-bold mb-4">All Models</h1>
+      <h1 className="text-4xl font-bold mb-4">Hugging Face Model Derivatives Explorer</h1>
+      <p className="mb-8">
+        This tool allows you to explore the popularity of Hugging Face models based on their derivatives. It pulls model data from publicly exposed files and calculates the number of direct and indirect children for each model using the <code>base_model</code> tag, up to 10 iterations for all children.
+      </p>
+      <div className="mb-8">
+        <h2 className="text-2xl font-bold mb-2">Definitions</h2>
+        <ul className="list-disc list-inside">
+          <li>
+            <strong>Direct Children:</strong> Models that are directly derived from the selected model, i.e., they have the selected model set as their <code>base_model</code>.
+          </li>
+          <li>
+            <strong>All Children:</strong> All models that are derived from the selected model, either directly or indirectly, up to 10 iterations deep. This includes models that have the selected model as their <code>base_model</code>, as well as models derived from those models, and so on.
+          </li>
+        </ul>
+      </div>
       <div className="mb-4 flex space-x-4">
         <a
           href={`?tab=models`}