{"version":3,"sources":["webpack:///./ClientApp/components/UI/ScrollSection.tsx","webpack:///./ClientApp/components/Pages/Home/Home.tsx","webpack:///./ClientApp/components/Pages/Home/HeroSection.tsx","webpack:///./ClientApp/components/Pages/Home/ThirdSection.tsx"],"names":["LineWithText","_ref","text","className","lineRef","React","useRef","textRef","useEffect","current","gsap","to","scrollTrigger","trigger","closest","start","end","scrub","ease","y","opacity","react__WEBPACK_IMPORTED_MODULE_0___default","a","createElement","concat","ref","__signature__","items","LineWithTextMobile","_ref2","_app_components_UI_components_ElementWithIntersectionObserver_ElementWithIntersectionObserver__WEBPACK_IMPORTED_MODULE_3__","inner","show","ScrollSection","_ref3","button","_textRef$current","_textRef$current$clos","_textRef$current$clos2","height","getBoundingClientRect","x","map","item","key","_extends","Fragment","reactHotLoader","leaveModule","_default","__webpack_exports__","reactHotLoaderGlobal","default","undefined","register","module","Home","react__WEBPACK_IMPORTED_MODULE_0__","_app_components_Pages_Home_HeroSection__WEBPACK_IMPORTED_MODULE_5__","_app_components_UI_ScrollSection__WEBPACK_IMPORTED_MODULE_6__","react_router_dom__WEBPACK_IMPORTED_MODULE_1__","_app_components_Pages_Home_ThirdSection__WEBPACK_IMPORTED_MODULE_7__","_app_components_UI_ContactForm_NewContactForm__WEBPACK_IMPORTED_MODULE_4__","title","withGradient","defaultOptions","loop","autoplay","animationData","require","rendererSettings","preserveAspectRatio","HeroSection","image","text1ref","text2ref","text3ref","text4ref","_ref$current","container","width","window","innerWidth","forEach","href","react_lottie__WEBPACK_IMPORTED_MODULE_1___default","options","isStopped","isPaused","media","srcSet","alt","aria-hidden","src","style","paddingRight","target","CustomEase","create","Icon","small","onScroll","_ref$current$getBound","center","top","Math","abs","innerHeight","ThirdSection","_objectDestructuringEmpty","_ref$current2","_ref$current2$getBoun"],"mappings":"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","file":"chunks/HomePage.chunk.786e1ca34de1edb26f8d.js","sourcesContent":["import React from 'react';\r\n\r\nimport gsap from 'gsap';\r\n\r\nimport '@app/scss/components/scrollSection.scss';\r\nimport ElementWithIntersectionObserver\r\n\tfrom '@app/components/UI/components/ElementWithIntersectionObserver/ElementWithIntersectionObserver';\r\n\r\ninterface Props {\r\n\ttext: React.ReactNode;\r\n\tbutton: React.ReactNode;\r\n}\r\n\r\nconst LineWithText: React.FC<{text, className?: string}> = ({text, className}) => {\r\n\tconst lineRef = React.useRef<HTMLDivElement>(null);\r\n\tconst textRef = React.useRef<HTMLDivElement>(null);\r\n\t\r\n\tReact.useEffect(() => {\r\n\t\tif (lineRef.current) {\r\n\t\t\tgsap.to(lineRef.current, {\r\n\t\t\t\tscrollTrigger: {\r\n\t\t\t\t\ttrigger: lineRef.current.closest('.animation-item'),\r\n\t\t\t\t\tstart: 'top center',\r\n\t\t\t\t\tend: 'bottom center',\r\n\t\t\t\t\tscrub: true\r\n\t\t\t\t},\r\n\t\t\t\tease: 'none',\r\n\t\t\t\ty: 0\r\n\t\t\t});\r\n\t\t}\r\n\t\t\r\n\t\tif (textRef.current) {\r\n\t\t\tgsap.to(textRef.current, {\r\n\t\t\t\tscrollTrigger: {\r\n\t\t\t\t\ttrigger: textRef.current,\r\n\t\t\t\t\tstart: 'top 80%',\r\n\t\t\t\t\tend: 'bottom 60%',\r\n\t\t\t\t\tscrub: true\r\n\t\t\t\t},\r\n\t\t\t\tease: 'none',\r\n\t\t\t\topacity: 1\r\n\t\t\t});\r\n\t\t}\r\n\t}, []);\r\n\r\n\treturn <div className=\"animation-item\">\r\n\t\t<div className=\"outer-line-wrapper\">\r\n\t\t\t<div className={`line-wrapper ${className}`} ref={lineRef}>\r\n\t\t\t\t<div className=\"vertical-line\"/>\r\n\t\t\t\t<div className=\"line-circle\"/>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div className=\"animation-item-text\" ref={textRef}>\r\n\t\t\t{text}\r\n\t\t</div>\r\n\t</div>;\r\n};\r\n\r\nconst items = [\r\n\t{className: '', text: 'ONLINE DMV SERVICES'},\r\n\t{className: 'line-4', text: 'FEE QUOTES'},\r\n\t{className: 'line-3', text: 'DMS INTEGRATION'},\r\n\t{className: 'line-5', text: 'NMVITIS'},\r\n\t{className: 'line-3', text: 'DEALER TRAINING'},\r\n\t{className: 'line-4', text: 'LIVE SUPPORT'}\r\n];\r\n\r\nconst LineWithTextMobile: React.FC<{text, className?: string}> = ({text, className}) => {\r\n\treturn <ElementWithIntersectionObserver\r\n\t\tclassName=\"benefit-mobile smaller-margin\"\r\n\t\tinner={show => \r\n\t\t\t<div className={`wrapper-2 horizontal align-center ${show ? 'show-line' : ''}`}>\r\n\t\t\t\t<div className={`benefit-line-mobile ${className}`}>\r\n\t\t\t\t\t<div className=\"benefit-horizontal-line\"/>\r\n\t\t\t\t\t<div className=\"benefit-circle\"/>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"experience-wrapper\">\r\n\t\t\t\t\t<div className=\"animation-item-text\">{text}</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>}\r\n\t/>;\r\n};\r\n\r\nconst ScrollSection:React.FC<Props> = ({text, button}) => {\r\n\tconst textRef = React.useRef<HTMLDivElement>(null);\r\n\t\r\n\tReact.useEffect(() => {\r\n\t\tif (textRef.current) {\r\n\t\t\tgsap.to(textRef.current, {\r\n\t\t\t\tscrollTrigger: {\r\n\t\t\t\t\ttrigger: textRef.current,\r\n\t\t\t\t\tstart: 'top top',\r\n\t\t\t\t\tend: () => {\r\n\t\t\t\t\t\tconst height = textRef.current\r\n\t\t\t\t\t\t\t?.closest('.home-services-container')\r\n\t\t\t\t\t\t\t?.getBoundingClientRect()\r\n\t\t\t\t\t\t\t?.height;\r\n\t\t\t\t\t\treturn `+=${height}`;\r\n\t\t\t\t\t},\r\n\t\t\t\t\tscrub: true\r\n\t\t\t\t},\r\n\t\t\t\tease: 'none',\r\n\t\t\t\tx: 50\r\n\t\t\t});\r\n\t\t}\r\n\t}, []);\r\n\t\r\n\treturn <div>\r\n\t\t<div className=\"section-2 desktop-no-padding-top wf-section\">\r\n\t\t\t<div className=\"wide-container home-services\">\r\n\t\t\t\t<div className=\"home-services-container\">\r\n\t\t\t\t\t<div className=\"full-height-text-container\">\r\n\t\t\t\t\t\t<div className=\"section-text-container\">\r\n\t\t\t\t\t\t\t<div className=\"section-title-wrapper\">\r\n\t\t\t\t\t\t\t\t<h2 className=\"heading-3 absolute\">Services</h2>\r\n\t\t\t\t\t\t\t\t<div className=\"section-outlined-heading outlined\" ref={textRef}>Services</div>\r\n\t\t\t\t\t\t\t\t<div className=\"section-outlined-heading-trigger\"/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div className=\"line-animations-container-mobile home-services\">\r\n\t\t\t\t\t\t\t\t{items.map((item, key) => <LineWithTextMobile {...item} key={key} />)}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div className=\"section-paragraph-wrapper center-on-tablet\">\r\n\t\t\t\t\t\t\t\t<p className=\"paragraph\">{text}</p>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t{button}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"home-services-animation-container\">\r\n\t\t\t\t\t\t<div className=\"animation-line-column\">\r\n\t\t\t\t\t\t\t<LineWithText\r\n\t\t\t\t\t\t\t\ttext={<>\r\n\t\t\t\t\t\t\t\t<strong>DMV50</strong><br/><strong>PLATFORM</strong>\r\n\t\t\t\t\t\t\t\t</>}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<LineWithText\r\n\t\t\t\t\t\t\t\tclassName=\"short\"\r\n\t\t\t\t\t\t\t\ttext={<>\r\n\t\t\t\t\t\t\t\t\t<strong>DMS</strong> <strong>INTEGRATION</strong>\r\n\t\t\t\t\t\t\t\t</>}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<LineWithText\r\n\t\t\t\t\t\t\t\tclassName=\"short\"\r\n\t\t\t\t\t\t\t\ttext={<>\r\n\t\t\t\t\t\t\t\t\t<strong>DEALER</strong> <strong>TRAINING</strong>\r\n\t\t\t\t\t\t\t\t</>}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div className=\"animation-line-column\">\r\n\t\t\t\t\t\t\t<LineWithText\r\n\t\t\t\t\t\t\t\tclassName=\"long\"\r\n\t\t\t\t\t\t\t\ttext={<>\r\n\t\t\t\t\t\t\t\t\t<strong>FEE QUOTES</strong>\r\n\t\t\t\t\t\t\t\t</>}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<LineWithText\r\n\t\t\t\t\t\t\t\tclassName=\"short\"\r\n\t\t\t\t\t\t\t\ttext={<>\r\n\t\t\t\t\t\t\t\t\t<strong>NMVITIS</strong>\r\n\t\t\t\t\t\t\t\t</>}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<LineWithText\r\n\t\t\t\t\t\t\t\tclassName=\"short\"\r\n\t\t\t\t\t\t\t\ttext={<>\r\n\t\t\t\t\t\t\t\t\t<strong>LIVE</strong> <strong>SUPPORT</strong>\r\n\t\t\t\t\t\t\t\t</>}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>;\r\n};\r\n\r\nexport default ScrollSection;\r\n","import * as React from 'react';\r\nimport {NavLink} from 'react-router-dom';\r\n\r\nimport '@app/scss/pages/home.scss';\r\nimport '@app/scss/components/banner.scss';\r\nimport NewContactForm from '@app/components/UI/ContactForm/NewContactForm';\r\nimport HeroSection from '@app/components/Pages/Home/HeroSection';\r\nimport ScrollSection from '@app/components/UI/ScrollSection';\r\nimport ThirdSection from '@app/components/Pages/Home/ThirdSection';\r\n\r\nconst Home: React.FC = () => {\r\n\treturn (\r\n\t\t<div className=\"home-page home\">\r\n\t\t\t<HeroSection/>\r\n\t\t\t<ScrollSection\r\n\t\t\t\ttext={<>\r\n\t\t\t\t\tAs the industry's fastest-growing agency, we offer customers and auto dealers in all 50 states smooth and\r\n\t\t\t\t\tefficient DMV services related to title and registration. Our exceptional client service and easy, straightforward\r\n\t\t\t\t\tprocess set our services apart, backed by 30 years of <strong>Combined</strong> expertise. Service your transaction or request a\r\n\t\t\t\t\tdemo of our platform today!\r\n\t\t\t\t</>}\r\n\t\t\t\tbutton={<NavLink to=\"/contact-us\" className=\"primary-button-2 w-inline-block\">\r\n\t\t\t\t\t<div className=\"wrapper-2\">\r\n\t\t\t\t\t\t<div className=\"primary-button-text\">Demo Now</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"primary-button-shadow-2\"/>\r\n\t\t\t\t</NavLink>}\r\n\t\t\t/>\r\n\t\t\t<ThirdSection/>\r\n\t\t\t<NewContactForm title=\"How can we help?\" withGradient/>\r\n\t\t</div>);\r\n};\r\n\r\nexport default Home;\r\n","import React from 'react';\r\nimport Lottie from 'react-lottie';\r\n\r\nimport gsap from 'gsap';\r\n\r\nconst defaultOptions = {\r\n\tloop: true,\r\n\tautoplay: true,\r\n\tanimationData: require('./1.json'),\r\n\trendererSettings: {\r\n\t\tpreserveAspectRatio: 'xMidYMid slice'\r\n\t}\r\n};\r\n\r\nconst HeroSection: React.FC = () => {\r\n\tconst ref = React.useRef<HTMLDivElement>(null);\r\n\tconst image = React.useRef<HTMLImageElement>(null);\r\n\tconst text1ref = React.useRef<HTMLDivElement>(null);\r\n\tconst text2ref = React.useRef<HTMLDivElement>(null);\r\n\tconst text3ref = React.useRef<HTMLDivElement>(null);\r\n\tconst text4ref = React.useRef<HTMLDivElement>(null);\r\n\t/* const text5ref = React.useRef<HTMLDivElement>(null);\r\n\tconst text6ref = React.useRef<HTMLDivElement>(null); */\r\n\r\n\tReact.useEffect(() => {\r\n\t\tconst container = ref.current?.closest('.section-hero');\r\n\t\tif (ref.current) {\r\n\t\t\tgsap.to(ref.current, {\r\n\t\t\t\tscrollTrigger: {\r\n\t\t\t\t\ttrigger: container,\r\n\t\t\t\t\tstart: 'top top',\r\n\t\t\t\t\tend: 'bottom bottom',\r\n\t\t\t\t\tscrub: true\r\n\t\t\t\t},\r\n\t\t\t\tease: 'none',\r\n\t\t\t\twidth: () => window.innerWidth\r\n\t\t\t});\r\n\t\t}\r\n\t\t\r\n\t\t[{ref: image, x: 0.445}, {ref: text1ref, x: -0.7}, {ref: text2ref, x: -0.5}, {ref: text3ref, x: -0.7}, {ref: text4ref, x: -0.5}]\r\n\t\t\t.forEach(({ref, x}) => {\r\n\t\t\t\tif (ref.current) {\r\n\t\t\t\t\tgsap.to(ref.current, {\r\n\t\t\t\t\t\tscrollTrigger: {\r\n\t\t\t\t\t\t\ttrigger: container,\r\n\t\t\t\t\t\t\tstart: 'top top',\r\n\t\t\t\t\t\t\tend: 'bottom bottom',\r\n\t\t\t\t\t\t\tscrub: true\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tease: 'none',\r\n\t\t\t\t\t\tx: () => window.innerWidth * x\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t/*[{ref: text5ref, x: -0.7}, {ref: text6ref, x: -0.5}]\r\n\t\t\t.forEach(({ref, x}) => {\r\n\t\t\t\tif (ref.current) {\r\n\t\t\t\t\tgsap.to(ref.current, {\r\n\t\t\t\t\t\tscrollTrigger: {\r\n\t\t\t\t\t\t\ttrigger: container,\r\n\t\t\t\t\t\t\tstart: 'top top',\r\n\t\t\t\t\t\t\tend: 'bottom bottom',\r\n\t\t\t\t\t\t\tscrub: true\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tease: 'none',\r\n\t\t\t\t\t\tx: () => window.innerWidth * x\r\n\t\t\t\t\t});\r\n\t\t\t\t}\r\n\t\t\t});*/\r\n\t}, []);\r\n\r\n\treturn <div className=\"section-hero\">\r\n\t\t<div className=\"main-hero-section-content\">\r\n\t\t\t<div className=\"container main-hero-container\">\r\n\t\t\t\t<div className=\"hero-full-text-panel\">\r\n\t\t\t\t\t<div className=\"hero-hello-text\" ref={text1ref}>\r\n\t\t\t\t\t\t<div className=\"perspective\">\r\n\t\t\t\t\t\t\t<div className=\"perspective-load1\">\r\n\t\t\t\t\t\t\t\t<h1 className=\"hero-text hero\"><span className=\"text-span clipped\"><strong>A</strong> #1 TAG</span> & TITLE AGENCY\r\n\t\t\t\t\t\t\t\t</h1>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"hero-text-content\" ref={text2ref}>\r\n\t\t\t\t\t\t<div className=\"perspective\">\r\n\t\t\t\t\t\t\t<div className=\"perspective-load2\">\r\n\t\t\t\t\t\t\t\t<h1 className=\"hero-text hero\">ALL 50 STATES</h1>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"w-layout-grid hero-grid\">\r\n\t\t\t\t\t<div className=\"hero-left-description-content\">\r\n\t\t\t\t\t\t<div className=\"perspective\">\r\n\t\t\t\t\t\t\t<div className=\"perspective-load5\">\r\n\t\t\t\t\t\t\t\t<h3 className=\"hero-description big\">LEADING THE INDUSTRY</h3>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"hero-links-grid\">\r\n\t\t\t\t\t\t<div className=\"content\">\r\n\t\t\t\t\t\t\t<div className=\"perspective\">\r\n\t\t\t\t\t\t\t\t<div className=\"perspective-load6\">\r\n\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\thref=\"mailto:hi@mywebsite.com?subject=Webflow%20Template\"\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"link w-inline-block\">\r\n\t\t\t\t\t\t\t\t\t\t<div>sales@executivetags.com</div>\r\n\t\t\t\t\t\t\t\t\t\t<div className=\"link-underline\"/>\r\n\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"lottie-div\">\r\n\t\t\t\t\t<Lottie\r\n\t\t\t\t\t\toptions={defaultOptions}\r\n\t\t\t\t\t\theight={500}\r\n\t\t\t\t\t\twidth={500}\r\n\t\t\t\t\t\tisStopped={false}\r\n\t\t\t\t\t\tisPaused={false}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"hero-image-white-text\" ref={ref}>\r\n\t\t\t\t<picture>\r\n\t\t\t\t\t<source media=\"(max-width: 800px)\" srcSet=\"/images/executivetags-hero-two-p-500.png\"/>\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tclassName=\"hero-picture\"\r\n\t\t\t\t\t\talt=\"hero\"\r\n\t\t\t\t\t\taria-hidden=\"true\"\r\n\t\t\t\t\t\tsrc=\"/images/executivetags-hero-two.png\"\r\n\t\t\t\t\t\tref={image}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</picture>\r\n\t\t\t\t<div className=\"hero-black-gradient\"/>\r\n\t\t\t\t<div className=\"hero-container-content\">\r\n\t\t\t\t\t<div className=\"container main-hero-container\">\r\n\t\t\t\t\t\t<div className=\"hero-full-text-panel\" style={{paddingRight: '1rem'}}>\r\n\t\t\t\t\t\t\t<div className=\"hero-hello-text\" ref={text3ref}>\r\n\t\t\t\t\t\t\t\t<h1 className=\"hero-text white-hello\"><strong>A</strong> #1 TAG & TITLE AGENCY</h1>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div className=\"hero-text-content\" ref={text4ref}>\r\n\t\t\t\t\t\t\t\t<h1 className=\"hero-text white-text\">ALL 50 STATES</h1>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div className=\"w-layout-grid hero-grid\">\r\n\t\t\t\t\t\t\t<div className=\"hero-links-grid\">\r\n\t\t\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t\t<div className=\"\">\r\n\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\thref=\"https://www.linkedin.com/company/executive-tag-&amp;-title-svcs.-inc./\"\r\n\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"link w-inline-block\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<div className=\"white-text\">LinkedIn</div>\r\n\t\t\t\t\t\t\t\t\t\t<div className=\"link-underline white\"/>\r\n\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div className=\"\">\r\n\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\thref=\"https://www.instagram.com/executivetags/?hl=de\" target=\"_blank\"\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"link w-inline-block\"\r\n\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t<div className=\"white-text\">Instagram</div>\r\n\t\t\t\t\t\t\t\t\t\t<div className=\"link-underline white\"/>\r\n\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div className=\"\">\r\n\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\thref=\"https://www.facebook.com/executivetags/\" target=\"_blank\"\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"link w-inline-block\">\r\n\t\t\t\t\t\t\t\t\t\t<div className=\"white-text\">Facebook</div>\r\n\t\t\t\t\t\t\t\t\t\t<div className=\"link-underline white\"/>\r\n\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>;\r\n};\r\n\r\nexport default HeroSection;\r\n","import React from 'react';\r\n\r\nimport gsap from 'gsap';\r\nimport CustomEase from 'gsap/CustomEase';\r\n\r\nimport ElementWithIntersectionObserver\r\n\tfrom '@app/components/UI/components/ElementWithIntersectionObserver/ElementWithIntersectionObserver';\r\n\r\ninterface Props {}\r\n\r\n// @ts-ignore\r\nconst ease = CustomEase.create('custom', 'M0,0,C0,0,0.15,0.24,0.2,0.25,0.254,0.26,0.24,0.256,0.294,0.268,0.372,0.285,0.382,0.467,0.46,0.488,0.506,0.5,0.482,0.492,0.53,0.502,0.597,0.516,0.651,0.724,0.718,0.74,0.768,0.752,0.76,0.744,0.786,0.754,0.83,0.771,0.89,0.866,0.912,0.888,0.933,0.909,1,1,1,1');\r\n\r\nconst Icon: React.FC<{image, small?: boolean}> = ({image, small}) => {\r\n\tconst ref = React.useRef<HTMLImageElement>(null);\r\n\tconst handleScroll = () => {\r\n\t\tif (ref.current) {\r\n\t\t\tconst {top, height} = ref.current.getBoundingClientRect();\r\n\t\t\tconst center = top + height / 2;\r\n\t\t\tlet opacity = 1  - 2 * Math.abs(center - window.innerHeight / 2) / window.innerHeight;\r\n\r\n\t\t\tif (opacity < 0.05) opacity = 0.05;\r\n\t\t\tref.current.style.opacity = `${opacity}`;\r\n\t\t}\r\n\t};\r\n\r\n\treturn <ElementWithIntersectionObserver\r\n\t\tonScroll={handleScroll}\r\n\t\tclassName=\"service-icon-content\"\r\n\t\tinner={show => \r\n\t\t\t<img\r\n\t\t\t\tref={ref}\r\n\t\t\t\tsrc={image}\r\n\t\t\t\talt=\"executivetags-icon\"\r\n\t\t\t\tclassName={`service-icon ${small ? 'icon-small' : ''}`}/>\r\n\t\t}\r\n\t/>;\r\n};\r\n\r\nconst ThirdSection: React.FC<Props> = ({}) => {\r\n\tconst ref = React.useRef<HTMLDivElement>(null);\r\n\t\r\n\tReact.useEffect(() => {\r\n\t\tconst container = ref.current?.closest('.no-max-width');\r\n\t\tif (ref.current) {\r\n\t\t\tgsap.to(ref.current, {\r\n\t\t\t\tscrollTrigger: {\r\n\t\t\t\t\ttrigger: container,\r\n\t\t\t\t\tstart: 'top top',\r\n\t\t\t\t\tend: 'bottom bottom',\r\n\t\t\t\t\tscrub: true\r\n\t\t\t\t},\r\n\t\t\t\tease,\r\n\t\t\t\ty: () => (ref.current?.getBoundingClientRect()?.height || window.innerHeight) * 2 / 3\r\n\t\t\t});\r\n\t\t}\r\n\t}, []);\r\n\r\n\treturn <div className=\"section services hide\">\r\n\t\t<div className=\"container no-max-width\">\r\n\t\t\t<div className=\"w-layout-grid grid-services\">\r\n\t\t\t\t<div className=\"service-icons\" ref={ref}>\r\n\t\t\t\t\t<Icon image=\"images/smartphone-icon.svg\"/>\r\n\t\t\t\t\t<Icon image=\"images/60ffcb39b87870207c6e4ba9_Anebot.svg\" small/>\r\n\t\t\t\t\t<Icon image=\"images/60ffcb3a12374a1ea81b2e42_Anfrage-SVG.svg\" small/>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"service-list-content\">\r\n\t\t\t\t\t<div className=\"service-item\">\r\n\t\t\t\t\t\t<div className=\"service-text-content\">\r\n\t\t\t\t\t\t\t<div className=\"perspective\">\r\n\t\t\t\t\t\t\t\t<div className=\"perspective-load1-on-view\">\r\n\t\t\t\t\t\t\t\t\t<h2 className=\"service-title\">Demo Now</h2>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div className=\"service-no\">01</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"service-item\">\r\n\t\t\t\t\t\t<div className=\"service-text-content\">\r\n\t\t\t\t\t\t\t<div className=\"perspective\">\r\n\t\t\t\t\t\t\t\t<div className=\"perspective-load1-on-view\">\r\n\t\t\t\t\t\t\t\t\t<h2 className=\"service-title\">FAST</h2>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div className=\"perspective-load2-on-view\">\r\n\t\t\t\t\t\t\t\t\t<h2 className=\"service-title\">ACCESS</h2>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div className=\"service-no\">02</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"service-item\">\r\n\t\t\t\t\t\t<div className=\"service-text-content\">\r\n\t\t\t\t\t\t\t<div className=\"perspective\">\r\n\t\t\t\t\t\t\t\t<div className=\"perspective-load1-on-view\">\r\n\t\t\t\t\t\t\t\t\t<h2 className=\"service-title\">START</h2>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div className=\"perspective-load2-on-view\">\r\n\t\t\t\t\t\t\t\t\t<h2 className=\"service-title\">USING</h2>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div className=\"service-no\">03</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div className=\"background-black\"/>\r\n\t</div>;\r\n};\r\n\r\nexport default ThirdSection;\r\n"],"sourceRoot":""}