{"version":3,"sources":["webpack:///./ClientApp/components/Pages/Services/Services.tsx","webpack:///./ClientApp/components/UI/ScrollSection.tsx","webpack:///./ClientApp/components/UI/SimpleScroll/SimpleScroll.tsx"],"names":["reactHotLoader","leaveModule","list","title","description","React","createElement","Fragment","img","Services","className","style","minHeight","marginTop","SimpleScroll","ScrollSection","text","button","NavLink","to","paddingRight","paddingLeft","id","scrollMarginTop","map","_ref","i","key","ImageLazy","alt","src","NewContactForm","_default","reactHotLoaderGlobal","default","undefined","register","module","LineWithText","lineRef","useRef","textRef","useEffect","current","gsap","scrollTrigger","trigger","closest","start","end","scrub","ease","y","opacity","concat","ref","__signature__","items","LineWithTextMobile","_ref2","ElementWithIntersectionObserver","inner","show","_ref3","_textRef$current","height","getBoundingClientRect","x","item","_extends","defaultOptions","loop","autoplay","animationData","require","rendererSettings","preserveAspectRatio","Lottie","options","width","isStopped","isPaused"],"mappings":"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","file":"chunks/Services.chunk.6c535c3939c58b5c1f83.js","sourcesContent":["import React from 'react';\r\n\r\nimport { NavLink } from 'react-router-dom';\r\n\r\nimport ImageLazy from '@common/react/components/UI/ImageLazy/ImageLazy';\r\n\r\nimport NewContactForm from '@app/components/UI/ContactForm/NewContactForm';\r\n\r\nimport '@app/scss/pages/services.scss';\r\nimport ScrollSection from '@app/components/UI/ScrollSection';\r\nimport SimpleScroll from '@app/components/UI/SimpleScroll/SimpleScroll';\r\n\r\nconst list = [\r\n\t{\r\n\t\ttitle: 'ONLINE DMV SERVICES',\r\n\t\tdescription: <>\r\n\t\t\tNew tag and title, transfer of registration, title transfer, title only, duplicates, modifications,\r\n\t\t\tcorrections, renewals, and other services directly from our online portal\r\n\t\t</>,\r\n\t\timg: '/images/50_states_dmv_services.jpg'\r\n\t},\r\n\t{\r\n\t\ttitle: 'Fee Quotes',\r\n\t\tdescription: 'Automated online fee quotes at the point of sale. On demand fee quotes in every state,' +\r\n\t\t\t' county, and zip code in the country; calculating the sales price, applicable aftermarket,' +\r\n\t\t\t' and trade-in allowance for your customers',\r\n\t\timg: '/images/free_quotes.jpg'\r\n\t},\r\n\t{\r\n\t\ttitle: 'DMS INTEGRATION',\r\n\t\tdescription: <>\r\n\t\t\tNo more manual entries of data, save time loading deals from your DMS with the least amount of work\r\n\t\t\tand the least amount of mistakes\r\n\t\t</>,\r\n\t\timg: '/images/dms_integration.jpg'\r\n\t},\r\n\t{\r\n\t\ttitle: 'NMVITIS',\r\n\t\tdescription: 'National Motor Vehicle Title Information System (NMVTIS), lookup Accidents & Registration Vehicle History.',\r\n\t\timg: '/images/NMVITIS.jpg'\r\n\t},\r\n\t{\r\n\t\ttitle: 'DEALER TRAINING',\r\n\t\tdescription: 'We provide your staff with comprehensive ongoing training as needed from the point of sale,' +\r\n\t\t\t' finance, title clerks and back office',\r\n\t\timg: '/images/dealer_training.jpg'\r\n\t},\r\n\t{\r\n\t\ttitle: 'LIVE SUPPORT',\r\n\t\tdescription: 'Our dedicated title clerks are available to provide live customer support',\r\n\t\timg: '/images/customer_support.jpg'\r\n\t}\r\n];\r\n\r\nconst Services: React.FC = () => {\r\n\treturn (\r\n\t\t<div className=\"services\">\r\n\t\t\t<div className=\"services__section container\" style={{minHeight: '100vh'}}>\r\n\t\t\t\t<div className=\"perspective\" style={{marginTop: 20}}>\r\n\t\t\t\t\t<h1 className=\"contact-us__title hero-text hero\">\r\n\t\t\t\t\t\tOur <span className=\"clipped\">Servic</span>es\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 offer customers and auto dealers in all 50 states smooth, efficient services related to title and registration.\r\n\t\t\t\t\t\tWith 30 years of <strong>COMBINED</strong> expertise, our services stand out for their exceptional client service, instant fee\r\n\t\t\t\t\t\testimates, user-friendly platform, and easy, straightforward process.\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<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 efficient DMV\r\n\t\t\t\t\tservices related to title and registration. Our exceptional client service and easy, straightforward process set our services\r\n\t\t\t\t\tapart, backed by 30 years of <strong>Combined</strong> expertise. Service your transaction or request a demo of our platform \r\n\t\t\t\t\ttoday!\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<div style={{paddingRight: '5%', paddingLeft: '5%'}}>\r\n\t\t\t\t<div className=\"container-large\" id=\"services-seemore\" style={{scrollMarginTop: '90px'}}>\r\n\t\t\t\t\t<h2 className=\"card-list-title\">\r\n\t\t\t\t\t\tNATIONWIDE DMV SOLUTIONS\r\n\t\t\t\t\t</h2>\r\n\t\t\t\t\t<div className=\"card-list\">\r\n\t\t\t\t\t\t{list.map(({title, description, img}, i) => <div key={i} className=\"card-wrapper\">\r\n\t\t\t\t\t\t\t<div className=\"card\">\r\n\t\t\t\t\t\t\t\t<div className=\"card-img\">\r\n\t\t\t\t\t\t\t\t\t<ImageLazy alt={title} src={img}/>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div className=\"card-info\">\r\n\t\t\t\t\t\t\t\t\t<h3 className=\"card-title\">\r\n\t\t\t\t\t\t\t\t\t\t{title}\r\n\t\t\t\t\t\t\t\t\t</h3>\r\n\t\t\t\t\t\t\t\t\t<p className=\"card-description\">\r\n\t\t\t\t\t\t\t\t\t\t{description}\r\n\t\t\t\t\t\t\t\t\t</p>\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\t<NewContactForm title=\"Need help?\"/>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default Services;\r\n","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 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":""}