From 66c3efa8108b2180851fab1bce6e697df82b4177 Mon Sep 17 00:00:00 2001
From: Oseer Williams <oseer.williams@gmail.com>
Date: Tue, 21 May 2024 10:39:37 -0400
Subject: [PATCH] feat(homepage): adding short descriptions for homepage
 categories

---
 src/components/HomepageFeatures/index.js      | 19 +++++++++++--------
 .../HomepageFeatures/styles.module.css        | 11 +++++++++++
 2 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/src/components/HomepageFeatures/index.js b/src/components/HomepageFeatures/index.js
index 867c70dfda..9a91fa9654 100644
--- a/src/components/HomepageFeatures/index.js
+++ b/src/components/HomepageFeatures/index.js
@@ -5,38 +5,41 @@ import Link from '@docusaurus/Link';
 
 const FeatureTitle = 'Categories';
 const FeatureList = [
-  {
-    title: `What's new`,
-    href: '/docs/whats-new/',
-  },
   {
     title: 'Get started',
+    description: 'See what AI Unlimited includes, prerequisites you need, and installation how-tos',
     href: '/docs/install-ai-unlimited/',
   },
+  {
+    title: `What's new`,
+    description: 'Watch for new features and updates--and see what’s coming',
+    href: '/docs/whats-new/',
+  },
   {
     title: 'Explore and analyze data',
+    description: 'Learn about AI Unlimited projects and create your first one',
     href: '/docs/explore-and-analyze-data/',
   },
   {
     title: 'Manage projects',
+    description: 'Learn how to manage projects or change AI Unlimited settings',
     href: '/docs/manage-ai-unlimited/',
   },
   {
     title: 'Other resources',
+    description: 'Find additional installation resources, and more',
     href: '/docs/resources/',
   },
   {
     title: 'FAQ',
+    description: 'Get answers to your questions',
     href: '/docs/faq/',
   },
   {
     title: 'Glossary',
+    description: 'Look up AI Unlimited terminology',
     href: '/docs/glossary/',
   },
-  {
-    title: 'Release notes',
-    href: '/docs/release-notes/',
-  },
 ];
 
 function Feature({ title, description, href }) {
diff --git a/src/components/HomepageFeatures/styles.module.css b/src/components/HomepageFeatures/styles.module.css
index c494ac2b50..ae2c8f5cba 100644
--- a/src/components/HomepageFeatures/styles.module.css
+++ b/src/components/HomepageFeatures/styles.module.css
@@ -35,6 +35,7 @@ a.col {
   background: #FFF;
   margin-bottom: 1rem;
   padding: 1.5rem;
+  overflow: hidden;
 }
 
 .card h3 {
@@ -49,6 +50,16 @@ a.col {
   margin-bottom: 0;
 }
 
+.card p {
+  color: var(--Gray-700, #333A3E);
+  /* Desktop/Body 3 - Regular */
+  font-family: Inter;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 24px; /* 150% */
+}
+
 .featureSvg {
   height: 200px;
   width: 200px;