<CenteredHero> Component

        <CenteredHero
          heading={
            <span>
              Bedtime just
              <br />
              got more magical
            </span>
          }
          text="Make sleep magically simple with bedtime routines that grow with your child"
          image={{
            url: 'https://www.datocms-assets.com/98401/1681256547-rest-family-hero-desktop.jpg',
            alt: `Side table with sheep stuffed animal and toys and decor and a lit up Rest+ 2nd gen next to a Rest 2nd gen`,
          }}
          mobileImage={{
            url: 'https://www.datocms-assets.com/98401/1681256546-rest-family-hero-mobile.jpg',
            alt: `Side table with sheep stuffed animal and toys and decor and a lit up Rest+ 2nd gen next to a Rest 2nd gen`,
          }}
          cta={{ href: '/rest-plus-second-gen', text: 'Shop now' }}
        />
    

        <CenteredHero
          theme="light"
          labelText="Friends & Family Sale"
          heading="15% off sitewide"
          text="Make sleep magically simple with bedtime routines that grow with your child"
          image={{
            url: 'https://www.datocms-assets.com/98401/1681256487-hero-horizontal.jpg',
            alt: '15% off sitewide sale'
          }}
          mobileImage={{
            url: 'https://www.datocms-assets.com/98401/1681256487-hero-vertical.jpg',
            alt: '15% off sitewide sale'
          }}
          cta={{ href: '/shop-all', text: 'Shop now' }}
          secondaryCta={{ href: '/shop-all', text: 'Or click' }}
        />
    

        <CenteredHero
          theme="dark"
          labelText="Friends & Family Sale"
          heading="15% off sitewide"
          text="Make sleep magically simple with bedtime routines that grow with your child"
          image={{
            url: 'https://www.datocms-assets.com/98401/1681256487-hero-horizontal.jpg',
            alt: '15% off sitewide sale'
          }}
          mobileImage={{
            url: 'https://www.datocms-assets.com/98401/1681256487-hero-vertical.jpg',
            alt: '15% off sitewide sale'
          }}
          cta={{ href: '/shop-all', text: 'Shop now' }}
        />