# Footer

* **Component**: \<Footer/>
* **Path**: /components/layout/footer.tsx
* **Import**:

```typescript
import { Footer } from "@/components/layout/footer";
```

<figure><img src="https://865796172-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FntKe5sSLfvbHfpqI4xbm%2Fuploads%2F3LEHuxZ9LR5NOO32QZjT%2FCapture%20d%E2%80%99%C3%A9cran%202024-06-17%20150655.png?alt=media&#x26;token=628363c3-2a44-4a52-b69b-d793aac6d711" alt=""><figcaption><p>Footer</p></figcaption></figure>

The Footer is divided into 4 parts:

* Branding
* Categories links (easy access + SEO purpose)
* Best rated products (mainly for SEO purpose)
* Legals and Social links (they are added automatically when you fill `metadata` file)