Navigation: [/sitemap.md](/sitemap.md)

---
type: block
category: "product"
title: "Product 1"
description: "The product family only needs one strong section when the page should quickly explain the offer, its price, and the next action."
---

```astro live props={{ name: 'product-1' }}
---
import Product1Block from "@/components/blocks/product-1.astro"
import placeholderImage from "@/assets/placeholder.webp"
---

<Product1Block
  badge="Featured product"
  title="One focused product section for a flagship offer"
  description="The product family only needs one strong section when the page should quickly explain the offer, its price, and the next action."
  image={{
    src: placeholderImage,
    alt: "Featured product image placeholder",
  }}
  price={{
    value: 129,
    currency: "USD",
    unit: "month",
  }}
  note="Includes reusable launch sections, content layouts, and shared visual rules for docs and marketing pages."
  buttons={[
    { label: "Pricing", href: "/blocks/pricing/", variant: "default" },
    { label: "Reviews", href: "/blocks/reviews/", variant: "outline" },
  ]}
/>
```