{"version":3,"sources":["webpack:///./ClientApp/components/UI/SimpleScroll/SimpleScroll.tsx","webpack:///./ClientApp/components/Pages/AboutUs/AboutUs.tsx","webpack:///./ClientApp/components/Pages/AboutUs/ArticleList.tsx"],"names":["reactHotLoader","leaveModule","defaultOptions","loop","autoplay","animationData","require","rendererSettings","preserveAspectRatio","SimpleScroll","react__WEBPACK_IMPORTED_MODULE_0___default","a","createElement","className","react_lottie__WEBPACK_IMPORTED_MODULE_1___default","options","height","width","isStopped","isPaused","_default","__webpack_exports__","reactHotLoaderGlobal","default","undefined","register","module","articles","title","subtitle","text","AboutUs","style","minHeight","_app_components_UI_SimpleScroll_SimpleScroll__WEBPACK_IMPORTED_MODULE_5__","_app_components_UI_components_ElementWithIntersectionObserver_ElementWithIntersectionObserver__WEBPACK_IMPORTED_MODULE_3__","inner","showed","concat","media","srcSet","alt","aria-hidden","src","position","zIndex","_app_components_Pages_AboutUs_ArticleList__WEBPACK_IMPORTED_MODULE_4__","_app_components_UI_ContactForm_NewContactForm__WEBPACK_IMPORTED_MODULE_2__","Article","_ref","ref","React","useRef","_app_components_UI_components_ElementWithIntersectionObserver_ElementWithIntersectionObserver__WEBPACK_IMPORTED_MODULE_1__","onScroll","current","_ref$current$getBound","getBoundingClientRect","center","top","opacity","Math","abs","window","innerHeight","show","__signature__","Articles","_ref2","Fragment","map","item","i","_extends","key"],"mappings":"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","file":"chunks/AboutUs.chunk.786e1ca34de1edb26f8d.js","sourcesContent":["import React from 'react';\r\nimport Lottie from 'react-lottie';\r\n\r\nconst defaultOptions = {\r\n\tloop: true,\r\n\tautoplay: true,\r\n\tanimationData: require('./simple-scroll.json'),\r\n\trendererSettings: {\r\n\t\tpreserveAspectRatio: 'xMidYMid slice'\r\n\t}\r\n};\r\n\r\nconst SimpleScroll: React.FC = () => {\r\n\treturn (\r\n\t\t<div className=\"lottieblock\">\r\n\t\t\t<Lottie\r\n\t\t\t\toptions={defaultOptions}\r\n\t\t\t\theight={500}\r\n\t\t\t\twidth={500}\r\n\t\t\t\tisStopped={false}\r\n\t\t\t\tisPaused={false}\r\n\t\t\t/>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default SimpleScroll;\r\n","import React from 'react';\r\n\r\nimport '@app/scss/pages/aboutUs.scss';\r\nimport NewContactForm from '@app/components/UI/ContactForm/NewContactForm';\r\nimport ElementWithIntersectionObserver\r\n\tfrom '@app/components/UI/components/ElementWithIntersectionObserver/ElementWithIntersectionObserver';\r\nimport Articles from '@app/components/Pages/AboutUs/ArticleList';\r\nimport SimpleScroll from '@app/components/UI/SimpleScroll/SimpleScroll';\r\n\r\nconst articles = [\r\n\t{\r\n\t\ttitle: '#1',\r\n\t\tsubtitle: 'DMV TAG AGENCY',\r\n\t\ttext: 'Our Tag Agency offers comprehensive auto title and registration services with exceptional client service for customers and auto' +\r\n\t\t\t' dealers in all 50 states. Enjoy smooth transactions, instant fee estimates, vehicle lookups, NMVTIS and more on our user-friendly' +\r\n\t\t\t' platform for a hassle-free experience.'\r\n\t},\r\n\t{\r\n\t\ttitle: '30',\r\n\t\tsubtitle: 'YEARS OF EXPERIENCE',\r\n\t\ttext: 'With 30 years of expertise in delivering title and registration services, our dedicated professionals ensure a seamless and' +\r\n\t\t\t' stress-free experience for all customers. Whatever your needs, count on us for reliable solutions!'\r\n\t},\r\n\t{\r\n\t\ttitle: '50',\r\n\t\tsubtitle: 'STATE DMV',\r\n\t\ttext: 'Our expert team is ready to assist with your transaction needs in all 50 states, offering services designed to streamline your DMV' +\r\n\t\t\t' experience and minimize stress. Reach out today to discover how we can facilitate your process!'\r\n\t}\r\n];\r\n\r\nconst AboutUs: React.FC = () => {\r\n\treturn (\r\n\t\t<div className=\"about-us\">\r\n\t\t\t<div className=\"about-us__section container\" style={{minHeight: '100vh'}}>\r\n\t\t\t\t<div className=\"perspective\">\r\n\t\t\t\t\t<h1 className=\"contact-us__title hero-text hero\">\r\n\t\t\t\t\t\t<span className=\"clipped\">About</span> us\r\n\t\t\t\t\t</h1>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"perspective\">\r\n\t\t\t\t\t<h4 className=\"fade-in-slow-on-view\">\r\n\t\t\t\t\t\tWe expedite title and registration transactions for dealers and customers in the United States, ensuring a swift, accurate,\r\n\t\t\t\t\t\tand compliant process. Our skilled team facilitates a hassle-free experience, helping clients complete their transactions\r\n\t\t\t\t\t\tefficiently and correctly.\r\n\t\t\t\t\t</h4>\r\n\t\t\t\t</div>\r\n\t\t\t\t<SimpleScroll/>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"container\">\r\n\t\t\t\t<ElementWithIntersectionObserver\r\n\t\t\t\t\tinner={showed =>\r\n\t\t\t\t\t\t<div className={`w-layout-grid grid-about-images ${showed ? 'image-animations' : ''}`}>\r\n\t\t\t\t\t\t\t<div className=\"image-holder _1\">\r\n\t\t\t\t\t\t\t\t<div className=\"white-bg-over-image\"/>\r\n\t\t\t\t\t\t\t\t<picture>\r\n\t\t\t\t\t\t\t\t\t<source media=\"(max-width: 500px)\" srcSet=\"/images/IMG_0238-p-500.jpg\"/>\r\n\t\t\t\t\t\t\t\t\t<source media=\"(min-width: 800px)\" srcSet=\"/images/IMG_0238-p-800.jpg\"/>\r\n\t\t\t\t\t\t\t\t\t<source media=\"(min-width: 1080px)\" srcSet=\"/images/IMG_0238-p-1080.webp\"/>\r\n\t\t\t\t\t\t\t\t\t<img className=\"image-100pct\" alt=\"DMV\" aria-hidden=\"true\" src=\"/images/IMG_0238.webp\"/>\r\n\t\t\t\t\t\t\t\t</picture>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div className=\"image-holder _2\">\r\n\t\t\t\t\t\t\t\t<picture>\r\n\t\t\t\t\t\t\t\t\t<source media=\"(max-width: 500px)\" srcSet=\"/images/black-car-p-500.jpg\"/>\r\n\t\t\t\t\t\t\t\t\t<source media=\"(min-width: 800px)\" srcSet=\"/images/black-car-p-800.jpg\"/>\r\n\t\t\t\t\t\t\t\t\t<source media=\"(min-width: 1080px)\" srcSet=\"/images/black-car-p-1080.jpg\"/>\r\n\t\t\t\t\t\t\t\t\t<img className=\"image-100pct\" alt=\"black car\" aria-hidden=\"true\" src=\"/images/black-car-p-1600.jpg\"/>\r\n\t\t\t\t\t\t\t\t</picture>\r\n\t\t\t\t\t\t\t\t<div className=\"white-bg-over-image\"/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div className=\"image-holder _3\">\r\n\t\t\t\t\t\t\t\t<picture>\r\n\t\t\t\t\t\t\t\t\t<source media=\"(max-width: 500px)\" srcSet=\"/images/tim-meyer-WvA85uSNL6k-unsplash-min-p-500.jpg\"/>\r\n\t\t\t\t\t\t\t\t\t<source media=\"(min-width: 800px)\" srcSet=\"/images/tim-meyer-WvA85uSNL6k-unsplash-min-p-800.jpg\"/>\r\n\t\t\t\t\t\t\t\t\t<source media=\"(min-width: 1080px)\" srcSet=\"/images/tim-meyer-WvA85uSNL6k-unsplash-min-p-1080.jpg\"/>\r\n\t\t\t\t\t\t\t\t\t<img className=\"image-100pct\" alt=\"grey car\" aria-hidden=\"true\" src=\"/images/tim-meyer-WvA85uSNL6k-unsplash-min-p-1600.jpg\"/>\r\n\t\t\t\t\t\t\t\t</picture>\r\n\t\t\t\t\t\t\t\t<div className=\"white-bg-over-image\"/>\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}/>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"container\" style={{position: 'relative', zIndex: 2}}>\r\n\t\t\t\t<Articles articles={articles}/>\r\n\t\t\t</div>\r\n\t\t\t<NewContactForm title=\"How can we help?\"/>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default AboutUs;\r\n","import React from 'react';\r\n\r\nimport ElementWithIntersectionObserver\r\n\tfrom '@app/components/UI/components/ElementWithIntersectionObserver/ElementWithIntersectionObserver';\r\n\r\ninterface Article {\r\n\ttitle: string;\r\n\ttext: string;\r\n\tsubtitle: string;\r\n}\r\n\r\ninterface Props {\r\n\tarticles: Article[];\r\n}\r\n\r\nconst Article: React.FC<Article> = ({title, text, subtitle}) => {\r\n\tconst ref = React.useRef<HTMLDivElement>(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\tinner={show =>\r\n\t\t\t<div className={`article ${show ? 'show-article' : ''}`}>\r\n\t\t\t\t<div ref={ref}>\r\n\t\t\t\t\t<div className=\"perspective-2 title\">\r\n\t\t\t\t\t\t<h2 className=\"article__title\">\r\n\t\t\t\t\t\t\t{title}\r\n\t\t\t\t\t\t</h2>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"article__content\">\r\n\t\t\t\t\t\t<div className=\"perspective-2\">\r\n\t\t\t\t\t\t\t<h3 className=\"article__subtitle\">\r\n\t\t\t\t\t\t\t\t{subtitle}\r\n\t\t\t\t\t\t\t</h3>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<p className=\"article__text\">\r\n\t\t\t\t\t\t\t{text}\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t}/>;\r\n};\r\n\r\nconst Articles: React.FC<Props> = ({articles}) => {\r\n\treturn <>\r\n\t\t{articles.map((item, i) => <Article key={i} {...item}/>)}\r\n\t</>;\r\n};\r\n\r\nexport default Articles;\r\n"],"sourceRoot":""}