---
title: "Background Image"
description: "Example of using the next-image-plus Background Image Component with the Pages router."
keywords: "next, react, nextjs, responsive images, typescript"
weight: 1
status: true
---

# Background Image Example (Pages Router)

This is an example of a Hero component with a background image, used with the Next.js Pages router.

<ExamplesHero
  title="Background image example"
  description="Create stunning websites and applications with our powerful platform. Get started today and bring your ideas to life."
/>


Example of using the next-image-plus Background Image Component with the Pages router.

Background Image

---
title: "Picture"
description: "Example of using the next-image-plus Picture Component with the Pages router."
keywords: "next, react, nextjs, responsive images, typescript"
weight: 0
status: true
---

# Picture Component Example (Pages Router)

<ExamplesCardGrid />


Example of using the next-image-plus Picture Component with the Pages router.