From 62e533516abc33935d3b112981d130f503afb985 Mon Sep 17 00:00:00 2001
From: Siva Guruvareddiar <gurusiva@amazon.com>
Date: Wed, 2 Oct 2024 13:46:21 -0500
Subject: [PATCH] Add links to feature list

---
 .../src/components/HomepageFeatures/index.js     | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/docusaurus/src/components/HomepageFeatures/index.js b/docusaurus/src/components/HomepageFeatures/index.js
index a51a58a43..8b3ad70ea 100644
--- a/docusaurus/src/components/HomepageFeatures/index.js
+++ b/docusaurus/src/components/HomepageFeatures/index.js
@@ -1,4 +1,6 @@
+import React from 'react';
 import clsx from 'clsx';
+import Link from '@docusaurus/Link';
 import Heading from '@theme/Heading';
 import styles from './styles.module.css';
 
@@ -11,6 +13,7 @@ const FeatureList = [
         Guides were designed from the ground up to be easily followed and implemented, getting your cloud monitoring up and running quickly.
       </>
     ),
+    link: '/docs/guides',
   },
   {
     title: 'Signals',
@@ -20,6 +23,7 @@ const FeatureList = [
         Gain comprehensive insights into your AWS environment through key metrics, logs, and performance indicators.
       </>
     ),
+    link: '/docs/signals/alarms',
   },
   {
     title: 'Tools',
@@ -29,6 +33,7 @@ const FeatureList = [
        Streamline your AWS monitoring with purpose-built solutions for efficient data collection, analysis, and visualization.
       </>
     ),
+    link: '/docs/tools/observability_accelerator',
   },
   {
     title: 'Recipes',
@@ -38,6 +43,7 @@ const FeatureList = [
         Implement proven AWS observability patterns to quickly solve common monitoring and troubleshooting challenges.
       </>
     ),
+    link: '/docs/recipes',
   },
   {
     title: 'FAQs',
@@ -47,6 +53,7 @@ const FeatureList = [
         Find quick answers to common AWS observability questions, clarifying key concepts and best practices.
       </>
     ),
+    link: '/docs/faq/adot',
   },
   {
     title: 'Patterns',
@@ -56,14 +63,17 @@ const FeatureList = [
         Learn step-by-step AWS observability implementation through comprehensive, easy-to-follow instructional resources.
       </>
     ),
+    link: '/docs/patterns/multiaccount',
   },
 ];
 
-function Feature({Svg, title, description}) {
+function Feature({Svg, title, description, link}) {
   return (
     <div className={clsx('col col--4')}>
       <div className="text--center">
-        <Svg className={styles.featureSvg} role="img" />
+        <Link to={link}>
+          <Svg className={styles.featureSvg} role="img" />
+        </Link>
       </div>
       <div className="text--center padding-horiz--md">
         <Heading as="h3">{title}</Heading>
@@ -85,4 +95,4 @@ export default function HomepageFeatures() {
       </div>
     </section>
   );
-}
+}
\ No newline at end of file