Product

---
import Product from 'fulldev-ui/blocks/Product.astro'
---

<Product
  heading="Basic Tee"
  price={48}
  rating={5}
  image="placeholder-landscape.webp"
  form={{ submit: 'Add to cart' }}
  description="Oversized white tee made of 100% cotton."
  list={[
    'Shortsleeve',
    'Ribbed collar',
    'Runs large',
    'Unisex',
    'Material: 100% cotton',
    'Imported',
  ]}
/>

---
import Product from 'fulldev-ui/blocks/Product.astro'
---

<Product
  heading="Basic Tee"
  price={48}
  rating={5}
  images={[
    '/images/blocks/colleagues.png',
    '/images/blocks/content.png',
    '/images/blocks/cta.png',
    '/images/blocks/features.png',
    '/images/blocks/footer.png',
    '/images/blocks/header.png',
    '/images/blocks/hero.png',
    '/images/blocks/intro.png',
    '/images/blocks/posts.png',
    '/images/blocks/prices.png',
    '/images/blocks/reviews.png',
  ]}
  form={{ submit: 'Add to cart' }}
  description="Oversized white tee made of 100% cotton."
  list={[
    'Shortsleeve',
    'Ribbed collar',
    'Runs large',
    'Unisex',
    'Material: 100% cotton',
    'Imported',
  ]}
/>

---
import Product from 'fulldev-ui/blocks/Product.astro'
---

<Product
  heading="Basic Tee"
  price={48}
  rating={5}
  images={[
    '/images/blocks/colleagues.png',
    '/images/blocks/content.png',
    '/images/blocks/cta.png',
    '/images/blocks/features.png',
    '/images/blocks/footer.png',
    '/images/blocks/header.png',
    '/images/blocks/hero.png',
    '/images/blocks/intro.png',
    '/images/blocks/posts.png',
    '/images/blocks/prices.png',
    '/images/blocks/reviews.png',
  ]}
  gallery="vertical"
  form={{ submit: 'Add to cart' }}
  description="Oversized white tee made of 100% cotton."
  list={[
    'Shortsleeve',
    'Ribbed collar',
    'Runs large',
    'Unisex',
    'Material: 100% cotton',
    'Imported',
  ]}
/>