{"version":3,"sources":["webpack:///./ClientApp/components/Pages/AboutUs/ArticleList.tsx","webpack:///./ClientApp/components/Pages/AboutUs/AboutUs.tsx","webpack:///./ClientApp/components/UI/SimpleScroll/SimpleScroll.tsx"],"names":["Article","_ref","title","text","subtitle","ref","React","useRef","createElement","ElementWithIntersectionObserver","onScroll","current","_ref$current$getBound","getBoundingClientRect","center","top","height","opacity","Math","abs","window","innerHeight","style","concat","inner","show","className","__signature__","reactHotLoader","leaveModule","Articles","_ref2","articles","Fragment","map","item","i","_extends","key","_default","reactHotLoaderGlobal","default","undefined","register","module","AboutUs","minHeight","SimpleScroll","showed","media","srcSet","alt","aria-hidden","src","position","zIndex","NewContactForm","defaultOptions","loop","autoplay","animationData","require","rendererSettings","preserveAspectRatio","Lottie","options","width","isStopped","isPaused"],"mappings":"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","file":"chunks/AboutUs.chunk.6c535c3939c58b5c1f83.js","sourcesContent":["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","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\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"],"sourceRoot":""}