https://www.smarty.com/_next/static/chunks/pages/admin-dashboard/d…/cards/features-one-5be8a61a5197adf6.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[78640],{46:(e,s,r)=>{"use strict";r.d(s,{A:()=>y});var i=r(37876),d=r(14232),n=r(20676),a=r(19204),t=r(70508),c=r(16379),o=r(5059),l=r.n(o);let h=({children:e,backgroundImageURL:s="/img/features-1/background-neighborhood-767.webp",speed:r="50%"})=>{let[o,h]=(0,d.useState)(!1),m=(0,d.useRef)(null),{scrollYProgress:u}=(0,n.L)({target:m,offset:["start end","end start"]}),x=(0,a.G)(u,[0,1],["0%",r]),j=(0,t.W)(m,{margin:"0px 0px -200px 0px"});return(0,d.useEffect)(()=>{j&&!o&&h(!0)},[j,o]),(0,i.jsx)(c.P.div,{ref:m,animate:{backgroundImage:o?`linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(${s})`:`linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url(${s})`},transition:{duration:1.33,ease:[.16,1,.03,1]},style:{backgroundImage:`
2					linear-gradient(0deg, colors.$utilityDarkBlur 0%, colors.$utilityDarkBlur 100%)
3					url(${s})
4				`,backgroundSize:"cover",backgroundRepeat:"no-repeat",backgroundPositionX:"center",backgroundPositionY:x},children:(0,i.jsx)("div",{className:l().wrapper,children:e})})};var m=r(53464),u=r(86587),x=r(61218),j=r(56741),g=r(91618),b=r.n(g);let p=(0,x.zg)(x.zK),f=(0,x.oi)(x.zK),y=({title:e="",subtitle:s="",children:r})=>{let d=6===(Array.isArray(r)?r.length:0)?b().threeCols:b().fourCols;return(0,i.jsx)(h,{children:(0,i.jsxs)("div",{className:b().wrapper,children:[(0,i.jsxs)(m.A,{children:[e&&(0,i.jsx)("h2",{className:b().title,children:e}),s&&(0,i.jsx)(c.P.h3,{className:b().subtitle,variants:f,initial:"hidden",whileInView:"visible",viewport:j.A,children:(0,u.k)(s).map((e,s)=>(0,i.jsx)(c.P.span,{className:b().subtitleItem,variants:p,children:e},`${e}-${s}`))})]}),(0,i.jsx)(m.A,{customClass:`${b().listContainer} ${d}`,children:r})]})})}},32505:(e,s,r)=>{"use strict";r.d(s,{A:()=>d});var i=r(14232);let d=({children:e,parent:s})=>(0,i.isValidElement)(e)&&e.type===i.Fragment&&e.props.children?i.Children.map(e.props.children,e=>(0,i.cloneElement)(s,{},e)):i.Children.map(e,e=>(0,i.cloneElement)(s,{},e))},45996:(e,s,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/admin-dashboard/design-system/cards/features-one",function(){return r(87481)}])},53464:(e,s,r)=>{"use strict";r.d(s,{A:()=>t});var i=r(37876),d=r(61218),n=r(16379),a=r(32505);let t=({children:e,customClass:s,animate:r=!0})=>{let t=(0,d.oi)(d.C0),c=(0,d.zg)(d.C0),o={once:!0,margin:"0px 0px -10px 0px",amount:"some"},l=r?"hidden":"visible";return(0,i.jsx)(n.P.div,{variants:t,initial:l,whileInView:"visible",viewport:o,className:s,children:(0,i.jsx)(a.A,{parent:(0,i.jsx)(n.P.div,{variants:c,initial:l,whileInView:"visible",viewport:o}),children:e})})}},56741:(e,s,r)=>{"use strict";r.d(s,{A:()=>d,f:()=>i});let i=100,d={once:!0,margin:"0px 0px -100px 0px",amount:"some"}},70508:(e,s,r)=>{"use strict";r.d(s,{W:()=>a});var i=r(14232),d=r(30373);let n={some:0,all:1};function a(e,{root:s,margin:r,amount:t,once:c=!1,initial:o=!1}={}){let[l,h]=(0,i.useState)(o);return(0,i.useEffect)(()=>{if(!e.current||c&&l)return;let i={root:s&&s.current||void 0,margin:r,amount:t};return function(e,s,{root:r,margin:i,amount:a="some"}={}){let t=(0,d.K)(e),c=new WeakMap,o=new IntersectionObserver(e=>{e.forEach(e=>{let r=c.get(e.target);if(!!r!==e.isIntersecting)if(e.isIntersecting){let r=s(e.target,e);"function"==typeof r?c.set(e.target,r):o.unobserve(e.target)}else"function"==typeof r&&(r(e),c.delete(e.target))})},{root:r,rootMargin:i,threshold:"number"==typeof a?a:n[a]});return t.forEach(e=>o.observe(e)),()=>o.disconnect()}(e.current,()=>(h(!0),c?void 0:()=>h(!1)),i)},[s,e,r,c,t]),l}},85959:(e,s,r)=>{"use strict";r.d(s,{A:()=>o});var i=r(37876),d=r(93893),n=r(14232),a=r(35063),t=r(89099),c=r(51786);let o=({title:e=""})=>{let s=(0,t.useRouter)(),[r,o]=(0,n.useState)(s.asPath.startsWith("/admin-dashboard/design-system/cards")),[l,h]=(0,n.useState)(s.asPath.startsWith("/admin-dashboard/design-system/account-dashboard/cards")),[m,u]=(0,n.useState)(s.asPath.startsWith("/admin-dashboard/design-system/misc"));return(0,i.jsxs)(d.A,{children:[(0,i.jsxs)("h1",{children:["Design System ",e?`- ${e}`:""]}),(0,i.jsx)("hr",{}),(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/buttons",children:"Buttons"})}),(0,i.jsxs)("li",{children:[(0,i.jsx)("strong",{children:(0,i.jsxs)(a.A,{onClick:()=>{o(!r)},children:["Cards\xa0",r?(0,i.jsx)(c.I,{icon:"iconChevronUp-16"}):(0,i.jsx)(c.I,{icon:"iconChevronDown-16"})]})}),r&&(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/cards/pros-cons-cards",children:"ProConsCard"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/cards/api-card-light",children:"ApiCardLight"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/cards/benefits-one",children:"BenefitsOne"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/cards/dev-card-dark",children:"DevCardDark"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/cards/documents",children:"DocumentsCard"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/cards/features-one",children:"FeaturesOne"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/cards/horizontal",children:"HorizontalCard"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/cards/our-results-two",children:"OurResultsTwoCard"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/cards/product-card",children:"ProductCard"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/cards/quip-one-card",children:"Qu

4ipOneCard"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/cards/order-receipt-modal",children:"OrderReceiptModal"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/cards/quick-guide-card",children:"QuickGuideCard"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/cards/resources-one-card",children:"ResourcesOneCard"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/cards/resources-two-card",children:"ResourcesTwoCard"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/cards/testimonials-card",children:"TestimonialsCard"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/cards/pricing-card",children:"PricingCard"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/cards/color-swatch-card",children:"ColorSwatch"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/cards/text-card",children:"TextCard"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/cards/smarty-asset-card",children:"SmartyAssetCard"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/cards/order-summary",children:"Order Summary"})})]})]}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/icons",children:"Icons"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/typography",children:"Typography"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/page-sections",children:"Page Sections"})}),(0,i.jsxs)("li",{children:[(0,i.jsx)("strong",{children:(0,i.jsxs)(a.A,{onClick:()=>{u(!m)},children:["Misc\xa0",m?(0,i.jsx)(c.I,{icon:"iconChevronUp-16"}):(0,i.jsx)(c.I,{icon:"iconChevronDown-16"})]})}),m&&(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/misc/media-one",children:"MediaOne"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/misc/media-right-three",children:"MediaRightThree"})})]})]}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/controls",children:"Controls"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/demos",children:"Demos"})})]}),(0,i.jsx)("hr",{}),(0,i.jsxs)("div",{children:["Account Dashboard",(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/account-dashboard/typography",children:"Typography"})}),(0,i.jsxs)("li",{children:[(0,i.jsx)("strong",{children:(0,i.jsxs)(a.A,{onClick:()=>{h(!l)},children:["Cards\xa0",l?(0,i.jsx)(c.I,{icon:"iconChevronUp-16"}):(0,i.jsx)(c.I,{icon:"iconChevronDown-16"})]})}),l&&(0,i.jsxs)("ul",{children:[(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/account-dashboard/cards/dashboard-product-subscription",children:"DashboardProductSubscription"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/account-dashboard/cards/subscriptions-product-subscription",children:"SubscriptionsProductSubscription"})})]})]}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/account-dashboard/progress-bars",children:"Progress Bars"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/account-dashboard/dashboard-modal",children:"DashboardModal"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/account-dashboard/inputs",children:"Inputs"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/account-dashboard/avatars",children:"Avatars"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/account-dashboard/controls",children:"Controls"})}),(0,i.jsx)("li",{children:(0,i.jsx)(a.A,{href:"/admin-dashboard/design-system/account-dashboard/themes",children:"Themes"})})]})]}),(0,i.jsx)("hr",{})]})}},86587:(e,s,r)=>{"use strict";r.d(s,{k:()=>i});let i=e=>e.replace(/([- ])/g,e=>`${" "===e?"\xa0":e}|split|`).split("|split|")},87481:(e,s,r)=>{"use strict";r.r(s),r.d(s,{default:()=>o});var i=r(37876),d=r(46),n=r(98595),a=r(85959),t=r(91356),c=r(51786);let o=()=>(0,i.jsxs)(t.A,{children:[(0,i.jsx)(a.A,{title:"Cards - BenefitsOne"}),(0,i.jsxs)(d.A,{title:"Nice products from nice people",subtitle:"These are BenefitsOne cards.",children:[(0,i.jsx)(n.A,{icon:(0,i.jsx)(c.I,{icon:"iconGeoPrecision_gradient-80",gradientType:"primaryGreenToYellow"}),definition:"Some definition",label:"Fun!"}),(0,i.jsx)(n.A,{icon:(0,i.jsx)(c.I,{icon:"iconGeoPrecision_gradient-80",gradientType:"purpleToLightMagenta"}),definition:"Another definition",label:"More Fun!"})]})]})},91618:e=>

4{e.exports={defaultBackground:"featuresOneSection_defaultBackground__Cx8mY",background:"featuresOneSection_background__1rjSR",wrapper:"featuresOneSection_wrapper__ImP2h",listContainer:"featuresOneSection_listContainer__ZVh6K",title:"featuresOneSection_title__Xdzu9",subtitle:"featuresOneSection_subtitle__AdXh6",subtitleItem:"featuresOneSection_subtitleItem__imN0M",fourCols:"featuresOneSection_fourCols___oJWb",threeCols:"featuresOneSection_threeCols__BjVAR"}},97775:e=>{e.exports={icon:"benefitsOne_icon__H__U3",title:"benefitsOne_title__8nhAG",description:"benefitsOne_description__JNNN_",wrapper:"benefitsOne_wrapper__dKanR",cardContainer:"benefitsOne_cardContainer__6mu3m"}},98595:(e,s,r)=>{"use strict";r.d(s,{A:()=>a});var i=r(37876),d=r(97775),n=r.n(d);let a=({label:e="",definition:s,icon:r})=>(0,i.jsx)("div",{className:n().wrapper,children:(0,i.jsxs)("div",{className:n().cardContainer,children:[(0,i.jsx)("div",{className:n().icon,children:r}),(0,i.jsx)("h3",{className:n().title,children:e}),(0,i.jsx)("div",{className:n().description,children:s})]})})}},e=>{e.O(0,[90636,46593,38792],()=>e(e.s=45996)),_N_E=e.O()}]);