{"version":3,"file":"static/chunks/pages/how-it-works-a282df3944f97d05.js","mappings":"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","sources":["webpack://_N_E/?2658","webpack://_N_E/./components/UI/Button.js","webpack://_N_E/./components/UI/Image.js","webpack://_N_E/./components/UI/Imgix.js","webpack://_N_E/./components/howitwork/Faq.js","webpack://_N_E/./components/howitwork/HeroSection.js","webpack://_N_E/./node_modules/swiper/esm/components/scrollbar/scrollbar.js","webpack://_N_E/./assets/images/black-down-arrow.png","webpack://_N_E/./components/howitwork/Steps.js","webpack://_N_E/./components/howitwork/Wellness.js","webpack://_N_E/./components/howitwork/FeaturedPost.js","webpack://_N_E/./pages/how-it-works.js"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/how-it-works\",\n      function () {\n        return require(\"private-next-pages/how-it-works.js\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/how-it-works\"])\n      });\n    }\n  ","import React from 'react'\nimport Link from 'next/link'\n\nconst Button = React.forwardRef((props, ref) => {\n    const {\n        children,\n        className,\n        disabled,\n        processing,\n        processingText,\n        design,\n        loading,\n        href,\n        ...rest\n    } = props\n\n    const classNames = () => {\n        return `btn-${design || 'stroke'} ${className || ''} ${processing ? 'processing' : ''}`\n    }\n\n    return href ? <Link href={href}>\n        <a href={href} className={loading ? 'btn-fill btn-loading' : classNames()} {...rest} ref={ref}>\n            {children}\n        </a>\n    </Link> : <button\n        className={loading ? 'btn-fill btn-loading' : classNames()}\n        disabled={disabled || processing}\n        ref={ref}\n        {...rest}\n    >\n        {processing ? processingText || 'Loading' : children}\n\n        {processing && <>\n                <span>.</span>\n                <span>.</span>\n                <span>.</span>\n            </>}\n    </button>\n})\n\nexport default Button\n","import NextImage from 'next/image'\n\nconst Image = ({ ...props }) => {\n    if (!props.src) return null\n    return <NextImage placeholder={props.width < 40 && props.height < 40 ? null : 'blur'} lazyBoundary=\"99999px\" quality={85} {...props}/>\n    // return <NextImage lazyBoundary=\"99999px\" quality={80} {...props}/>\n}\n\nexport default Image\n","import Image from \"next/image\";\nimport { imgixLoader } from \"@delicious-simplicity/next-image-imgix-loader\";\n\nconst Imgix = ({ ...props }) => {\n    const imgSrc = imgixLoader(props,\n        {\n            w: props.width,\n            h: props.height,\n            fm: 'webp',\n            fit: 'crop',\n            auto: 'compress'\n        })?.replace(\"%25\", \"%\")\n\n    return <Image\n      loader={() => imgSrc}\n      placeholder={props.width < 40 && props.height < 40 ? null : 'blur'}\n      blurDataURL={imgSrc}\n      src={imgSrc}\n      alt={props.alt}\n      width={props.width}\n      height={props.height}\n      {...props}\n    />\n}\n\nexport default Imgix\n","import { useState } from 'react'\nimport { Converter } from 'showdown'\n\nimport Button from '../UI/Button'\nconst converter = new Converter()\n\nconst Faq = ({ howItWorks, faqs }) => {\n    const [active, setActive] = useState(null)\n\n    return <div className={`faq ${howItWorks ? 'faq--howitwork' : ''}`}>\n        <div className=\"faq__inner\">\n            <h2 className={`${howItWorks ? 'h2' : ''} faq__title`}>\n                Frequently asked questions\n            </h2>\n            <div className=\"faq__items\">\n                {faqs.map(({ id, answer, question }) =>\n                    <div className={`faq-acc ${active === id ? 'faq-acc--open' : ''}`}\n                         key={id}\n                         onClick={() => setActive(active === id ? null : id)}>\n                        <div className=\"faq-acc__head\">\n                            <p>{question}</p>\n                            <Button className=\"faq-acc__icon\" design=\"none\"/>\n                        </div>\n                        <div className=\"faq-acc__body\">\n                            <span dangerouslySetInnerHTML={{ __html: converter.makeHtml(answer) }}/>\n                        </div>\n                    </div>\n                )}\n            </div>\n        </div>\n    </div>\n}\n\nexport default Faq\n","import { useEffect, useState } from 'react'\nimport Link from 'next/link'\n\nimport Imgix from '../UI/Imgix'\n\nimport auth from '../../services/auth'\n\nimport howitwork from '../../assets/images/howitwork.jpg'\n\nconst HowItWorkHero = () => {\n    const [user, setUser] = useState(false)\n\n    useEffect(async () => {\n        try {\n            await auth.currAuthUser()\n            setUser(true)\n        } catch (error) {\n            setUser(false)\n        }\n    }, [])\n    return <section className='wellcome-hero'>\n        <div className='container'>\n            <div className='wellcome-hero__grid'>\n                <div className='wellcome-hero__content'>\n                    <h1 className='h1 wellcome-hero__title'>\n                        A baby registry that puts maternal health first{' '}\n                    </h1>\n                    <p className='wellcome-hero__desc'>\n                        Little Honey Money celebrates new motherhood in the ways that matter most{' '}\n                    </p>\n                    <Link href={`${user ? '/my-registry' : '/signup'}`}>\n                        <a className='btn-fill wellcome-hero__link'>\n                            START YOUR REGISTRY\n                        </a>\n                    </Link>\n                </div>\n                <div className='wellcome-hero__image'>\n                    <Imgix\n                        width={585}\n                        height={483}\n                        priority\n                        src=\"https://little-honey-money.imgix.net/howitwork/howitwork.jpg\"\n                        alt=\"\"\n                    />\n                </div>\n            </div>\n        </div>\n    </section>\n}\n\nexport default HowItWorkHero\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport { getDocument } from 'ssr-window';\nimport $ from '../../utils/dom';\nimport { extend, nextTick, bindModuleMethods, createElementIfNotDefined } from '../../utils/utils';\nvar Scrollbar = {\n  setTranslate: function setTranslate() {\n    var swiper = this;\n    if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;\n    var scrollbar = swiper.scrollbar,\n        rtl = swiper.rtlTranslate,\n        progress = swiper.progress;\n    var dragSize = scrollbar.dragSize,\n        trackSize = scrollbar.trackSize,\n        $dragEl = scrollbar.$dragEl,\n        $el = scrollbar.$el;\n    var params = swiper.params.scrollbar;\n    var newSize = dragSize;\n    var newPos = (trackSize - dragSize) * progress;\n\n    if (rtl) {\n      newPos = -newPos;\n\n      if (newPos > 0) {\n        newSize = dragSize - newPos;\n        newPos = 0;\n      } else if (-newPos + dragSize > trackSize) {\n        newSize = trackSize + newPos;\n      }\n    } else if (newPos < 0) {\n      newSize = dragSize + newPos;\n      newPos = 0;\n    } else if (newPos + dragSize > trackSize) {\n      newSize = trackSize - newPos;\n    }\n\n    if (swiper.isHorizontal()) {\n      $dragEl.transform(\"translate3d(\" + newPos + \"px, 0, 0)\");\n      $dragEl[0].style.width = newSize + \"px\";\n    } else {\n      $dragEl.transform(\"translate3d(0px, \" + newPos + \"px, 0)\");\n      $dragEl[0].style.height = newSize + \"px\";\n    }\n\n    if (params.hide) {\n      clearTimeout(swiper.scrollbar.timeout);\n      $el[0].style.opacity = 1;\n      swiper.scrollbar.timeout = setTimeout(function () {\n        $el[0].style.opacity = 0;\n        $el.transition(400);\n      }, 1000);\n    }\n  },\n  setTransition: function setTransition(duration) {\n    var swiper = this;\n    if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;\n    swiper.scrollbar.$dragEl.transition(duration);\n  },\n  updateSize: function updateSize() {\n    var swiper = this;\n    if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;\n    var scrollbar = swiper.scrollbar;\n    var $dragEl = scrollbar.$dragEl,\n        $el = scrollbar.$el;\n    $dragEl[0].style.width = '';\n    $dragEl[0].style.height = '';\n    var trackSize = swiper.isHorizontal() ? $el[0].offsetWidth : $el[0].offsetHeight;\n    var divider = swiper.size / swiper.virtualSize;\n    var moveDivider = divider * (trackSize / swiper.size);\n    var dragSize;\n\n    if (swiper.params.scrollbar.dragSize === 'auto') {\n      dragSize = trackSize * divider;\n    } else {\n      dragSize = parseInt(swiper.params.scrollbar.dragSize, 10);\n    }\n\n    if (swiper.isHorizontal()) {\n      $dragEl[0].style.width = dragSize + \"px\";\n    } else {\n      $dragEl[0].style.height = dragSize + \"px\";\n    }\n\n    if (divider >= 1) {\n      $el[0].style.display = 'none';\n    } else {\n      $el[0].style.display = '';\n    }\n\n    if (swiper.params.scrollbar.hide) {\n      $el[0].style.opacity = 0;\n    }\n\n    extend(scrollbar, {\n      trackSize: trackSize,\n      divider: divider,\n      moveDivider: moveDivider,\n      dragSize: dragSize\n    });\n\n    if (swiper.params.watchOverflow && swiper.enabled) {\n      scrollbar.$el[swiper.isLocked ? 'addClass' : 'removeClass'](swiper.params.scrollbar.lockClass);\n    }\n  },\n  getPointerPosition: function getPointerPosition(e) {\n    var swiper = this;\n\n    if (swiper.isHorizontal()) {\n      return e.type === 'touchstart' || e.type === 'touchmove' ? e.targetTouches[0].clientX : e.clientX;\n    }\n\n    return e.type === 'touchstart' || e.type === 'touchmove' ? e.targetTouches[0].clientY : e.clientY;\n  },\n  setDragPosition: function setDragPosition(e) {\n    var swiper = this;\n    var scrollbar = swiper.scrollbar,\n        rtl = swiper.rtlTranslate;\n    var $el = scrollbar.$el,\n        dragSize = scrollbar.dragSize,\n        trackSize = scrollbar.trackSize,\n        dragStartPos = scrollbar.dragStartPos;\n    var positionRatio;\n    positionRatio = (scrollbar.getPointerPosition(e) - $el.offset()[swiper.isHorizontal() ? 'left' : 'top'] - (dragStartPos !== null ? dragStartPos : dragSize / 2)) / (trackSize - dragSize);\n    positionRatio = Math.max(Math.min(positionRatio, 1), 0);\n\n    if (rtl) {\n      positionRatio = 1 - positionRatio;\n    }\n\n    var position = swiper.minTranslate() + (swiper.maxTranslate() - swiper.minTranslate()) * positionRatio;\n    swiper.updateProgress(position);\n    swiper.setTranslate(position);\n    swiper.updateActiveIndex();\n    swiper.updateSlidesClasses();\n  },\n  onDragStart: function onDragStart(e) {\n    var swiper = this;\n    var params = swiper.params.scrollbar;\n    var scrollbar = swiper.scrollbar,\n        $wrapperEl = swiper.$wrapperEl;\n    var $el = scrollbar.$el,\n        $dragEl = scrollbar.$dragEl;\n    swiper.scrollbar.isTouched = true;\n    swiper.scrollbar.dragStartPos = e.target === $dragEl[0] || e.target === $dragEl ? scrollbar.getPointerPosition(e) - e.target.getBoundingClientRect()[swiper.isHorizontal() ? 'left' : 'top'] : null;\n    e.preventDefault();\n    e.stopPropagation();\n    $wrapperEl.transition(100);\n    $dragEl.transition(100);\n    scrollbar.setDragPosition(e);\n    clearTimeout(swiper.scrollbar.dragTimeout);\n    $el.transition(0);\n\n    if (params.hide) {\n      $el.css('opacity', 1);\n    }\n\n    if (swiper.params.cssMode) {\n      swiper.$wrapperEl.css('scroll-snap-type', 'none');\n    }\n\n    swiper.emit('scrollbarDragStart', e);\n  },\n  onDragMove: function onDragMove(e) {\n    var swiper = this;\n    var scrollbar = swiper.scrollbar,\n        $wrapperEl = swiper.$wrapperEl;\n    var $el = scrollbar.$el,\n        $dragEl = scrollbar.$dragEl;\n    if (!swiper.scrollbar.isTouched) return;\n    if (e.preventDefault) e.preventDefault();else e.returnValue = false;\n    scrollbar.setDragPosition(e);\n    $wrapperEl.transition(0);\n    $el.transition(0);\n    $dragEl.transition(0);\n    swiper.emit('scrollbarDragMove', e);\n  },\n  onDragEnd: function onDragEnd(e) {\n    var swiper = this;\n    var params = swiper.params.scrollbar;\n    var scrollbar = swiper.scrollbar,\n        $wrapperEl = swiper.$wrapperEl;\n    var $el = scrollbar.$el;\n    if (!swiper.scrollbar.isTouched) return;\n    swiper.scrollbar.isTouched = false;\n\n    if (swiper.params.cssMode) {\n      swiper.$wrapperEl.css('scroll-snap-type', '');\n      $wrapperEl.transition('');\n    }\n\n    if (params.hide) {\n      clearTimeout(swiper.scrollbar.dragTimeout);\n      swiper.scrollbar.dragTimeout = nextTick(function () {\n        $el.css('opacity', 0);\n        $el.transition(400);\n      }, 1000);\n    }\n\n    swiper.emit('scrollbarDragEnd', e);\n\n    if (params.snapOnRelease) {\n      swiper.slideToClosest();\n    }\n  },\n  enableDraggable: function enableDraggable() {\n    var swiper = this;\n    if (!swiper.params.scrollbar.el) return;\n    var document = getDocument();\n    var scrollbar = swiper.scrollbar,\n        touchEventsTouch = swiper.touchEventsTouch,\n        touchEventsDesktop = swiper.touchEventsDesktop,\n        params = swiper.params,\n        support = swiper.support;\n    var $el = scrollbar.$el;\n    var target = $el[0];\n    var activeListener = support.passiveListener && params.passiveListeners ? {\n      passive: false,\n      capture: false\n    } : false;\n    var passiveListener = support.passiveListener && params.passiveListeners ? {\n      passive: true,\n      capture: false\n    } : false;\n    if (!target) return;\n\n    if (!support.touch) {\n      target.addEventListener(touchEventsDesktop.start, swiper.scrollbar.onDragStart, activeListener);\n      document.addEventListener(touchEventsDesktop.move, swiper.scrollbar.onDragMove, activeListener);\n      document.addEventListener(touchEventsDesktop.end, swiper.scrollbar.onDragEnd, passiveListener);\n    } else {\n      target.addEventListener(touchEventsTouch.start, swiper.scrollbar.onDragStart, activeListener);\n      target.addEventListener(touchEventsTouch.move, swiper.scrollbar.onDragMove, activeListener);\n      target.addEventListener(touchEventsTouch.end, swiper.scrollbar.onDragEnd, passiveListener);\n    }\n  },\n  disableDraggable: function disableDraggable() {\n    var swiper = this;\n    if (!swiper.params.scrollbar.el) return;\n    var document = getDocument();\n    var scrollbar = swiper.scrollbar,\n        touchEventsTouch = swiper.touchEventsTouch,\n        touchEventsDesktop = swiper.touchEventsDesktop,\n        params = swiper.params,\n        support = swiper.support;\n    var $el = scrollbar.$el;\n    var target = $el[0];\n    var activeListener = support.passiveListener && params.passiveListeners ? {\n      passive: false,\n      capture: false\n    } : false;\n    var passiveListener = support.passiveListener && params.passiveListeners ? {\n      passive: true,\n      capture: false\n    } : false;\n    if (!target) return;\n\n    if (!support.touch) {\n      target.removeEventListener(touchEventsDesktop.start, swiper.scrollbar.onDragStart, activeListener);\n      document.removeEventListener(touchEventsDesktop.move, swiper.scrollbar.onDragMove, activeListener);\n      document.removeEventListener(touchEventsDesktop.end, swiper.scrollbar.onDragEnd, passiveListener);\n    } else {\n      target.removeEventListener(touchEventsTouch.start, swiper.scrollbar.onDragStart, activeListener);\n      target.removeEventListener(touchEventsTouch.move, swiper.scrollbar.onDragMove, activeListener);\n      target.removeEventListener(touchEventsTouch.end, swiper.scrollbar.onDragEnd, passiveListener);\n    }\n  },\n  init: function init() {\n    var swiper = this;\n    var scrollbar = swiper.scrollbar,\n        $swiperEl = swiper.$el;\n    swiper.params.scrollbar = createElementIfNotDefined($swiperEl, swiper.params.scrollbar, swiper.params.createElements, {\n      el: 'swiper-scrollbar'\n    });\n    var params = swiper.params.scrollbar;\n    if (!params.el) return;\n    var $el = $(params.el);\n\n    if (swiper.params.uniqueNavElements && typeof params.el === 'string' && $el.length > 1 && $swiperEl.find(params.el).length === 1) {\n      $el = $swiperEl.find(params.el);\n    }\n\n    var $dragEl = $el.find(\".\" + swiper.params.scrollbar.dragClass);\n\n    if ($dragEl.length === 0) {\n      $dragEl = $(\"<div class=\\\"\" + swiper.params.scrollbar.dragClass + \"\\\"></div>\");\n      $el.append($dragEl);\n    }\n\n    extend(scrollbar, {\n      $el: $el,\n      el: $el[0],\n      $dragEl: $dragEl,\n      dragEl: $dragEl[0]\n    });\n\n    if (params.draggable) {\n      scrollbar.enableDraggable();\n    }\n\n    if ($el) {\n      $el[swiper.enabled ? 'removeClass' : 'addClass'](swiper.params.scrollbar.lockClass);\n    }\n  },\n  destroy: function destroy() {\n    var swiper = this;\n    swiper.scrollbar.disableDraggable();\n  }\n};\nexport default {\n  name: 'scrollbar',\n  params: {\n    scrollbar: {\n      el: null,\n      dragSize: 'auto',\n      hide: false,\n      draggable: false,\n      snapOnRelease: true,\n      lockClass: 'swiper-scrollbar-lock',\n      dragClass: 'swiper-scrollbar-drag'\n    }\n  },\n  create: function create() {\n    var swiper = this;\n    bindModuleMethods(swiper, {\n      scrollbar: _extends({\n        isTouched: false,\n        timeout: null,\n        dragTimeout: null\n      }, Scrollbar)\n    });\n  },\n  on: {\n    init: function init(swiper) {\n      swiper.scrollbar.init();\n      swiper.scrollbar.updateSize();\n      swiper.scrollbar.setTranslate();\n    },\n    update: function update(swiper) {\n      swiper.scrollbar.updateSize();\n    },\n    resize: function resize(swiper) {\n      swiper.scrollbar.updateSize();\n    },\n    observerUpdate: function observerUpdate(swiper) {\n      swiper.scrollbar.updateSize();\n    },\n    setTranslate: function setTranslate(swiper) {\n      swiper.scrollbar.setTranslate();\n    },\n    setTransition: function setTransition(swiper, duration) {\n      swiper.scrollbar.setTransition(duration);\n    },\n    'enable disable': function enableDisable(swiper) {\n      var $el = swiper.scrollbar.$el;\n\n      if ($el) {\n        $el[swiper.enabled ? 'removeClass' : 'addClass'](swiper.params.scrollbar.lockClass);\n      }\n    },\n    destroy: function destroy(swiper) {\n      swiper.scrollbar.destroy();\n    }\n  }\n};","export default {\"src\":\"/_next/static/media/black-down-arrow.c61b302d.png\",\"height\":14,\"width\":22,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAGFBMVEVMaXFGRkZGRkZGRkZGRkZGRkZGRkZGRkZdRtAFAAAACHRSTlMArHrEmitRFjBR+oIAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAnSURBVAiZHYlBDgAwCMIqqPv/jzfGoU0KHrJifGLBGlqpW+p/o3q8BhgAO44EsRkAAAAASUVORK5CYII=\"};","import { useState, useRef, useEffect } from 'react'\nimport { useRouter } from 'next/router'\nimport SwiperCore, { Scrollbar } from 'swiper'\nimport { Swiper, SwiperSlide } from 'swiper/react'\nimport Link from 'next/link'\nSwiperCore.use(Scrollbar);\n\nimport Image from '../UI/Image'\nimport Imgix from '../UI/Imgix'\n\nimport blackDownArrow from '../../assets/images/black-down-arrow.png'\n\nconst Steps = ({tab, ...props}) => {\n    const [dropdownValue, setDropdownValue] = useState(null);\n    const [isDropdownOpen, setDropdownOpen] = useState(false)\n    const dropdownRef = useRef(null);\n    const [showSlider, setShowSlider] = useState(false)\n    const router = useRouter()\n    const { query } = router\n\n    const handleStepCarousel = () => {\n        window.innerWidth <= 1023.98 ? setShowSlider(true) : setShowSlider(false)\n    }\n\n    // TODO: remove event listener\n    useEffect(() => {\n        window.addEventListener('resize', handleStepCarousel)\n        setDropdownValue(dropdownRef.current.children[0].querySelector('a').innerText);\n        handleStepCarousel();\n        return () => window.removeEventListener('resize', handleStepCarousel)\n    }, [showSlider])\n\n    const toggleDropdown = (e) => {\n        let target = e.target.closest('a');\n        if (target) {\n            setDropdownValue(target.innerText);\n            setDropdownOpen(false)\n        }\n    }\n\n    useEffect(() => {\n        if (query && query.name === 'friends-and-family') {\n            props.onTabChange('friends')\n        }\n    }, [query])\n\n    return (\n        <section className='steps'>\n            <div className='container'>\n                <div className='steps__header'>\n                    <div className=\"steps__label\" onClick={() => setDropdownOpen(!isDropdownOpen)}>\n                        <span>{dropdownValue}</span>\n                        <button className=\"steps__label-arrow\">\n                            <Image width={10} height={6} src={blackDownArrow} alt=\"\"/>\n                        </button>\n                    </div>\n                    <ul className={`steps__menu ${isDropdownOpen ? 'steps__menu--open' : null}`} ref={dropdownRef} onClick={(e) => toggleDropdown(e)}>\n                        <li>\n                            <a\n                                className={`${tab === 'parents' ? 'btn-link' : ''\n                                    }`}\n                                onClick={() => props.onTabChange('parents')}\n                            >\n                                FOR Parents-to-Be{' '}\n                            </a>\n                        </li>\n                        <li>\n                            <a\n                                className={`${tab === 'friends' ? 'btn-link' : ''\n                                    }`}\n                                onClick={() => props.onTabChange('friends')}\n                            >\n                                FOR FRIENDS &amp; FAMILY\n                            </a>\n                        </li>\n                    </ul>\n                </div>\n                <div className='steps__content'>\n                    {tab === 'parents' ? (\n                        showSlider\n                            ?\n                            <StepCarousel1 />\n                            :\n                            (<div className='steps__item'>\n                                <div className='step'>\n                                    <div className='step__image'>\n                                        <Imgix \n                                            width={580} \n                                            height={700} \n                                            src=\"https://little-honey-money.imgix.net/howitwork/howitwork-step-1.jpg\" \n                                            alt=\"\"\n                                        />\n                                    </div>\n                                    <div className='step__content'>\n                                        <div className='count'>1</div>\n                                        <h2 className='h2 step__title'>\n                                            Set up your Little Honey <br /> Money\n                                            registry—it’s free.\n                                        </h2>\n                                        <p className='step__desc'>\n                                            We take the guesswork out of\n                                            registering, so you can get it right\n                                            your first time around. Setting up your\n                                            fund is simple and takes less than 5\n                                            minutes. And your friends and family can\n                                            start contributing immediately.{' '}\n                                        </p>\n                                    </div>\n                                </div>\n                                <div className='step'>\n                                    <div className='step__image'>\n                                        <Imgix \n                                            width={580} \n                                            height={700} \n                                            src=\"https://little-honey-money.imgix.net/howitwork/howitwork-step-2.jpg\" \n                                            alt=\"\"\n                                        />\n                                    </div>\n                                    <div className='step__content'>\n                                        <div className='count'>2</div>\n                                        <h2 className='h2 step__title'>\n                                            Invite your family and friends to\n                                            contribute.\n                                        </h2>\n                                        <p className='step__desc'>\n                                            Use your Little Honey Money dashboard or\n                                            simply share a direct link to your\n                                            registry to allow those closest to you\n                                            to contribute.\n                                        </p>\n                                    </div>\n                                </div>\n\n                                <div className='step'>\n                                    <div className='step__image'>\n                                        <Imgix \n                                            width={580} \n                                            height={700} \n                                            src=\"https://little-honey-money.imgix.net/howitwork/howitwork-step-3.jpg\" \n                                            alt=\"\"\n                                        />\n                                    </div>\n                                    <div className='step__content'>\n                                        <div className='count'>3</div>\n                                        <h2 className='h2 step__title'>\n                                            Get support and use your funds how and when you need them.\n                                        </h2>\n                                        <p className='step__desc'>\n                                            Little Honey Money puts parents in\n                                            control, so you make sure you get all\n                                            the right things, when you need\n                                            them—including critical care services\n                                            like doula support, meal deliveries,\n                                            child care, and more—all at your\n                                            discretion.{' '}\n                                        </p>\n                                    </div>\n                                </div>\n                            </div>)\n\n                    ) : (\n                        // step 2\n                        showSlider\n                            ?\n                            <StepCarousel2 />\n                            :\n                            (<div className='steps__item'>\n                                <div className='step'>\n                                    <div className='step__image'>\n\n                                        <Imgix \n                                            width={580} \n                                            height={700} \n                                            src=\"https://little-honey-money.imgix.net/howitwork/howitwork-step-4.jpg\" \n                                            alt=\"\"\n                                        />\n                                    </div>\n                                    <div className='step__content'>\n                                        <div className='count'>1</div>\n                                        <h2 className='h2 step__title'>\n                                            Find a registry by name or use a direct\n                                            link.\n                                        </h2>\n                                        <p className='step__desc desk-max'>\n                                            Use the link provided by parent-to-be or\n                                            host, or search by name  or email\n                                            address.\n                                        </p>\n                                        <Link href='/findregistry'>\n                                            <a>\n                                                <span className='search-registries'>\n                                                    SEARCH REGISTRIES\n                                                </span>\n                                            </a>\n                                        </Link>\n                                    </div>\n                                </div>\n                                <div className='step'>\n                                    <div className='step__image'>\n                                        <Imgix \n                                            width={580} \n                                            height={700} \n                                            src=\"https://little-honey-money.imgix.net/howitwork/howitwork-step-5.jpg\"\n                                            alt=\"\"\n                                        />\n                                    </div>\n                                    <div className='step__content'>\n                                        <div className='count'>2</div>\n                                        <h2 className='h2 step__title'>\n                                            Choose individual items to gift or select a dollar amount to contribute to funds.\n                                        </h2>\n                                        <p className='step__desc'>\n                                            With Little Honey Money, the mom-to-be\n                                            in your life gets to tell you exactly\n                                            what she needs for her new family.\n                                            You’ll never have to wonder if they will\n                                            use it.\n                                        </p>\n                                    </div>\n                                </div>\n\n                                <div className='step'>\n                                    <div className='step__image'>\n                                        <Imgix \n                                            width={580} \n                                            height={700} \n                                            src=\"https://little-honey-money.imgix.net/howitwork/howitwork-step-6.jpg\"\n                                            alt=\"\"\n                                        />\n                                    </div>\n                                    <div className='step__content'>\n                                        <div className='count'>3</div>\n                                        <h2 className='h2 step__title'>\n                                            Send your gift.\n                                        </h2>\n                                        <p className='step__desc'>\n                                            Your special mom-to-be will be notified\n                                            of your contribution via email and it\n                                            will be immediately reflected in her\n                                            Little Honey Money account. It’s quick,\n                                            simple, and safe. Plus, you’ll have the\n                                            added bonus of knowing you’re giving\n                                            exactly what the growing family needs\n                                            most, when they need it most.\n                                        </p>\n                                    </div>\n                                </div>\n                            </div>)\n                    )}\n                </div>\n            </div>\n        </section>\n    )\n}\n\n\nfunction StepCarousel1() {\n    return (\n        <Swiper\n            spaceBetween={0}\n            slidesPerView={1}\n            scrollbar={{ draggable: true }}\n        >\n            <SwiperSlide>\n                <div className='step'>\n                    <div className='step__image'>\n                        <Imgix \n                            width={580} \n                            height={700} \n                            src=\"https://little-honey-money.imgix.net/howitwork/howitwork-step-1.jpg\"\n                            alt=\"\"/>\n                    </div>\n                    <div className='step__content'>\n                        <div className='count'>1</div>\n                        <h2 className='h2 step__title'>\n                            Set up your Little Honey <br /> Money\n                            registry—it’s free.\n                        </h2>\n                        <p className='step__desc'>\n                            We take the guesswork out of\n                            registering, so you can get it right\n                            your first time around. Setting up your\n                            fund is simple and takes less than 5\n                            minutes. And your friends and family can\n                            start contributing immediately.{' '}\n                        </p>\n                    </div>\n                </div>\n            </SwiperSlide>\n            <SwiperSlide>\n                <div className='step'>\n                    <div className='step__image'>\n                        <Imgix \n                            width={580} \n                            height={700} \n                            src=\"https://little-honey-money.imgix.net/howitwork/howitwork-step-2.jpg\"\n                            alt=\"\"\n                        />\n                    </div>\n                    <div className='step__content'>\n                        <div className='count'>2</div>\n                        <h2 className='h2 step__title'>\n                            Invite your family and friends to\n                            contribute.\n                        </h2>\n                        <p className='step__desc'>\n                            Use your Little Honey Money dashboard or\n                            simply share a direct link to your\n                            registry to allow those closest to you\n                            to contribute.\n                        </p>\n                    </div>\n                </div>\n            </SwiperSlide>\n            <SwiperSlide>\n                <div className='step'>\n                    <div className='step__image'>\n                        <Imgix \n                            width={580} \n                            height={700} \n                            src=\"https://little-honey-money.imgix.net/howitwork/howitwork-step-3.jpg\"\n                            alt=\"\"\n                        />\n                    </div>\n                    <div className='step__content'>\n                        <div className='count'>3</div>\n                        <h2 className='h2 step__title'>\n                            Get support and use your funds how and when you need them.\n                        </h2>\n                        <p className='step__desc'>\n                            Little Honey Money puts parents in\n                            control, so you make sure you get all\n                            the right things, when you need\n                            them—including critical care services\n                            like doula support, meal deliveries,\n                            child care, and more—all at your\n                            discretion.{' '}\n                        </p>\n                    </div>\n                </div>\n            </SwiperSlide>\n        </Swiper>\n    )\n}\n\nfunction StepCarousel2() {\n    return (\n        <Swiper\n            spaceBetween={0}\n            slidesPerView={1}\n            scrollbar={{ draggable: true }}\n        >\n            <SwiperSlide>\n                <div className='step'>\n                    <div className='step__image'>\n                        <Imgix width={580} height={700} src=\"https://little-honey-money.imgix.net/howitwork/howitwork-step-4.jpg\" alt=\"\"/>\n                    </div>\n                    <div className='step__content'>\n                        <div className='count'>1</div>\n                        <h2 className='h2 step__title'>\n                            Find a registry by name or use a direct\n                            link.\n                        </h2>\n                        <p className='step__desc desk-max'>\n                            Use the link provided by parent-to-be or\n                            host, or search by name or email\n                            address.\n                        </p>\n                        <Link href='/findregistry'>\n                            <a>\n                                <span className='search-registries'>\n                                    SEARCH REGISTRIES\n                                </span>\n                            </a>\n                        </Link>\n                    </div>\n                </div>\n            </SwiperSlide>\n            <SwiperSlide>\n                <div className='step'>\n                    <div className='step__image'>\n                        <Imgix \n                            width={580} \n                            height={700} \n                            src=\"https://little-honey-money.imgix.net/howitwork/howitwork-step-5.jpg\"\n                            alt=\"\"\n                        />\n                    </div>\n                    <div className='step__content'>\n                        <div className='count'>2</div>\n                        <h2 className='h2 step__title'>\n                            Choose individual items to gift or select a dollar amount to contribute to funds.\n                        </h2>\n                        <p className='step__desc'>\n                            With Little Honey Money, the mom-to-be\n                            in your life gets to tell you exactly\n                            what she needs for her new family.\n                            You’ll never have to wonder if they will\n                            use it.\n                        </p>\n                    </div>\n                </div>\n            </SwiperSlide>\n            <SwiperSlide>\n                <div className='step'>\n                    <div className='step__image'>\n                        <Imgix \n                            width={580} \n                            height={700} \n                            src=\"https://little-honey-money.imgix.net/howitwork/howitwork-step-6.jpg\"\n                            alt=\"\"\n                        />\n                    </div>\n                    <div className='step__content'>\n                        <div className='count'>3</div>\n                        <h2 className='h2 step__title'>\n                            Send your gift.\n                        </h2>\n                        <p className='step__desc'>\n                            Your special mom-to-be will be notified\n                            of your contribution via email and it\n                            will be immediately reflected in her\n                            Little Honey Money account. It’s quick,\n                            simple, and safe. Plus, you’ll have the\n                            added bonus of knowing you’re giving\n                            exactly what the growing family needs\n                            most, when they need it most.\n                        </p>\n                    </div>\n                </div>\n            </SwiperSlide>\n        </Swiper>\n    )\n}\n\nexport default Steps\n","import { useState, useEffect } from 'react'\n\nimport Link from 'next/link';\n\nimport auth from '../../services/auth'\n\nconst Wellnes = ({tab}) => {\n    const [user, setUser] = useState(false)\n\n    useEffect(async () => {\n        try {\n            await auth.currAuthUser()\n            setUser(true)\n        } catch (error) {\n            setUser(false)\n        }\n    }, [])\n    return (\n        <section className=\"wellness\">\n            <div className=\"container\">\n                <div className=\"wellness__header\">\n                    <h2 className=\"h2\">Wellness services {tab === 'parents' ? 'to support your journey' : 'you can help support'}.</h2>\n                    <Link href={`${user ? '/my-registry' : 'get-started'}`}>\n                        <a className=\"wellness__link btn-link\">GET STARTED</a>\n                    </Link>\n                </div>\n                <div className=\"wellness__content\">\n                    <ul className=\"wellness__list\">\n                        <li className=\"wellness__list-item\">Birthing centers and classes</li>\n                        <li className=\"wellness__list-item\">Birth and postpartum doulas</li>\n                        <li className=\"wellness__list-item\">Infant care specialists</li>\n                        <li className=\"wellness__list-item\">Mother’s helpers</li>\n                        <li className=\"wellness__list-item\">Childcare / Daycare</li>\n                        <li className=\"wellness__list-item\">Sleep Consultants</li>\n                        <li className=\"wellness__list-item\">Family meal deliveries</li>\n                        <li className=\"wellness__list-item\">Fresh baby food deliveries</li>\n                    </ul>\n                    <ul className=\"wellness__list\">\n                        <li className=\"wellness__list-item\">Prenatal and postnatal yoga / pilates</li>\n                        <li className=\"wellness__list-item\">Mental health services</li>\n                        <li className=\"wellness__list-item\">Acupuncture / functional medicine</li>\n                        <li className=\"wellness__list-item\">Mommy and me classes</li>\n                        <li className=\"wellness__list-item\">Fertility coaching and treatment</li>\n                        <li className=\"wellness__list-item\">Craniosacral therapy</li>\n                        <li className=\"wellness__list-item\">Placenta encapsulation</li>\n                        <li className=\"wellness__list-item\">Nursery planning &amp; organization</li>\n                    </ul>\n                    <ul className=\"wellness__list\">\n                        <li className=\"wellness__list-item\">Parenting and coaching classes</li>\n                        <li className=\"wellness__list-item\">Medical expenses</li>\n                        <li className=\"wellness__list-item\">Overnight support</li>\n                        <li className=\"wellness__list-item\">Babysitters / nannies</li>\n                        <li className=\"wellness__list-item\">Massages</li>\n                        <li className=\"wellness__list-item\">Pediatric PT / OT</li>\n                        <li className=\"wellness__list-item\">Postnatal pelvic health</li>\n                        <li className=\"wellness__list-item\">OBGYN</li>\n                    </ul>\n                </div>\n            </div>\n        </section>\n    )\n};\n\nexport default Wellnes;\n","import Link from 'next/link';\nimport Imgix from '../UI/Imgix'\n\nconst FeaturedPost = () =>\n    <section className=\"featured-post\">\n        <div className=\"container\">\n            <div className=\"featured-post__grid\">\n                <Link href=\"/journal/how-a-doula-makes-for-a-better-pregnancy-and-postpartum/\">\n                    <a className=\"featured-post__content\" target=\"_blank\">\n                        <h6 className=\"featured-post__subtitle\">Featured</h6>\n                        <h2 className=\"h1\">Why More Moms are Leaning on Doulas</h2>\n                        <p className=\"featured-post__desc\">Giving parents-to-be complete control over their newborn\n                            expenses and purchases all in one place.</p>\n                        <p className=\"btn-link featured-post__link\">READ</p>\n                    </a>\n                </Link>\n                <div className=\"featured__image\">\n                    <Imgix\n                        width={530}\n                        height={378}\n                        src=\"https://little-honey-money.imgix.net/howitwork/featured-post.jpg\"\n                        alt=\"\"\n                    />\n                </div>\n            </div>\n        </div>\n    </section>;\n\nexport default FeaturedPost;\n","import Head from 'next/head'\n\nimport HowItWorkHero from '../components/howitwork/HeroSection'\nimport Steps from '../components/howitwork/Steps'\nimport Wellnes from '../components/howitwork/Wellness'\nimport FeaturedPost from '../components/howitwork/FeaturedPost'\nimport Faq from '../components/howitwork/Faq'\nimport { DataStore } from '@aws-amplify/datastore'\nimport { FAQ } from '../src/models'\nimport { useState } from 'react'\n\nconst HowItWork = ({data}) => {\n    const [tab, setTab] = useState('parents');\n    return <div className=\"wrapper\">\n        <Head>\n            <title>Little Honey Money</title>\n            <meta property=\"og:title\" content=\"Little Honey Money\"/>\n            <meta property=\"og:url\" content={`${process.env.NEXT_PUBLIC_APP_URL}/how-it-works`}/>\n            <meta property=\"og:image\" content=\"/images/howitwork.jpg\"/>\n            <meta property=\"og:type\" content=\"website\"/>\n            <meta property=\"og:description\" content=\"A baby registry that puts parents in control.\"/>\n            <meta property=\"og:locale\" content=\"en_US\"/>\n        </Head>\n        <HowItWorkHero/>\n        <Steps tab={tab} onTabChange={setTab}/>\n        <Wellnes tab={tab}/>\n        <FeaturedPost/>\n        <Faq faqs={data} howItWorks={true}/>\n    </div>\n}\n\nexport const getStaticProps = async () => {\n    const models = await DataStore.query(FAQ)\n    return {\n        props: {\n            data: models.map(item => ({...item}))\n        }\n    }\n}\n\nexport default HowItWork\n"],"names":["window","__NEXT_P","push","Button","React","props","ref","children","className","disabled","processing","processingText","design","loading","href","rest","classNames","Link","a","button","span","src","NextImage","placeholder","width","height","lazyBoundary","quality","imgixLoader","imgSrc","w","h","fm","fit","auto","replace","Image","loader","blurDataURL","alt","converter","Converter","howItWorks","faqs","useState","active","setActive","div","h2","map","id","answer","question","onClick","p","dangerouslySetInnerHTML","__html","makeHtml","user","setUser","useEffect","auth","section","h1","Imgix","priority","_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","Scrollbar","setTranslate","swiper","params","scrollbar","el","rtl","rtlTranslate","progress","dragSize","trackSize","$dragEl","$el","newSize","newPos","isHorizontal","transform","style","hide","clearTimeout","timeout","opacity","setTimeout","transition","setTransition","duration","updateSize","offsetWidth","offsetHeight","divider","size","virtualSize","moveDivider","parseInt","display","watchOverflow","enabled","isLocked","lockClass","getPointerPosition","e","type","targetTouches","clientX","clientY","setDragPosition","positionRatio","dragStartPos","offset","Math","max","min","position","minTranslate","maxTranslate","updateProgress","updateActiveIndex","updateSlidesClasses","onDragStart","$wrapperEl","isTouched","getBoundingClientRect","preventDefault","stopPropagation","dragTimeout","css","cssMode","emit","onDragMove","returnValue","onDragEnd","snapOnRelease","slideToClosest","enableDraggable","document","touchEventsTouch","touchEventsDesktop","support","activeListener","passiveListener","passiveListeners","passive","capture","touch","addEventListener","start","move","end","disableDraggable","removeEventListener","init","$swiperEl","createElements","uniqueNavElements","find","dragClass","append","dragEl","draggable","destroy","name","create","on","update","resize","observerUpdate","SwiperCore","StepCarousel1","Swiper","spaceBetween","slidesPerView","SwiperSlide","br","StepCarousel2","tab","dropdownValue","setDropdownValue","isDropdownOpen","setDropdownOpen","dropdownRef","useRef","showSlider","setShowSlider","useRouter","query","handleStepCarousel","innerWidth","current","querySelector","innerText","onTabChange","blackDownArrow","ul","closest","toggleDropdown","li","h6","data","setTab","Head","title","meta","property","content","process","HowItWorkHero","Steps","Wellnes","FeaturedPost","Faq"],"sourceRoot":""}