From f87b72c4e6184339b15542e56b5d674fda33a3bf Mon Sep 17 00:00:00 2001
From: Rene Brandel <renbran@amazon.com>
Date: Wed, 11 Oct 2023 18:10:41 -0400
Subject: [PATCH] adding highlight for CDK support on main page

---
 src/components/FeaturesGrid/index.tsx | 35 +++++++++++++++++----------
 1 file changed, 22 insertions(+), 13 deletions(-)

diff --git a/src/components/FeaturesGrid/index.tsx b/src/components/FeaturesGrid/index.tsx
index 341729d3b17..fcecae0d90e 100644
--- a/src/components/FeaturesGrid/index.tsx
+++ b/src/components/FeaturesGrid/index.tsx
@@ -25,26 +25,35 @@ export default function FeaturesGrid() {
               </p>
             </CardDetail>
           </Card>
-          <Card href="/lib/storage/getting-started" className="border-radius">
-            <CardGraphic alt="" src="/assets/features/storage.svg" />
+          <Card href="/cli/graphql/overview/" className="border-radius">
+            <CardGraphic alt="" src="/assets/features/api.svg" />
             <CardDetail>
-              <h4>Storage</h4>
+              <h4>
+                GraphQL API{' '}
+                <sup
+                  style={{
+                    background: 'green',
+                    padding: '4px 6px',
+                    color: 'white',
+                    borderRadius: 16
+                  }}
+                >
+                  Supports AWS CDK
+                </sup>
+              </h4>
               <p>
-                A simple mechanism for managing user content in public,
-                protected or private storage
+                Easy and secure solution to access your backend data with
+                support for real-time updates using GraphQL
               </p>
             </CardDetail>
           </Card>
-          <Card
-            href="/lib/graphqlapi/getting-started"
-            className="border-radius"
-          >
-            <CardGraphic alt="" src="/assets/features/api.svg" />
+          <Card href="/lib/storage/getting-started" className="border-radius">
+            <CardGraphic alt="" src="/assets/features/storage.svg" />
             <CardDetail>
-              <h4>GraphQL API</h4>
+              <h4>Storage</h4>
               <p>
-                Easy and secure solution to access your backend data with
-                support for real-time updates using GraphQL
+                A simple mechanism for managing user content in public,
+                protected or private storage
               </p>
             </CardDetail>
           </Card>