# Recommended Section

* **Component**: \<Recommended/>
* **Path**: /components/home/recommended.tsx
* **Import**:

```typescript
import { Recommended } from "@/components/home/recommended.tsx";
```

<figure><img src="https://865796172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FntKe5sSLfvbHfpqI4xbm%2Fuploads%2Fs0pUl7hBJhtEsdBCvHB6%2FCapture%20d%E2%80%99%C3%A9cran%202024-06-18%20131832.png?alt=media&#x26;token=d8563634-bb9d-45bd-94ac-9275dded52dd" alt=""><figcaption><p>Recommended Section</p></figcaption></figure>

A simple showcasing section with automated ranking informations added.

{% hint style="info" %}
By default, recommended products are coming from featured collections but you're free to update this behavior by using your own API calls.
{% endhint %}