fix: update-cards

docs/faststore/docs/api-extensions.mdx

@@ -83,6 +83,8 @@ If you do use this type of function, you must be mindful to always check which o
 
 ---
 
+<Flex>
+
 <WhatsNextCard
   title="Extending VTEX API schemas"
   description="Extend VTEX and third-party APIs to customize how data is managed and processed in your store."
@@ -110,3 +112,5 @@ If you do use this type of function, you must be mindful to always check which o
   linkto="/docs/guides/faststore/api-extensions-troubleshooting"
   linkTitle="See more"
 />
+
+</Flex>

docs/faststore/docs/faststore-config-options.mdx

@@ -1,33 +1,36 @@
 ---
-title: 'Configuration options for faststore.config.js'
+title: "Configuration options for faststore.config.js"
 slug: faststore-config-options
 ---
 
 > ⚠️ This documentation is currently under development.
 
-The `faststore.config.js` file is the central configuration file for managing store settings. 
+The `faststore.config.js` file is the central configuration file for managing store settings.
 It allows you, for example, to set SEO settings, define the store ID, select a theme, and set up custom Cypress tests. Check out the example for this file: [`faststore.config.js` sample code](https://github.com/vtex-sites/starter.store/blob/main/faststore.config.js).
 
 Explore more in-depth specific configuration options for `faststore.config.js`:
 
-<ul class="nx-card-list">
-<li class="nx-card">
-<a href="/docs/guides/faststore-config-options/custom-cypress-test">
-#### enableCypressExtension
-Add custom Cypress tests to your FastStore project, enhancing testing capabilities for seamless integration.
-</a>
-</li>
-<li class="nx-card">
-<a href="/">
-#### SEO (Coming soon)
-Define the store's headline in search results, important for relevance and keywords. 
-</a>
-</li>
-
-<li class="nx-card">
-<a href="/">
-#### theme (coming soon)
-Defines your project's theme name, which is the look n' feel of your FastStore project.
-</a>
-</li>
-</ul>
+<Flex>
+
+<WhatsNextCard
+  linkTo="/docs/guides/faststore-config-options/custom-cypress-test"
+  title="enableCypressExtension"
+  description="Add custom Cypress tests to your FastStore project, enhancing testing capabilities for seamless integration."
+  linkTitle="See more"
+/>
+
+<WhatsNextCard
+  linkTo="/"
+  title="SEO (Coming soon)"
+  description="Define the store's headline in search results, important for relevance and keywords. "
+  linkTitle="See more"
+/>
+
+<WhatsNextCard
+  linkTo="/"
+  title="theme (coming soon)"
+  description="Defines your project's theme name, which is the look n' feel of your FastStore project."
+  linkTitle="See more"
+/>
+
+</Flex>

docs/faststore/docs/getting-started/5-next-steps.mdx

@@ -1,43 +1,46 @@
 ---
-title: '5. Next Steps'
-sidebar_label: 'Getting Started'
+title: "5. Next Steps"
+sidebar_label: "Getting Started"
 slug: 5-next-steps
 ---
 
 Now that you have your FastStore project up and running, it is important to explore the additional resources to enhance your store experience:
 
-<ul class="nx-card-list">
-  <li class="nx-card">
-    <a href="/docs/theming-overview">
-      #### Theming
-      Customize your store's appearance and interface with our global tokens for a unique and brand-aligned look.
-    </a>
-  </li>
-  <li class="nx-card">
-    <a href="/docs/headless-cms-overview">
-      #### Headless CMS
-      Empower editors to manage web content with the autonomy to create, edit, and publish web content via the VTEX Admin.
-    </a>
-  </li>
-
-  <li class="nx-card">
-    <a href="/docs/guides/faststore/building-sections-component-customization-overview">
-      #### Component Customization
-      Discover how to customize and expand your store's components, shaping its functionality to fit your business requirements.
-    </a>
-  </li>
-
-  <li class="nx-card">
-    <a href="/components">
-      #### UI components
-      Enhance your store's features with these components designed to help you quickly implement and customize features in your store.
-    </a>
-  </li>
-
-  <li class="nx-card">
-    <a href="/docs/guides/faststore/go-live-overview">
-      #### Go-live
-      Integrate FastStore with VTEX for a seamless customer experience. Connect to VTEX's infrastructure, set up payment gateways, configure shipping options, and launch your store.
-    </a>
-  </li>
-</ul>
+<Flex>
+
+<WhatsNextCard
+  linkTo="/docs/guides/faststore/theming-overview"
+  title="Theming"
+  description="Customize your store's appearance and interface with our global tokens for a unique and brand-aligned look."
+  linkTitle="See more"
+/>
+
+<WhatsNextCard
+  linkTo="/docs/guides/faststore/headless-cms-overview"
+  title="Headless CMS"
+  description="Empower editors to manage web content with the autonomy to create, edit, and publish web content via the VTEX Admin."
+  linkTitle="See more"
+/>
+
+<WhatsNextCard
+  linkTo="/docs/guides/faststore/building-sections-component-customization-overview"
+  title="Component Customization"
+  description="Discover how to customize and expand your store's components, shaping its functionality to fit your business requirements."
+  linkTitle="See more"
+/>
+
+<WhatsNextCard
+  linkTo="/docs/guides/faststore/components"
+  title="UI components"
+  description="Enhance your store's features with these components designed to help you quickly implement and customize features in your store."
+  linkTitle="See more"
+/>
+
+<WhatsNextCard
+  linkTo="/docs/guides/faststore/go-live-overview"
+  title="Go-live"
+  description="Integrate FastStore with VTEX for a seamless customer experience. Connect to VTEX's infrastructure, set up payment gateways, configure shipping options, and launch your store."
+  linkTitle="See more"
+/>
+
+</Flex>