{"version":3,"sources":["webpack:///./app/javascript/components_v2/Home/SignedOut/Hero.js","webpack:///./app/javascript/components_v2/Home/SignedOut/CenteredInfoSection.js","webpack:///./app/javascript/components_v2/Home/SignedOut/Categories/CategoryCard.js","webpack:///./app/javascript/components_v2/Home/SignedOut/Categories/CategoriesCarousel.js","webpack:///./app/javascript/components_v2/Home/SignedOut/Categories/CategoriesResponsive.js","webpack:///./app/javascript/components_v2/Home/SignedOut/Categories/Categories.js","webpack:///./app/javascript/components_v2/Home/SignedOut/Categories/index.js","webpack:///./app/javascript/components_v2/Home/SignedOut/Instructors/InstructorCard.js","webpack:///./app/javascript/components_v2/Home/SignedOut/Instructors/InstructorCarousel.js","webpack:///./app/javascript/components_v2/Home/SignedOut/Instructors/Instructors.js","webpack:///./app/javascript/components_v2/Home/SignedOut/Instructors/index.js","webpack:///./app/javascript/components_v2/Home/SignedOut/Devices/DeviceBadges.js","webpack:///./app/javascript/components_v2/Home/SignedOut/HalfBleed.js","webpack:///./app/javascript/components_v2/Home/SignedOut/Devices/Devices.js","webpack:///./app/javascript/components_v2/Home/SignedOut/Devices/index.js","webpack:///./app/javascript/components_v2/Home/SignedOut/Stories/StoryCard.js","webpack:///./app/javascript/components_v2/Home/SignedOut/Stories/StoriesCarousel.js","webpack:///./app/javascript/components_v2/Home/SignedOut/Stories/StoriesResponsive.js","webpack:///./app/javascript/components_v2/Home/SignedOut/Stories/Stories.js","webpack:///./app/javascript/components_v2/Home/SignedOut/Stories/index.js","webpack:///./app/javascript/components_v2/Home/SignedOut/TrialConnectHub/TrialCtaBox.js","webpack:///./app/javascript/components_v2/Home/SignedOut/TrialConnectHub/TrialConnectHub.js","webpack:///./app/javascript/components_v2/Home/SignedOut/HeroBillBoard/HeroBillBoard.js","webpack:///./app/javascript/components_v2/Home/SignedOut/HeroBillBoard/index.js","webpack:///./app/javascript/components_v2/Home/SignedOut/BottomBillBoard/BottomBillBoard.js","webpack:///./app/javascript/components_v2/Home/SignedOut/BottomBillBoard/index.js","webpack:///./app/javascript/components_v2/Home/SignedOut/PartnershipOffer/PartnershipOffer.js","webpack:///./app/javascript/components_v2/Home/SignedOut/PartnershipOffer/index.js","webpack:///./app/javascript/components_v2/Home/SignedOut/Home.js","webpack:///./app/javascript/components_v2/Home/SignedOut/index.js"],"names":["CenteredInfoSection","_ref","headline","body","children","rest","_objectWithoutProperties","_excluded","React","createElement","InfoSection","Object","assign","maxWidth","alignSelf","align","px","center","CardContainer","styled","Flex","withConfig","displayName","componentId","css","mr","CategoryCard","forwardRef","ref","alt","url","src","title","imagesArray","breakpoint","breakpoints","flexDirection","as","href","id","concat","className","flex","ResponsiveImage","objectFit","justifyContent","alignItems","mt","CTA","variant","color","ResponsiveSVG","height","width","fill","SVG","RightChevron","P","Carousel","categories","getSwiperProps","useSwiper","CarouselContainer","Swiper","lazy","slidesPerView","spaceBetween","slidesOffsetBefore","slidesOffsetAfter","watchOverflow","freeMode","freeModeSticky","map","item","index","SwiperSlide","tag","key","CategoriesResponsive","Container","centerProps","Categories","_extends","Fragment","DesktopOnly","Responsive","show","CategoriesCarousel","CoachCard","name","thumbnails","tagline","slug","desktop","Box","mobile","Caption","unstyledCarouselContainer","_useSwiper","goNext","goPrev","isBeginning","isEnd","useEffect","prevButton","nextButton","document","documentElement","clientWidth","window","CSS","supports","getElementById","style","right","Math","max","instructors","InstructorCard","CarouselPrevButton","handleClick","disabled","display","top","left","CarouselNextButton","Instructors","Button","InstructorCarousel","DeviceBadges","flexWrap","target","rel","tabIndex","AppleStoreBadge","HalfBleed","images","rightAlign","cta","position","Devices","bleedTwo","GradientOverlay","Title","fontFamily","textTransform","fontWeight","textAlign","fontSize","margin","padding","StoryCard","link","cursor","bottom","pb","Header","stories","type","StoriesResponsive","Stories","StoriesCarousel","mb","backgroundColor","img","backgroundImage","backgroundSize","backgroundAttachment","backgroundRepeat","backgroundPosition","zIndex","marginLeft","HeroBillBoard","_useState2","_slicedToArray","useState","heroBillBoard","setHeroBillBoard","builder","get","userAttributes","urlPath","toPromise","then","heroBillBoardSection","BuilderComponent","model","content","BottomBillBoard","ConnectBanner","PartnershipOffer","partnershipOffers","setPartnershipOffers","isUSA","useIsUSCountry","partnershipOfferSection","data","builderPublicApiKey","location","hostname","init","Home","heroVideos","heroHeader","banner","trialBanner","HR","my","LazyLoad","offset"],"mappings":"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","file":"js/home-so-7015c5ba0a552c3307a4.chunk.js","sourcesContent":["import React, { useEffect, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { useTheme } from 'styled-components'\n\nimport {\n  gift_card_interest_event,\n  unlock_membership_event\n} from 'gtm/pushEvents'\n\nimport {\n  Box,\n  breakpoints,\n  Button,\n  Container,\n  Header,\n  Headline,\n  P\n} from 'ui/acro'\nimport { useWindowResize } from 'hooks'\n\nconst videoPropTypes = PropTypes.arrayOf(\n  PropTypes.shape({\n    src: PropTypes.string,\n    srcType: PropTypes.string\n  })\n)\n\nconst Hero = ({ videos, title, body, cta }) => {\n  const { spacing } = useTheme()\n  const player = document.getElementById('hero-video')\n  const [selectedVideos, setSelectedVideos] = useState()\n  const [size, setSize] = useState()\n  const { width } = useWindowResize()\n\n  const disableRightClick = (e) => e.preventDefault()\n\n  // Listen for window resize and set our size accordingly. Resizing triggers source change and reload for videos.\n  useEffect(() => {\n    setSize(width < breakpoints[1] ? 'mobile' : 'desktop')\n  }, [width])\n\n  // On size change, swap out video source, capture current time, reload player, and start again at currentTime.\n  useEffect(() => {\n    setSelectedVideos(videos[size])\n\n    if (player) {\n      const currentTime = player.currentTime\n      player.load()\n      player.currentTime = currentTime\n    }\n  }, [size])\n\n  return (\n    <Box position='relative'>\n      <video\n        autoPlay\n        loop\n        muted\n        playsInline\n        onContextMenu={disableRightClick}\n        preload='auto'\n        width='100%'\n        height='100%'\n        id='hero-video'\n        style={{ display: 'block' }}\n        alt={videos.alt}\n      >\n        {selectedVideos &&\n          selectedVideos.map(({ src, srcType }, idx) => (\n            <source src={src} type={srcType} key={idx} />\n          ))}\n        <P>Your browser does not support the video tag.</P>\n      </video>\n\n      <Container\n        position={['relative', null, 'absolute']}\n        top='0'\n        width='100%'\n        height='100%'\n        pt={['17px', null, '0px']}\n        bg={['', null, 'rgba(0, 0, 0, 0.4)']}\n        centerProps={{\n          justifyContent: 'center',\n          textAlign: 'center'\n        }}\n      >\n        <Headline mb={['7px', '15px']} color={['primary', null, 'white']}>\n          {title}\n        </Headline>\n        <Header mb={['15px', '38px']} color={['grey6', null, 'white']}>\n          {body}\n        </Header>\n        <Button\n          as='a'\n          href='/surveys/onboarding'\n          className='unstyled'\n          alignSelf={['stretch', null, 'center']}\n          variant={['primary', null, 'primary-inverted']}\n          id={'home-hero-button'}\n          aria-label={cta}\n          onClick={() => unlock_membership_event('homepage_banner')}\n        >\n          {cta}\n        </Button>\n        <P\n          as='a'\n          href='/gift?utm_source=so_hero'\n          className='unstyled'\n          borderBottom='1px solid white'\n          color={['primary', null, 'base']}\n          mt={spacing.small}\n          mx='auto'\n          onClick={() => gift_card_interest_event('so_hero')}\n        >\n          Send a Gift Card\n        </P>\n      </Container>\n    </Box>\n  )\n}\n\nHero.propTypes = {\n  videos: PropTypes.shape({\n    desktop: videoPropTypes,\n    mobile: videoPropTypes\n  }),\n  title: PropTypes.string,\n  body: PropTypes.string,\n  cta: PropTypes.string\n}\n\nexport default Hero\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { InfoSection } from 'ui/acro'\n\nconst CenteredInfoSection = ({ headline, body, children, ...rest }) => (\n  <InfoSection\n    headline={headline}\n    body={body}\n    maxWidth='900px'\n    alignSelf='center'\n    align='center'\n    px={['15px', null, '0px']}\n    center\n    {...rest}\n  >\n    {children}\n  </InfoSection>\n)\n\nCenteredInfoSection.propTypes = {\n  headline: PropTypes.string,\n  body: PropTypes.string,\n  children: PropTypes.node\n}\n\nexport default CenteredInfoSection\n","import React, { forwardRef } from 'react'\nimport PropTypes from 'prop-types'\nimport styled from 'styled-components'\nimport { css } from '@styled-system/css'\n\nimport { RightChevron } from 'images'\n\nimport {\n  breakpoints,\n  CTA,\n  Flex,\n  P,\n  ResponsiveImage,\n  ResponsiveSVG\n} from 'ui/acro'\n\nconst CardContainer = styled(Flex)(\n  css({\n    '&:not(:last-child)': {\n      mr: ['0px', '16px', null, '45px']\n    }\n  })\n)\n\nconst CategoryCard = forwardRef(({ alt, url, src, body, title }, ref) => {\n  const imagesArray = [\n    {\n      src: src,\n      breakpoint: breakpoints[0]\n    }\n  ]\n\n  return (\n    <CardContainer\n      ref={ref}\n      flexDirection='column'\n      as='a'\n      href={url}\n      id={`home-category-link-${title}`}\n      aria-label={`Explore ${title} classes`}\n      className='swiper-slide unstyled'\n      maxWidth={['240px', '320px']}\n      flex={['', null, '1']}\n    >\n      <ResponsiveImage\n        alt={alt}\n        src={src}\n        imagesArray={imagesArray}\n        objectFit='cover'\n      />\n      <Flex\n        flexDirection='row'\n        justifyContent='flex-start'\n        alignItems='center'\n        mt='16px'\n      >\n        <CTA variant='heavy' color='grey6' mr={['10px', '16px']}>\n          {title}\n        </CTA>\n        <ResponsiveSVG\n          height='100%'\n          width={['9px', '13px']}\n          fill='grey5'\n          SVG={RightChevron}\n        />\n      </Flex>\n      <P color='grey5' mt='3px'>\n        {body}\n      </P>\n    </CardContainer>\n  )\n})\n\nCategoryCard.propTypes = {\n  alt: PropTypes.string,\n  url: PropTypes.string,\n  src: PropTypes.string,\n  body: PropTypes.string,\n  title: PropTypes.string\n}\n\nexport default CategoryCard\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Swiper, SwiperSlide } from 'swiper/react'\n\nimport { CarouselContainer } from 'ui/acro'\nimport { useSwiper } from 'hooks'\n\nimport CategoryCard from './CategoryCard'\n\nconst Carousel = ({ categories }) => {\n  const { getSwiperProps } = useSwiper()\n\n  return (\n    <CarouselContainer>\n      <Swiper\n        {...getSwiperProps({\n          lazy: true,\n          slidesPerView: 'auto',\n          spaceBetween: 16,\n          slidesOffsetBefore: 15,\n          slidesOffsetAfter: 15,\n          watchOverflow: true,\n          freeMode: true,\n          freeModeSticky: true\n        })}\n      >\n        {categories &&\n          categories.map((item, index) => (\n            <SwiperSlide tag={CategoryCard} {...item} key={index} />\n          ))}\n      </Swiper>\n    </CarouselContainer>\n  )\n}\n\nCarousel.propTypes = {\n  categories: PropTypes.array\n}\n\nexport default Carousel\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Container } from 'ui/acro'\n\nimport CategoryCard from './CategoryCard'\n\nconst CategoriesResponsive = ({ categories }) => {\n  return (\n    <Container\n      width='100%'\n      centerProps={{ flexDirection: 'row', justifyContent: 'space-between' }}\n    >\n      {categories &&\n        categories.map((item, index) => <CategoryCard {...item} key={index} />)}\n    </Container>\n  )\n}\n\nCategoriesResponsive.propTypes = {\n  categories: PropTypes.array\n}\n\nexport default CategoriesResponsive\n","import React, { Fragment } from 'react'\n\nimport { DesktopOnly, Responsive } from 'ui/acro'\nimport { categories } from '../_media'\n\nimport CenteredInfoSection from '../CenteredInfoSection'\nimport CategoriesCarousel from './CategoriesCarousel'\nimport CategoriesResponsive from './CategoriesResponsive'\n\nconst Categories = ({ ...rest }) => (\n  <Fragment>\n    <CenteredInfoSection\n      headline='FIND WHAT MOVES YOU'\n      body='Whether you’re a complete beginner or you want to step up your routine, get the full studio experience at home with thousands of classes for body, mind, and spirit.'\n      {...rest}\n    />\n    <DesktopOnly mt='68px'>\n      <CategoriesResponsive categories={categories} />\n    </DesktopOnly>\n    <Responsive show={[true, true, false]} mt='68px'>\n      <CategoriesCarousel categories={categories} />\n    </Responsive>\n  </Fragment>\n)\n\nexport default Categories\n","import Categories from './Categories'\n\nexport default Categories\n","import React, { forwardRef } from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Box, breakpoints, Caption, P, ResponsiveImage } from 'ui/acro'\n\nconst CoachCard = forwardRef(\n  ({ alt, name, thumbnails, tagline, slug }, ref) => {\n    const imagesArray = [\n      {\n        src: thumbnails.desktop,\n        breakpoint: breakpoints[1]\n      }\n    ]\n\n    return (\n      <Box\n        ref={ref}\n        as='a'\n        href={`/instructors/${slug}`}\n        id={`home-instructor-card-${slug}`}\n        aria-label={`Find classes from ${slug}`}\n        className='swiper-slide unstyled'\n        maxWidth={['145px', null, '240px']}\n      >\n        <ResponsiveImage\n          src={thumbnails.mobile}\n          alt={alt}\n          imagesArray={imagesArray}\n        />\n        <Caption variant='heavy' color='grey6' mt={['16px']}>\n          {name}\n        </Caption>\n        <P color='grey6' mt={['4px', '9px']}>\n          {tagline}\n        </P>\n      </Box>\n    )\n  }\n)\n\nCoachCard.propTypes = {\n  alt: PropTypes.string,\n  name: PropTypes.string,\n  thumbnails: PropTypes.shape({\n    mobile: PropTypes.string,\n    desktop: PropTypes.string\n  }),\n  tagline: PropTypes.string,\n  url: PropTypes.string\n}\n\nexport default CoachCard\n","import React, { useEffect } from 'react'\nimport styled from 'styled-components'\nimport { css } from '@styled-system/css'\nimport { Swiper, SwiperSlide } from 'swiper/react'\n\nimport {\n  breakpoints,\n  CarouselContainer as unstyledCarouselContainer,\n  CarouselNextButton,\n  CarouselPrevButton\n} from 'ui/acro'\nimport { useSwiper } from 'hooks'\n\nimport { instructors } from '../_media'\nimport InstructorCard from './InstructorCard'\n\nconst CarouselContainer = styled(unstyledCarouselContainer)(\n  css({\n    '& .swiper-container': {\n      'padding-left': ['15px', null, '75px'],\n      '@supports (padding: max(1px, 2px))': {\n        'padding-left': ['15px', null, 'max(calc((100vw - 1333px)/2), 50px)']\n      }\n    }\n  })\n)\n\nconst Carousel = () => {\n  const { getSwiperProps, goNext, goPrev, isBeginning, isEnd } = useSwiper()\n\n  // This is also used in Redeem/StoryCarousel. We should refactor both out into the useSwiper() hook\n  useEffect(() => {\n    // We need to dynamically set button positioning because firefox does not support max().\n    // We use max() to maintain a dynamic gutter padding on the carousel and position for buttons.\n    const isSupported = () => window.CSS.supports('padding', 'max(1px, 2px)')\n\n    const maxWidth = (document.documentElement.clientWidth - 1320) / 2 // total width, minus content width, divided by two gives us the width of a single gutter.\n\n    const initializeButtonPos = () => {\n      const prevButton = document.getElementById('carousel-prev-button')\n      const nextButton = document.getElementById('carousel-next-button')\n\n      if (prevButton) {\n        prevButton.style.right = Math.max(maxWidth + 50, 100) + 'px'\n      }\n\n      if (nextButton) {\n        nextButton.style.right = Math.max(maxWidth, 50) + 'px'\n      }\n    }\n\n    // Only adjust button positions manually if max() isn't supported)\n    if (!isSupported()) {\n      initializeButtonPos()\n    }\n  }, [])\n\n  return (\n    <CarouselContainer mt={['48px', '100px']}>\n      <Swiper\n        {...getSwiperProps({\n          lazy: true,\n          slidesPerView: 'auto',\n          spaceBetween: 16,\n          slidesOffsetAfter: 15,\n          watchOverflow: true,\n          freeMode: true,\n          freeModeSticky: true,\n          breakpoints: {\n            [breakpoints[1]]: {\n              spaceBetween: 40,\n              slidesOffsetAfter: 50\n            }\n          }\n        })}\n      >\n        {instructors &&\n          instructors.map((item, index) => (\n            <SwiperSlide tag={InstructorCard} {...item} key={index} />\n          ))}\n      </Swiper>\n\n      <CarouselPrevButton\n        handleClick={goPrev}\n        disabled={isBeginning}\n        display={['none', null, 'inherit']}\n        top='-10%'\n        id='carousel-prev-button'\n        right='max(calc((100vw - 1320px)/2 + 50px), 100px)'\n        left={null}\n      />\n      <CarouselNextButton\n        handleClick={goNext}\n        disabled={isEnd}\n        display={['none', null, 'inherit']}\n        top='-10%'\n        id='carousel-next-button'\n        right='max(calc((100vw - 1320px)/2), 50px)'\n      />\n    </CarouselContainer>\n  )\n}\n\nexport default Carousel\n","import React, { Fragment } from 'react'\n\nimport { Button } from 'ui/acro'\n\nimport CenteredInfoSection from '../CenteredInfoSection'\nimport InstructorCarousel from './InstructorCarousel'\n\nconst Instructors = ({ ...rest }) => (\n  <Fragment>\n    <CenteredInfoSection\n      headline='Meet your Instructors'\n      body='We work with the best so you can feel your best. Our team of top instructors will empower you to reach all your fitness and wellness goals and enjoy the journey on the way.'\n      {...rest}\n    >\n      <Button\n        variant='secondary'\n        width={['100%', null, '300px']}\n        as='a'\n        className='unstyled'\n        href='/explore/instructors'\n        id={'home-view-instructors'}\n        aria-label={`All Instructors`}\n      >\n        View Instructors\n      </Button>\n    </CenteredInfoSection>\n    <InstructorCarousel />\n  </Fragment>\n)\n\nexport default Instructors\n","import Instructors from './Instructors'\n\nexport default Instructors\n","import React from 'react'\n\nimport { Flex, ResponsiveSVG } from 'ui/acro'\nimport { AppleStoreBadge } from 'images'\n\nconst DeviceBadges = () => (\n  <Flex\n    alignSelf={['stretch', null, 'center', 'start']}\n    justifyContent='space-around'\n    flexWrap={['wrap', 'nowrap']}\n  >\n    <ResponsiveSVG\n      as='a'\n      aria-label='Click here to download Alo Moves on the Apple App Store'\n      className='unstyled'\n      href='https://apps.apple.com/us/app/alo-moves/id601617403'\n      target='_blank'\n      rel='noopener noreferrer'\n      id='home-ios'\n      mr={[null, null, '25px']}\n      width={['118px', '147px']}\n      tabIndex={0}\n      SVG={AppleStoreBadge}\n    />\n  </Flex>\n)\n\nexport default DeviceBadges\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport {\n  Box,\n  breakpoints,\n  Container,\n  InfoSection,\n  ResponsiveImage\n} from 'ui/acro'\n\nconst HalfBleed = ({\n  images,\n  rightAlign,\n  headline,\n  body,\n  url,\n  children,\n  cta,\n  ...rest\n}) => {\n  const imagesArray = [\n    {\n      src: images.src,\n      breakpoint: breakpoints[0]\n    }\n  ]\n\n  return (\n    <Box position='relative' {...rest}>\n      <Box\n        position={['relative', null, null, 'absolute']}\n        top='0'\n        right={!rightAlign && '0'}\n        left={rightAlign && '0'}\n      >\n        <ResponsiveImage\n          src={images.src}\n          alt={images.alt}\n          imagesArray={imagesArray}\n          width={['100%', null, null, '55vw']}\n          objectFit='cover'\n        />\n      </Box>\n\n      <Container\n        height={['auto', null, null, 'calc((55vw / 16) * 9)']} // This will cause the entire <Container/> to be the height of the image, allowing us to center the text element.\n        centerProps={{\n          justifyContent: 'center'\n        }}\n      >\n        <InfoSection\n          headline={headline}\n          body={body}\n          maxWidth={['auto', null, null, '480px']} // design is 500px @ +1200px, however a 55vw image + 50 px padding leaves us with only 490px left. Remove 10 for padding and voila.\n          alignSelf={['center', null, null, rightAlign ? 'flex-end' : 'start']}\n          mt={['32px', null, null, '0px']}\n        >\n          {children}\n        </InfoSection>\n      </Container>\n    </Box>\n  )\n}\n\nHalfBleed.propTypes = {\n  body: PropTypes.string,\n  children: PropTypes.node,\n  cta: PropTypes.string,\n  headline: PropTypes.string,\n  images: PropTypes.object,\n  rightAlign: PropTypes.bool,\n  url: PropTypes.string\n}\n\nexport default HalfBleed\n","import React from 'react'\n\nimport { bleedTwo } from '../_media'\nimport DeviceBadges from './DeviceBadges'\nimport HalfBleed from '../HalfBleed'\n\nconst Devices = ({ ...rest }) => (\n  <HalfBleed\n    images={bleedTwo}\n    headline='World-Class Wellness. Wherever You Are.'\n    body='Take your favorite classes at home, while traveling, or outdoors. Download classes on the app for a practice that moves with you.'\n    rightAlign\n    {...rest}\n  >\n    <DeviceBadges />\n  </HalfBleed>\n)\n\nexport default Devices\n","import Devices from './Devices'\n\nexport default Devices\n","import React, { forwardRef, Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport styled from 'styled-components'\nimport { css } from '@styled-system/css'\n\nimport { useModal_deprecated } from 'hooks'\nimport { Box, breakpoints, Header, ResponsiveImage, P } from 'ui/acro'\n\nconst CardContainer = styled('a')(\n  css({\n    maxWidth: ['260px', '410px'],\n    display: 'flex',\n    flexDirection: 'column',\n    '&:not(:last-child)': {\n      mr: [null, '16px', null, '45px']\n    }\n  })\n)\n\nconst GradientOverlay = styled(Box)({\n  position: 'absolute',\n  top: '0',\n  height: '100%',\n  width: '100%'\n})\n\nconst Title = styled(P)({\n  fontFamily: 'Arquitecta',\n  textTransform: 'uppercase',\n  fontWeight: '600',\n  textAlign: 'center',\n  fontSize: ['16px', '22px'],\n  width: '80%',\n  margin: '0 auto',\n  padding: '0 0 10px 0'\n})\n\nconst StoryCard = forwardRef(({ images, alt, body, title, link }, ref) => {\n  const imagesArray = [\n    {\n      src: images.desktop,\n      breakpoint: breakpoints[0]\n    }\n  ]\n\n  return (\n    <Fragment>\n      <CardContainer\n        ref={ref}\n        className='swiper-slide'\n        position='relative'\n        maxWidth={['260px', '450px']}\n        cursor='pointer'\n        id={title}\n        aria-label={title}\n        flex={['', null, '1']}\n        href={link}\n        target='_blank'\n      >\n        <Title>{title}</Title>\n        <GradientOverlay />\n        <ResponsiveImage\n          src={images.mobile}\n          alt={alt}\n          imagesArray={imagesArray}\n          width='100%'\n          objectFit='cover'\n        />\n        <Box\n          position='absolute'\n          bottom='0'\n          px={['16px', '34px']}\n          pb={['28px', '38px']}\n        >\n          <Header variant='semibold' color='white' mt='10px' width='70%'>\n            {body}\n          </Header>\n        </Box>\n      </CardContainer>\n    </Fragment>\n  )\n})\n\nStoryCard.propTypes = {\n  videos: PropTypes.array.isRequired,\n  images: PropTypes.object.isRequired,\n  alt: PropTypes.string.isRequired,\n  body: PropTypes.string.isRequired,\n  type: PropTypes.string.isRequired\n}\n\nexport default StoryCard\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Swiper, SwiperSlide } from 'swiper/react'\n\nimport { CarouselContainer } from 'ui/acro'\nimport { useSwiper } from 'hooks'\n\nimport StoryCard from './StoryCard'\n\nconst Carousel = ({ stories }) => {\n  const { getSwiperProps } = useSwiper()\n\n  return (\n    <CarouselContainer>\n      <Swiper\n        {...getSwiperProps({\n          lazy: true,\n          slidesPerView: 'auto',\n          spaceBetween: 19,\n          slidesOffsetBefore: 15,\n          slidesOffsetAfter: 15,\n          watchOverflow: true,\n          freeMode: true,\n          freeModeSticky: true\n        })}\n      >\n        {stories &&\n          stories.map((item, index) => (\n            <SwiperSlide\n              tag={StoryCard}\n              {...item}\n              type='carousel'\n              key={index}\n            />\n          ))}\n      </Swiper>\n    </CarouselContainer>\n  )\n}\n\nCarousel.propTypes = {\n  stories: PropTypes.array\n}\n\nexport default Carousel\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { Container } from 'ui/acro'\n\nimport StoryCard from './StoryCard'\n\nconst StoriesResponsive = ({ stories }) => {\n  return (\n    <Container\n      width='100%'\n      centerProps={{ flexDirection: 'row', justifyContent: 'space-between' }}\n    >\n      {stories &&\n        stories.map((item, index) => (\n          <StoryCard {...item} type='card' key={index} />\n        ))}\n    </Container>\n  )\n}\n\nStoriesResponsive.propTypes = {\n  stories: PropTypes.array\n}\n\nexport default StoriesResponsive\n","import React from 'react'\n\nimport { DesktopOnly, Responsive } from 'ui/acro'\n\nimport { stories } from '../_media'\n\nimport CenteredInfoSection from '../CenteredInfoSection'\nimport StoriesCarousel from './StoriesCarousel'\nimport StoriesResponsive from './StoriesResponsive'\n\nconst Stories = ({ ...rest }) => {\n  return (\n    <React.Fragment>\n      <CenteredInfoSection\n        headline='On the Blog'\n        body='Weekly inspiration for mindful living. Discover yoga sequences, short workouts, recipes, and mindfulness tips from the experts.'\n        {...rest}\n      />\n      <DesktopOnly mt={['46px', '44px']}>\n        <StoriesResponsive stories={stories} />\n      </DesktopOnly>\n\n      <Responsive\n        show={[true, true, false]}\n        display='block'\n        mt={['46px', '44px']}\n        maxWidth='100vw'\n      >\n        <StoriesCarousel stories={stories} />\n      </Responsive>\n    </React.Fragment>\n  )\n}\n\nStories.propTypes = {}\n\nexport default Stories\n","import Stories from './Stories'\n\nexport default Stories\n","import React from 'react'\nimport styled from 'styled-components'\nimport { css } from '@styled-system/css'\nimport { Button, Flex, Headline } from 'ui/acro'\nimport { P } from 'ui/bend'\n\nconst TrialCtaBoxContainer = styled(Flex)(() =>\n  css({\n    mt: ['0', '110px'],\n    mb: ['0', '110px'],\n    backgroundColor: 'rgba(255 , 255, 255, 0.9)',\n    textAlign: 'center',\n    padding: ['50px 50px 0', '60px', '70px 60px 70px 60px'],\n    flexDirection: ['column'],\n    maxWidth: ['auto', '45%', '61%']\n  })\n)\n\nconst TrialCtaBox = ({ cta, body, title, onClickBtn }) => {\n  const button = {\n    text: cta || 'Start my free trial',\n    link: `/surveys/onboarding`,\n    onClickBtn: onClickBtn\n  }\n\n  return (\n    <TrialCtaBoxContainer>\n      {title && (\n        <Headline as='h2' fontSize={['37px']}>\n          {title}\n        </Headline>\n      )}\n      {body && (\n        <P pt={['16px', '26px']} pb={['16px', '36px']}>\n          {body}\n        </P>\n      )}\n      {onClickBtn && (\n        <Button\n          as='a'\n          className='unstyled'\n          href={button.link}\n          variant={'primary'}\n          aria-label={button.text}\n          onClick={() => {\n            button.onClickBtn()\n          }}\n        >\n          {button.text}\n        </Button>\n      )}\n    </TrialCtaBoxContainer>\n  )\n}\n\nexport default TrialCtaBox\n","import React from 'react'\nimport styled from 'styled-components'\nimport { css } from '@styled-system/css'\nimport { Container } from 'ui/acro'\nimport TrialCtaBox from './TrialCtaBox'\nimport ConnectBanner from './ConnectBanner'\nimport { Box, Flex } from 'ui/bend'\n\nconst img =\n  'https://alomoves.s3.amazonaws.com/manual_uploads/shared/home/free_trial/071723_Web_SignedOut_Homepage_2.jpg'\n\nconst ParallaxBox = styled(Box)(() =>\n  css({\n    backgroundImage: [`url(${img})`, `url(${img})`],\n    position: ['static', 'absolute', 'absolute', 'absolute'],\n    top: '0',\n    left: '0',\n    width: '100%',\n    height: ['360px', '100%'],\n    backgroundSize: 'cover',\n    backgroundAttachment: ['scroll', 'fixed'],\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center center',\n    zIndex: ['auto', '-1']\n  })\n)\n\nconst ContainerBox = styled(Container)(() =>\n  css({\n    marginLeft: '5%'\n  })\n)\nconst TrialConnectHub = ({ cta, id, body, title, onClickBtn1, ...rest }) => {\n  return (\n    <Flex\n      flexDirection={'column'}\n      style={{ position: 'relative' }}\n      mt={['80px', '100px']}\n      mb={['-90px', '-110px']}\n    >\n      <ParallaxBox />\n      <ContainerBox>\n        <TrialCtaBox\n          cta={cta}\n          body={body}\n          title={title}\n          onClickBtn={onClickBtn1}\n        />\n      </ContainerBox>\n      <ConnectBanner />\n    </Flex>\n  )\n}\n\nexport default TrialConnectHub\n","import React, { useEffect, useState } from 'react';\n\n// Builder.io dependencies \nimport { Builder, BuilderComponent, builder } from '@builder.io/react';\n\nconst HeroBillBoard = ({ ...rest }) => {\n  const [heroBillBoard, setHeroBillBoard] = useState(null);\n\n  useEffect(() => {\n    builder\n      .get(\"hero\", {\n        userAttributes: {\n          urlPath: '/signed-out-hp-hero-billboard',\n        },\n      })\n      .toPromise()\n      .then((heroBillBoardSection) => setHeroBillBoard(heroBillBoardSection));\n  }, []);\n\n  return (\n    <BuilderComponent model=\"hero\" content={heroBillBoard} />\n  )\n}\n\nexport default HeroBillBoard;\n","import HeroBillBoard from './HeroBillBoard'\n\nexport default HeroBillBoard\n","import React, { useEffect, useState } from 'react';\nimport { Box, Flex } from 'ui/bend'\n\n// Builder.io dependencies \nimport { Builder, BuilderComponent, builder } from '@builder.io/react';\nimport ConnectBanner from '../TrialConnectHub/ConnectBanner';\n\n\nconst BottomBillBoard = ({ ...rest }) => {\n  const [heroBillBoard, setHeroBillBoard] = useState(null);\n\n  useEffect(() => {\n    builder\n      .get(\"bill-board-sections\", {\n        userAttributes: {\n          urlPath: '/signed-out-hp-bottom-billboard',\n        },\n      })\n      .toPromise()\n      .then((heroBillBoardSection) => setHeroBillBoard(heroBillBoardSection));\n  }, []);\n\n  return (\n    <Flex\n      flexDirection={'column'}\n      style={{ position: 'relative' }}\n      mt={['80px', '100px']}\n      mb={['-90px', '-110px']}\n    >\n      <BuilderComponent model=\"bill-board-sections\" content={heroBillBoard}/>\n      <ConnectBanner/>\n  </Flex>\n  )\n}\n\nexport default BottomBillBoard;\n","import BottomBillBoard from './BottomBillBoard'\n\nexport default BottomBillBoard\n","import React, { useEffect, useState } from 'react';\nimport CenteredInfoSection from '../CenteredInfoSection'\n\n// Builder.io dependencies \nimport { Builder, BuilderComponent, builder } from '@builder.io/react';\nimport { useIsUSCountry } from 'hooks'\n\nconst PartnershipOffer = ({ ...rest }) => {\n  const [partnershipOffers, setPartnershipOffers] = useState(null);\n  \n  const isUSA = useIsUSCountry()\n  \n  useEffect(() => {\n    builder\n      .get(\"partnership-offers\", {\n        userAttributes: {\n          urlPath: '/signed-out-hp-partnership-offers',\n        },\n      })\n      .toPromise()\n      .then((partnershipOfferSection) => setPartnershipOffers(partnershipOfferSection));\n  }, []);\n\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>\n      <CenteredInfoSection {...rest}/>\n      <BuilderComponent model=\"partnership-offers\" content={partnershipOffers} data={{isUSA}}/>\n    </div>\n  )\n}\n\nexport default PartnershipOffer;\n","import PartnershipOffer from './PartnershipOffer'\n\nexport default PartnershipOffer\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport LazyLoad from 'react-lazyload'\n\nimport { HR, Flex } from 'ui/acro'\n\nimport Hero from './Hero'\nimport Categories from './Categories'\nimport Instructors from './Instructors'\n//import Awards from './Awards'\nimport Devices from './Devices'\nimport Stories from './Stories'\n\nimport { unlock_membership_event } from 'gtm/pushEvents'\nimport TrialConnectHub from './TrialConnectHub'\n\nimport HeroBillBoard from './HeroBillBoard'\nimport BottomBillBoard from './BottomBillBoard'\nimport PartnershipOffer from './PartnershipOffer';\n\nimport { Builder, BuilderComponent, builder } from '@builder.io/react';\n\n// Determine the API key based on the URL\nconst builderPublicApiKey = window.location.hostname === 'www.alomoves.com' \n  ? '7ae91e2100c441348821b5902d6e5194' \n  : '61e2402350ce4c0cbc02c5526b936de4';\n\n// Init builder.io with the appropriate key\nbuilder.init(builderPublicApiKey);\n\n\nconst Home = ({ heroVideos, heroHeader, banner, trialBanner }) => {\n  // if this localStorage value exists, that means the user has an account and has dismissed the HP survey prompt, remove this to show it again upon next login\n  // if (localStorage.dismissedNotif) {\n  //   localStorage.removeItem('dismissedNotif')\n  // }\n  return (\n    <Flex flexDirection='column' id='home-signed-out'>\n      {/* <Hero videos={heroVideos} {...heroHeader} /> */}\n      <HeroBillBoard/>\n      <HR my='32px' display={['block', null, 'none']} />\n\n      <LazyLoad offset={250}>\n        <Categories mt={['0px', null, '50px']} />\n      </LazyLoad>\n\n      <LazyLoad offset={250}>\n        <Instructors mt={['48px', null, null, '150px']} />\n      </LazyLoad>\n\n      <LazyLoad offset={250}>\n        <Devices mt={['48px', null, null, '150px']} />\n        <HR my='32px' display={['block', null, 'none']} />\n      </LazyLoad>\n      {/* we do not have permission to use those names and logos and we need to remove them for now */}\n      {/* <LazyLoad offset={250}>\n        <Awards mt={['48px', null, null, '150px']} />\n      </LazyLoad> */}\n      \n      <LazyLoad offset={250}>\n        <PartnershipOffer mt={['48px', null, '150px']} />\n      </LazyLoad>\n\n      <LazyLoad offset={250}>\n        <Stories mt={['48px', null, '150px']} />\n      </LazyLoad>\n\n      <LazyLoad offset={250}>\n        {/* <TrialConnectHub\n          title={\n            trialBanner && trialBanner.title ? trialBanner.title : banner.title\n          }\n          body={\n            trialBanner && trialBanner.body ? trialBanner.body : banner.body\n          }\n          cta={trialBanner && trialBanner.cta ? trialBanner.cta : banner.cta}\n          id='start_free_trial_section'\n          mt={['65px', null, '150px']}\n          onClickBtn1={() => unlock_membership_event('homepage_bottom')}\n        /> */}\n        <BottomBillBoard mt={['48px', null, '150px']}/>\n      </LazyLoad>\n    </Flex>\n  )\n}\n\nHome.propTypes = {\n  heroVideos: PropTypes.object,\n  heroHeader: PropTypes.object,\n  banner: PropTypes.object,\n  trialBanner: PropTypes.object\n}\n\nexport default Home\n","import Home from './Home'\n\nexport default Home\n"],"sourceRoot":""}