Add tiles for all the guides on Guides home page (#7217)

* docs: add cards for the guides * docs: add contact sales to the repo link
vuestorefront · Jul 15, 2024 · 740c984 · 740c984
1 parent 6bb000b
commit 740c984
Show file tree

Hide file tree

Showing 7 changed files with 20 additions and 6 deletions.
diff --git a/docs/content/guides/1.index.md b/docs/content/guides/1.index.md
@@ -14,13 +14,21 @@ If you have any questions or need help with anything, please don't hesitate to g
 
 ## Alokai Guides
 
-::card{title="Alokai Essentials" icon="tabler:123" to="/guides/alokai-essentials" }
 
-#description
-Learn how to build Alokai Application: From 0 to Hero. Understand how different parts of our stack will help you to build your Alokai application.
+::grid{:columns='3'}
+
+#section-1
+:card{to="/guides/alokai-essentials" title="Alokai Essentials" description="Learn how to build Alokai Application: From 0 to Hero. Understand how different parts of our stack will help you to build your Alokai application." icon="tabler:123"}
+
+#section-2
+:card{to="/guides/performance" title="Performance" description="Improve your website's user experience and increase conversions by optimizing your website's performance." icon="gg:performance"}
+
+#section-3
+:card{to="/guides/customization-next-js" title="Customization" description="Alokai is not a cookie-cutter solution, it is meant to be able to handle even the most complex use cases. This guide will take you through the most common customization scenarios." icon="tabler:tool"}
+
 ::
 
 
 ::info
 Can't find what you're looking for? Check out our [cookbook](/cookbook) for more guides and tutorials.
-::
+::
diff --git a/docs/content/guides/4.customization-next-js/2.ui-customizations.md b/docs/content/guides/4.customization-next-js/2.ui-customizations.md
@@ -384,5 +384,6 @@ export function FilterBase({ facet, max = 5, children, multiSelect }: FilterBase
 ```
 
 ::info
-You can find a complete project example in this repository: <https://github.com/vsf-customer/extensibility-demo>
+You can find a complete project example in this repository: <https://github.com/vsf-customer/extensibility-demo>. 
+If you want to get access to it, contact our [sales team](https://docs.alokai.com/enterprise).
 ::
diff --git a/docs/content/guides/4.customization-next-js/3.brands-page.md b/docs/content/guides/4.customization-next-js/3.brands-page.md
@@ -226,4 +226,5 @@ Import the `Trans` component from `next-i18next` rather than `react-i18next` as
 
 ::info
 You can find a complete project example in this repository: <https://github.com/vsf-customer/extensibility-demo>
+If you want to get access to it, contact our [sales team](https://docs.alokai.com/enterprise).
 ::
diff --git a/docs/content/guides/4.customization-next-js/4.add-custom-field.md b/docs/content/guides/4.customization-next-js/4.add-custom-field.md
@@ -60,4 +60,5 @@ in the `PurchaseCard` component:
 +  <p>Pickup {product.$custom?.availableForPickup ? '' : 'not'} available</p>
 ```
 
-And that's it. You can find a complete project example in this repository: <https://github.com/vsf-customer/extensibility-demo>
+And that's it. You can find a complete project example in this repository: <https://github.com/vsf-customer/extensibility-demo>
+If you want to get access to it, contact our [sales team](https://docs.alokai.com/enterprise).
diff --git a/docs/content/guides/4.customization-next-js/5.changing-product-slug.md b/docs/content/guides/4.customization-next-js/5.changing-product-slug.md
@@ -105,6 +105,7 @@ export * from "./productCatalogItemNormalizer";
 ```
 
 You can find a complete project example in this repository: <https://github.com/vsf-customer/extensibility-demo>
+If you want to get access to it, contact our [sales team](https://docs.alokai.com/enterprise).
 
 ::info
 Read more about normalizers here: https://docs.alokai.com/storefront/unified-data-layer/normalizers

diff --git a/docs/content/guides/4.customization-next-js/6.method-overriding.md b/docs/content/guides/4.customization-next-js/6.method-overriding.md
@@ -81,5 +81,6 @@ const getProductReviews = defineApi.getProductReviews(async (context, args) => {
 ```
 
 You can find a complete project example in this repository: <https://github.com/vsf-customer/extensibility-demo>
+If you want to get access to it, contact our [sales team](https://docs.alokai.com/enterprise).
 
 [Learn more about overriding API methods](https://docs.alokai.com/storefront/integration-and-setup/overriding-api-methods)
diff --git a/docs/content/guides/4.customization-next-js/7.adding-extension.md b/docs/content/guides/4.customization-next-js/7.adding-extension.md
@@ -233,6 +233,7 @@ Add this component in `ProductAccordion` component (`/storefront-unified-nextjs/
 
 Finally, we have implemented a completely custom feature. You can find a complete project example in this repository:
 <https://github.com/vsf-customer/extensibility-demo>
+If you want to get access to it, contact our [sales team](https://docs.alokai.com/enterprise).
 
 
 ::info