Merge pull request #6001 from aws-amplify/renbran/cdk-highlight

Adds highlight for CDK support on main page
aws-amplify · Oct 11, 2023 · 97cab46 · 97cab46
2 parents 37d957d + f87b72c
commit 97cab46
Showing 1 changed file with 22 additions and 13 deletions.
diff --git 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>