<SleepRoutineTabsSection> Component

    <SleepRoutineTabsSection
            tabItems={[
              {
                id: 'time-for-bed-beacon',
                label: 'Time-for-Bed Beacon',
                tabButtonContent: (
                  <TabButtonContent
                    label="6:15pm"
                    heading="Time-for-Bed Beacon"
                    description="Gentle music and glowing light come on to let your child know it's time to wind down for bed"
                    iconImage={{
                      url: 'https://www.datocms-assets.com/98401/1706809462-step-0-icon.png',
                      alt: 'Icon with illustration of a moon & star',
                    }}
                  />
                ),
                panelContent: (
                  <SleepRoutinePanelContent
                    image={{
                      url: 'https://www.datocms-assets.com/98401/1706810861-sleep-routine-app-0.png',
                      alt: "Sleep routine step in mobile app called 'Time-for-Bed'",
                    }}
                  />
                ),
              },

              {
                id: 'yukis-new-york-adventures',
                label: "Yuki's New York Adventures",
                tabButtonContent: (
                  <TabButtonContent
                    label="6:45pm"
                    heading="Yuki's New York Adventures"
                    description="Tuck your little one in to listen to Yuki's adventures and practice deep breathing along with the story"
                    iconImage={{
                      url: 'https://www.datocms-assets.com/98401/1706809466-step-1-icon.png',
                      alt: 'Icon with illustration of a dog',
                    }}
                  />
                ),
                panelContent: (
                  <SleepRoutinePanelContent
                    image={{
                      url: 'https://www.datocms-assets.com/98401/1706810854-sleep-routine-app-1.png',
                      alt: "Sleep routine step in mobile app called 'Yuki's New York Adventures'",
                    }}
                  />
                ),
              },
              {
                id: 'calm-ocean',
                label: 'Calm Ocean',
                tabButtonContent: (
                  <TabButtonContent
                    label="7:00pm - 6:45am"
                    heading="Calm Ocean"
                    description="Encourage deep, dreamy sleep with the sounds of the ocean drowning out any background noises"
                    iconImage={{
                      url: 'https://www.datocms-assets.com/98401/1706809471-step-2-icon.png',
                      alt: 'Icon with illustration of ocean waves',
                    }}
                  />
                ),
                panelContent: (
                  <SleepRoutinePanelContent
                    image={{
                      url: 'https://www.datocms-assets.com/98401/1706809439-sleep-routine-app-2.png',
                      alt: "Sleep routine step in mobile app called 'Calm Ocean'",
                    }}
                  />
                ),
              },
              {
                id: 'time-to-rise-beacon',
                label: 'Time-to-Rise Beacon',
                theme: 'light',
                tabButtonContent: (
                  <TabButtonContent
                    label="6:45 - 7:00am"
                    heading="Time-to-Rise Beacon"
                    description="Let your early riser know to stay in bed with a yellow light. The light will turn green when it's time to get out of bed"
                    iconImage={{
                      url: 'https://www.datocms-assets.com/98401/1706809475-step-3-icon.png',
                      alt: 'Icon with illustration of the sun',
                    }}
                  />
                ),
                panelContent: (
                  <SleepRoutinePanelContent
                    image={{
                      url: 'https://www.datocms-assets.com/98401/1706809446-sleep-routine-app-3.png',
                      alt: "Sleep routine step in mobile app called 'Time-to-Rise'",
                    }}
                  />
                ),
              },
            ]}
          />