{"version":3,"file":"static/chunks/pages/portfolio/social-networking-app-case-study-461155f4a886eec5.js","mappings":"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","sources":["webpack://_N_E/./node_modules/cookie/index.js","webpack://_N_E/./node_modules/cookies-next/lib/index.js","webpack://_N_E/?c4d7","webpack://_N_E/./components/case-study/common/NextLink.jsx","webpack://_N_E/./components/layout/Layout.jsx","webpack://_N_E/./components/case-study/social-networking-app/Common/CardNumber.jsx","webpack://_N_E/./components/case-study/social-networking-app/Accodian.jsx","webpack://_N_E/./components/case-study/social-networking-app/AccordianScroll.jsx","webpack://_N_E/./components/case-study/social-networking-app/Card.jsx","webpack://_N_E/./components/case-study/social-networking-app/FeedbackScroll.jsx","webpack://_N_E/./components/case-study/social-networking-app/LinxFeedback.jsx","webpack://_N_E/./components/case-study/social-networking-app/LinxVideo.jsx","webpack://_N_E/./components/case-study/social-networking-app/ProcessScroll.jsx","webpack://_N_E/./components/case-study/social-networking-app/Steps.jsx","webpack://_N_E/./components/case-study/social-networking-app/OurApproach.jsx","webpack://_N_E/./components/case-study/social-networking-app/Requirements.jsx","webpack://_N_E/./components/case-study/social-networking-app/Result.jsx","webpack://_N_E/./components/case-study/social-networking-app/ResultScroll.jsx","webpack://_N_E/./components/case-study/social-networking-app/Scroll.jsx","webpack://_N_E/./components/case-study/social-networking-app/TextScroll.jsx","webpack://_N_E/./components/case-study/social-networking-app/Title.jsx","webpack://_N_E/./pages/portfolio/social-networking-app-case-study.jsx","webpack://_N_E/./utils/helper.js","webpack://_N_E/./node_modules/next/router.js"],"sourcesContent":["/*!\n * cookie\n * Copyright(c) 2012-2014 Roman Shtylman\n * Copyright(c) 2015 Douglas Christopher Wilson\n * MIT Licensed\n */\n\n'use strict';\n\n/**\n * Module exports.\n * @public\n */\n\nexports.parse = parse;\nexports.serialize = serialize;\n\n/**\n * Module variables.\n * @private\n */\n\nvar decode = decodeURIComponent;\nvar encode = encodeURIComponent;\n\n/**\n * RegExp to match field-content in RFC 7230 sec 3.2\n *\n * field-content = field-vchar [ 1*( SP / HTAB ) field-vchar ]\n * field-vchar   = VCHAR / obs-text\n * obs-text      = %x80-FF\n */\n\nvar fieldContentRegExp = /^[\\u0009\\u0020-\\u007e\\u0080-\\u00ff]+$/;\n\n/**\n * Parse a cookie header.\n *\n * Parse the given cookie header string into an object\n * The object has the various cookies as keys(names) => values\n *\n * @param {string} str\n * @param {object} [options]\n * @return {object}\n * @public\n */\n\nfunction parse(str, options) {\n  if (typeof str !== 'string') {\n    throw new TypeError('argument str must be a string');\n  }\n\n  var obj = {}\n  var opt = options || {};\n  var pairs = str.split(';')\n  var dec = opt.decode || decode;\n\n  for (var i = 0; i < pairs.length; i++) {\n    var pair = pairs[i];\n    var index = pair.indexOf('=')\n\n    // skip things that don't look like key=value\n    if (index < 0) {\n      continue;\n    }\n\n    var key = pair.substring(0, index).trim()\n\n    // only assign once\n    if (undefined == obj[key]) {\n      var val = pair.substring(index + 1, pair.length).trim()\n\n      // quoted values\n      if (val[0] === '\"') {\n        val = val.slice(1, -1)\n      }\n\n      obj[key] = tryDecode(val, dec);\n    }\n  }\n\n  return obj;\n}\n\n/**\n * Serialize data into a cookie header.\n *\n * Serialize the a name value pair into a cookie string suitable for\n * http headers. An optional options object specified cookie parameters.\n *\n * serialize('foo', 'bar', { httpOnly: true })\n *   => \"foo=bar; httpOnly\"\n *\n * @param {string} name\n * @param {string} val\n * @param {object} [options]\n * @return {string}\n * @public\n */\n\nfunction serialize(name, val, options) {\n  var opt = options || {};\n  var enc = opt.encode || encode;\n\n  if (typeof enc !== 'function') {\n    throw new TypeError('option encode is invalid');\n  }\n\n  if (!fieldContentRegExp.test(name)) {\n    throw new TypeError('argument name is invalid');\n  }\n\n  var value = enc(val);\n\n  if (value && !fieldContentRegExp.test(value)) {\n    throw new TypeError('argument val is invalid');\n  }\n\n  var str = name + '=' + value;\n\n  if (null != opt.maxAge) {\n    var maxAge = opt.maxAge - 0;\n\n    if (isNaN(maxAge) || !isFinite(maxAge)) {\n      throw new TypeError('option maxAge is invalid')\n    }\n\n    str += '; Max-Age=' + Math.floor(maxAge);\n  }\n\n  if (opt.domain) {\n    if (!fieldContentRegExp.test(opt.domain)) {\n      throw new TypeError('option domain is invalid');\n    }\n\n    str += '; Domain=' + opt.domain;\n  }\n\n  if (opt.path) {\n    if (!fieldContentRegExp.test(opt.path)) {\n      throw new TypeError('option path is invalid');\n    }\n\n    str += '; Path=' + opt.path;\n  }\n\n  if (opt.expires) {\n    if (typeof opt.expires.toUTCString !== 'function') {\n      throw new TypeError('option expires is invalid');\n    }\n\n    str += '; Expires=' + opt.expires.toUTCString();\n  }\n\n  if (opt.httpOnly) {\n    str += '; HttpOnly';\n  }\n\n  if (opt.secure) {\n    str += '; Secure';\n  }\n\n  if (opt.sameSite) {\n    var sameSite = typeof opt.sameSite === 'string'\n      ? opt.sameSite.toLowerCase() : opt.sameSite;\n\n    switch (sameSite) {\n      case true:\n        str += '; SameSite=Strict';\n        break;\n      case 'lax':\n        str += '; SameSite=Lax';\n        break;\n      case 'strict':\n        str += '; SameSite=Strict';\n        break;\n      case 'none':\n        str += '; SameSite=None';\n        break;\n      default:\n        throw new TypeError('option sameSite is invalid');\n    }\n  }\n\n  return str;\n}\n\n/**\n * Try decoding a string using a decoding function.\n *\n * @param {string} str\n * @param {function} decode\n * @private\n */\n\nfunction tryDecode(str, decode) {\n  try {\n    return decode(str);\n  } catch (e) {\n    return str;\n  }\n}\n","\"use strict\";\nvar __assign = (this && this.__assign) || function () {\n    __assign = Object.assign || function(t) {\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\n            s = arguments[i];\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n                t[p] = s[p];\n        }\n        return t;\n    };\n    return __assign.apply(this, arguments);\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n        t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.checkCookies = exports.hasCookie = exports.removeCookies = exports.deleteCookie = exports.setCookies = exports.setCookie = exports.getCookie = exports.getCookies = void 0;\nvar cookie_1 = require(\"cookie\");\nvar isClientSide = function () { return typeof window !== 'undefined'; };\nvar processValue = function (value) {\n    if (value === 'true')\n        return true;\n    if (value === 'false')\n        return false;\n    if (value === 'undefined')\n        return undefined;\n    if (value === 'null')\n        return null;\n    return value;\n};\nvar stringify = function (value) {\n    if (value === void 0) { value = ''; }\n    try {\n        var result = JSON.stringify(value);\n        return (/^[\\{\\[]/.test(result)) ? result : value;\n    }\n    catch (e) {\n        return value;\n    }\n};\nvar decode = function (str) {\n    if (!str)\n        return str;\n    return str.replace(/(%[0-9A-Z]{2})+/g, decodeURIComponent);\n};\nvar getCookies = function (options) {\n    var req;\n    if (options)\n        req = options.req;\n    if (!isClientSide()) {\n        // if cookie-parser is used in project get cookies from ctx.req.cookies\n        // if cookie-parser isn't used in project get cookies from ctx.req.headers.cookie\n        if (req && req.cookies)\n            return req.cookies;\n        if (req && req.headers && req.headers.cookie)\n            return (0, cookie_1.parse)(req.headers.cookie);\n        return {};\n    }\n    var _cookies = {};\n    var documentCookies = document.cookie ? document.cookie.split('; ') : [];\n    for (var i = 0, len = documentCookies.length; i < len; i++) {\n        var cookieParts = documentCookies[i].split('=');\n        var _cookie = cookieParts.slice(1).join('=');\n        var name_1 = cookieParts[0];\n        _cookies[name_1] = _cookie;\n    }\n    return _cookies;\n};\nexports.getCookies = getCookies;\nvar getCookie = function (key, options) {\n    var _cookies = (0, exports.getCookies)(options);\n    var value = _cookies[key];\n    if (value === undefined)\n        return undefined;\n    return processValue(decode(value));\n};\nexports.getCookie = getCookie;\nvar setCookie = function (key, data, options) {\n    var _cookieOptions;\n    var _req;\n    var _res;\n    if (options) {\n        var req = options.req, res = options.res, _options = __rest(options, [\"req\", \"res\"]);\n        _req = req;\n        _res = res;\n        _cookieOptions = _options;\n    }\n    var cookieStr = (0, cookie_1.serialize)(key, stringify(data), __assign({ path: '/' }, _cookieOptions));\n    if (!isClientSide()) {\n        if (_res && _req) {\n            var currentCookies = _res.getHeader('Set-Cookie');\n            if (!Array.isArray(currentCookies)) {\n                currentCookies = !currentCookies ? [] : [String(currentCookies)];\n            }\n            _res.setHeader('Set-Cookie', currentCookies.concat(cookieStr));\n            if (_req && _req.cookies) {\n                var _cookies = _req.cookies;\n                data === '' ? delete _cookies[key] : _cookies[key] = stringify(data);\n            }\n            if (_req && _req.headers && _req.headers.cookie) {\n                var _cookies = (0, cookie_1.parse)(_req.headers.cookie);\n                data === '' ? delete _cookies[key] : _cookies[key] = stringify(data);\n                _req.headers.cookie = Object.entries(_cookies).reduce(function (accum, item) {\n                    return accum.concat(\"\".concat(item[0], \"=\").concat(item[1], \";\"));\n                }, '');\n            }\n        }\n    }\n    else {\n        document.cookie = cookieStr;\n    }\n};\nexports.setCookie = setCookie;\n/**\n * @deprecated setCookies was deprecated. It will be deleted in the new version. Use setCookie instead.\n */\nvar setCookies = function (key, data, options) {\n    console.warn('[WARN]: setCookies was deprecated. It will be deleted in the new version. Use setCookie instead.');\n    return (0, exports.setCookie)(key, data, options);\n};\nexports.setCookies = setCookies;\nvar deleteCookie = function (key, options) {\n    return (0, exports.setCookie)(key, '', __assign(__assign({}, options), { maxAge: -1 }));\n};\nexports.deleteCookie = deleteCookie;\n/**\n * @deprecated removeCookies was deprecated. It will be deleted in the new version. Use deleteCookie instead.\n */\nvar removeCookies = function (key, options) {\n    console.warn('[WARN]: removeCookies was deprecated. It will be deleted in the new version. Use deleteCookie instead.');\n    return (0, exports.deleteCookie)(key, options);\n};\nexports.removeCookies = removeCookies;\nvar hasCookie = function (key, options) {\n    if (!key)\n        return false;\n    var cookie = (0, exports.getCookies)(options);\n    return cookie.hasOwnProperty(key);\n};\nexports.hasCookie = hasCookie;\n/**\n * @deprecated checkCookies was deprecated. It will be deleted in the new version. Use hasCookie instead.\n */\nvar checkCookies = function (key, options) {\n    console.warn('[WARN]: checkCookies was deprecated. It will be deleted in the new version. Use hasCookie instead.');\n    return (0, exports.hasCookie)(key, options);\n};\nexports.checkCookies = checkCookies;\n","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/portfolio/social-networking-app-case-study\",\n      function () {\n        return require(\"private-next-pages/portfolio/social-networking-app-case-study.jsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/portfolio/social-networking-app-case-study\"])\n      });\n    }\n  ","import Container from \"@/components/common/Container\";\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { useState } from \"react\";\n\nconst NextLink = ({ nextImg, nextLink, nextTitle }) => {\n  const [isHovering, setIsHovering] = useState(false);\n  const [imagePosition, setImagePosition] = useState({ x: 0, y: 0 });\n  const handleMouseMove = ({ clientX, clientY }) => {\n    if (isHovering) {\n      setImagePosition({ x: clientX, y: clientY });\n    }\n  };\n\n  return (\n    <Container className=\"bg-primary-black\">\n      <div\n        className=\"xl:flex justify-center items-center pt-16 pb-9 xl:pt-48 xl:pb-36\"\n        onMouseLeave={() => setIsHovering(false)}\n      >\n        <div\n          className=\"xl:w-4/12 2xl:w-3/12\"\n          onMouseEnter={() => setIsHovering(false)}\n        ></div>\n        <div\n          className=\"xl:w-4/12 2xl:w-3/12 text-center cursor-pointer font-medium\"\n          onMouseEnter={() => setIsHovering(true)}\n          onMouseLeave={() => setIsHovering(false)}\n          onMouseMove={handleMouseMove}\n        >\n          <Link passHref href={nextLink}>\n            <a>\n              <p className=\"cursor-pointer text-5xl xl:text-7xl xl:leading-tight text-white\">\n                <span dangerouslySetInnerHTML={{ __html: nextTitle }}></span>\n              </p>\n            </a>\n          </Link>\n          {isHovering && (\n            <div\n              className=\"fixed -translate-x-1/2 -translate-y-1/2 pointer-events-none scroll-smooth mix-blend-difference\"\n              style={{\n                left: `${imagePosition.x}px`,\n                top: `${imagePosition.y}px`,\n              }}\n            >\n              <Image alt=\"casestudy\" height={350} src={nextImg} width={350} />\n            </div>\n          )}\n        </div>\n        <div\n          className=\"xl:w-4/12 2xl:w-3/12\"\n          onMouseEnter={() => setIsHovering(false)}\n        ></div>\n      </div>\n    </Container>\n  );\n};\n\nexport default NextLink;\n","import Head from 'next/head';\nimport { Fragment } from 'react';\nimport Cookie from '../common/Cookie';\nimport Footer from './Footer';\nimport MegaMenu from './MegaMenu';\n\n\nexport default function Layout({\n  title,\n  keywords,\n  description,\n  children,\n  uniqueMeta,\n  ogTitle,\n  ogType,\n  ogUrl,\n  ogDescription,\n  ogImage,\n  twitterTitle,\n  twitterDescription,\n  twitterImage,\n  canonicalLink\n}) {\n  return (\n    <Fragment>\n      <Head>\n        <title>{title}</title>\n        <meta\n          key=\"ultroneous-key-description\"\n          content={description}\n          name=\"description\"\n        />\n        <meta\n          key=\"ultroneous-key-keywords\"\n          content={keywords}\n          name=\"keywords\"\n        />\n\n        <meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\n        <meta content=\"#E49B00\" name=\"theme-color\" />\n\n        <meta content={ogTitle} property=\"og:title\" />\n        <meta content={ogType} property=\"og:type\" />\n        <meta content=\"ultroNeous Technologies\" property=\"og:site_name\" />\n        <meta content={ogUrl} property=\"og:url\" />\n        <meta content={ogDescription} property=\"og:description\" />\n        <meta content={ogImage} property=\"og:image\" />\n\n        <meta content=\"summary\" name=\"twitter:card\" />\n        <meta content=\"@ultroNeousTech\" name=\"twitter:site\" />\n        <meta content={twitterTitle} name=\"twitter:title\" />\n        <meta content={twitterDescription} name=\"twitter:description\" />\n        <meta content={twitterImage} name=\"twitter:image\" />\n\n        {uniqueMeta ?? <meta content=\"index, follow\" name=\"robots\" />}\n        <link href=\"/static/favicon.svg\" rel=\"shortcut icon\" />\n        <link href={canonicalLink} rel=\"canonical\" />\n     \n      </Head>\n      <Cookie />\n      <MegaMenu />\n      {children}\n      <Footer />\n    </Fragment>\n  );\n}\n\nLayout.defaultProps = {\n  title:\n    'Best Mobile & Web App Development Company in USA/India | ultroNeous Technologies',\n  description:\n    'ultroNeous Technologies is a top web app development company in USA & India, which also provides solutions for mobile app development and software development and cost-effective pricing.',\n  keywords: ''\n};\n","const CardNumber = (properties) => (\n  <div className=\"w-56 md:w-72 flex justify-center items-end border border-solid border-apple\">\n    <div className=\"h-14 md:h-[4.5rem] border border-solid border-y-0 border-l-0 border-apple flex items-center\">\n      <span className=\"text-2xl md:text-4xl text-apple font-jomolhari font-normal pr-4\">\n        {properties.number}\n      </span>\n    </div>\n    <div>\n      <h2 className=\"text-sm md:text-lg text-apple font-normal mb-0.5 py-2 pl-2 md:pl-6\">\n        <span className=\"font-jomolhari\">\n          {properties.title}\n          <br />\n          <p className=\"text-xs font-normal font-josefin pt-2\">\n            {properties.description}\n          </p>\n        </span>\n      </h2>\n    </div>\n  </div>\n);\n\nexport default CardNumber;\n","import { cmsUrl } from \"@/utils/helper\";\nimport Image from \"next/image\";\nimport { useState } from \"react\";\nimport CardNumber from \"./Common/CardNumber\";\n\nconst CASE_STUDY_ACCORDION_DATA = [\n  {\n    id: 1,\n    title: \"Database Creation\",\n    description:\n      \"To consider current and future features, the technical architect designed a new database structure and created it in MongoDB.\",\n  },\n  {\n    id: 2,\n    title: \"API and Backend Development\",\n    description:\n      \"To clear the API and backend mess, the entire new backend with the proper logic and scalability in mind using Node and ExpressJS.\",\n  },\n  {\n    id: 3,\n    title: \"Mobile Application\",\n    description:\n      \"The&nbsp;<a href='https://ultroneous.com/mobile-application-development-services'>mobile app development</a>&nbsp;is done in Kotlin for Android and Swift for iOS. The mobile application with all agreed features works with NFC technology integration.\",\n  },\n  {\n    id: 4,\n    title: \"PWA\",\n    description: `The&nbsp;<a href={${cmsUrl}/what-is-progressive-web-app-pwa/}>Progressive web app</a>&nbsp; was created for the one-tap feature using advanced ReactJS and Redux to manage front end, states and user data access for a faster network connection.`,\n  },\n];\n\nconst Accordion = () => {\n  const [activeIndex, setActiveIndex] = useState(null);\n  const onItemClick = (index) => {\n    setActiveIndex(index === activeIndex ? null : index);\n  };\n  return (\n    <>\n      <div className=\"flex justify-start p-4 md:py-16 md:px-10 xl:px-16\">\n        <div className=\"w-1/2 md:pl-4 xl:pl-16\">\n          <CardNumber\n            description=\"Deliverables we built\"\n            number=\"03\"\n            title=\"SERVICES GIVEN\"\n          />\n        </div>\n      </div>\n      <div className=\"flex flex-col xl:flex-row justify-start md:justify-end pt-8 px-4 pb-16 md:pt-0 md:pr-16 md:pb-0 md:pl-10 xl:pb-16 text-justify h-[68vh] md:h-[44vh] xl:h-[55vh]\">\n        <div className=\"w-full xl:w-8/12\">\n          <div>\n            {CASE_STUDY_ACCORDION_DATA.map((value, index) => (\n              <div key={index}>\n                <div className=\"border border-solid border-x-0 border-t-0 border-gray-300 my-4\">\n                  <div\n                    className=\"text-left py-4 md:px-5 flex justify-between items-center cursor-pointer\"\n                    onClick={() => onItemClick(index)}\n                  >\n                    <h4 className=\"font-normal text-base md:text-lg flex items-center text-black w-11/12 px-5 md:px-0\">\n                      <span className=\"flex mr-4 w-6 h-6 md:w-auto md:h-auto\">\n                        {index === activeIndex ? (\n                          <Image\n                            src=\"/assets/case-study/social-networking/decrement.webp\"\n                            width={32}\n                            height={32}\n                            alt=\"minus\"\n                          />\n                        ) : (\n                          <Image\n                            src=\"/assets/case-study/social-networking/increment.webp\"\n                            width={32}\n                            height={32}\n                            alt=\"plus\"\n                          />\n                        )}\n                      </span>\n                      <span className=\"mr-4\">{value.title}</span>\n                    </h4>\n                  </div>\n                  <div\n                    className={`p-4 text- text-base text-justify pt-0 pl-16 pr-5 pb-4 text-black ${\n                      index === activeIndex ? \"block\" : \"hidden\"\n                    }`}\n                  >\n                    <span\n                      dangerouslySetInnerHTML={{ __html: value.description }}\n                      className=\"[&>a]:text-blue-600 [&>a]:hover:text-primary-yellow\"\n                    ></span>\n                  </div>\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default Accordion;\n","import { useEffect } from \"react\";\n\nconst AccordionScroll = () => {\n  useEffect(() => {\n    const first = document.querySelector(\"#one-first\");\n    const second = document.querySelector(\"#two-second\");\n    const animate = (element, position) => {\n      element.style.transform = `translateX(${position}px)`;\n    };\n    let lastKnownScrollPosition;\n    document.addEventListener(\"scroll\", function () {\n      lastKnownScrollPosition = window.scrollY;\n      window.requestAnimationFrame(function () {\n        animate(first, lastKnownScrollPosition * 0.8);\n        animate(second, lastKnownScrollPosition * -0.8);\n      });\n    });\n  }, []);\n  return (\n    <div className=\"overflow-hidden pt-24\">\n      <div\n        className=\"overflow-hidden h-[30vh] w-[1220vw] md:w-[830vw] xl:h-[55vh] xl:w-[500vw]\"\n        id=\"container2\"\n      >\n        <h1\n          className=\"transition-transform duration-200 ease-linear text-5xl md:text-8xl xl:text-large font-normal text-black/5 -ml-[248rem] md:-ml-[300rem] xl:-ml-[305rem]\"\n          id=\"one-first\"\n        >\n          <span className=\"font-jomolhari\">WHAT SERVICES</span>\n        </h1>\n        <h1\n          className=\"transition-transform duration-200 ease-linear text-5xl md:text-8xl xl:text-large font-normal text-black/5 ml-[248rem] md:ml-[300rem] xl:ml-[270rem]\"\n          id=\"two-second\"\n        >\n          <span className=\"font-jomolhari\">WE PROPOSED?</span>\n        </h1>\n      </div>\n    </div>\n  );\n};\n\nexport default AccordionScroll;\n","import CardNumber from \"./Common/CardNumber\";\n\nconst Card = () => (\n  <>\n    <div className=\"pt-20 px-4 pb-4 md:py-16 md:px-10 xl:pt-24 xl:pb-16 xl:px-32 flex justify-start\">\n      <div className=\"md:pl-4 xl:pl-16 w-1/2\">\n        <CardNumber\n          description=\"About this project\"\n          number=\"01\"\n          title=\"INTRODUCTION\"\n        />\n      </div>\n    </div>\n    <div className=\"flex justify-end text-justify px-4 pb-8 md:pb-0 md:pr-16 md:pl-10 xl:pl-0\">\n      <div className=\"w-full xl:w-8/12\">\n        <p className=\"text-sm md:text-base font-normal pt-8 md:pt-0 mb-4\">\n          <span className=\"font-josefin\">\n            The dream of 2 young entrepreneurs was to connect people using\n            Social networking app through advanced NFC technology. It was\n            founded based on three simple terms, QUICK - EASY - USER FRIENDLY.\n            How about having a simple app that will allow users to connect\n            personally and professionally with a single tap.\n          </span>\n        </p>\n        <p className=\"text-sm md:text-base font-normal pt-8 md:pt-0 mb-4\">\n          <span className=\"font-josefin\">\n            The app allows users to securely create and store their social and\n            business profiles on a server, and with a single NFC tap, you can\n            view and connect with them. Started as an MVP to test the idea, it\n            is gaining massive traction across the UK, including Universities,\n            bars, restaurants and many more public places.\n          </span>\n        </p>\n      </div>\n    </div>\n    <div className=\"flex justify-end text-justify px-4 pb-8 md:pb-0 md:pr-16 md:pl-10 xl:pl-0\">\n      <div className=\"w-full xl:w-8/12\">\n        <div className=\"flex flex-col xl:flex-row pb-8 md:py-16\">\n          <div className=\"w-full xl:w-1/2\">\n            <div className=\"pr-4 pb-4 md:pr-8 md:pb-0\">\n              <h3 className=\"text-lg font-medium text-erie-black mb-2\">\n                <span className=\"font-josefin\">Tap to Connect</span>\n              </h3>\n              <p className=\"text-base md:text-sm font-light text-erie-black mb-4\">\n                <span className=\"font-josefin\">\n                  Just tap on the NFC tag and connect with them on Instagram,\n                  Facebook, Linkedin and many more.\n                </span>\n              </p>\n            </div>\n          </div>\n          <div className=\"w-full xl:w-1/2\">\n            <div className=\"pr-4 pb-4 md:pr-8 md:pb-0\">\n              <h3 className=\"text-lg font-medium text-erie-black mb-2\">\n                <span className=\"font-josefin\">Grow your Network</span>\n              </h3>\n              <p className=\"text-base md:text-sm font-light text-erie-black mb-4\">\n                <span className=\"font-josefin\">\n                  The cheapest way to grow your network with like-minded people\n                  controlling who can find you easily directly on all your\n                  networks.\n                </span>\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </>\n);\n\nexport default Card;\n","import { useEffect } from \"react\";\nconst FeedbackScroll = () => {\n  useEffect(() => {\n    const first = document.querySelector(\"#first-move\");\n    const second = document.querySelector(\"#second-move\");\n    const third = document.querySelector(\"#third-move\");\n    const animate = (element, position) => {\n      element.style.transform = `translateX(${position}px)`;\n    };\n    let lastKnownScrollPosition;\n    document.addEventListener(\"scroll\", function () {\n      lastKnownScrollPosition = window.scrollY;\n      window.requestAnimationFrame(function () {\n        animate(first, lastKnownScrollPosition * 0.8);\n        animate(second, lastKnownScrollPosition * -0.8);\n        animate(third, lastKnownScrollPosition * 0.8);\n      });\n    });\n  }, []);\n\n  return (\n    <>\n      <div className=\"overflow-hidden pt-8 md:pt-16\">\n        <div\n          className=\"overflow-hidden h-[20vh] w-[1930vw] md:w-[1120vw] md:h-[45vh] xl:h-[70vh] xl:w-[650vw]\"\n          id=\"containermove\"\n        >\n          <h1\n            className=\"transition-transform duration-200 ease-linear text-5xl md:text-8xl xl:text-large font-normal text-black -ml-[398rem] md:-ml-[400rem] xl:-ml-[410rem] xl:leading-tight\"\n            id=\"first-move\"\n          >\n            <span className=\"font-jomolhari inline-block\">CLIENT LOVED</span>\n          </h1>\n          <h1\n            className=\"transition-transform duration-200 ease-linear text-5xl md:text-8xl xl:text-large font-normal text-black text-center ml-[300rem] md:ml-[330rem] xl:ml-[350rem] xl:leading-tight\"\n            id=\"second-move\"\n          >\n            <span className=\"font-jomolhari inline-block\">THE OVERALL</span>\n          </h1>\n          <h1\n            className=\"transition-transform duration-200 ease-linear text-5xl md:text-8xl xl:text-large font-normal text-black -ml-[398rem] md:-ml-[400rem] xl:-ml-[410rem] xl:leading-tight\"\n            id=\"third-move\"\n          >\n            <span className=\"font-jomolhari inline-block\">PROJECT</span>\n          </h1>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default FeedbackScroll;\n","import Image from \"next/image\";\n\nconst LinxFeedback = () => (\n  <div className=\"mt-48 pb-16 md:pb-32 md:-mt-8\">\n    <div className=\"flex justify-center items-center flex-col xl:flex-row px-4 md:pr-8 md:pl-12 xl:pr-4\">\n      <div className=\"w-full xl:w-1/2 text-center md:pl-16 fs-0 pb-4 xl:pb-0 flex justify-center\">\n        <video\n          controls\n          controlsList=\"true\"\n          src={\"/assets/case-study/social-networking/linx-testimonial.mp4\"}\n        >\n          <track kind=\"captions\" />\n        </video>\n      </div>\n      <div className=\"w-full xl:w-1/2\">\n        <div className=\"flex items-center\">\n          <div className=\"flex justify-center md:justify-end w-2/12\">\n            <div className=\"w-4/5 md:w-1/2 xl:w-1/3 mb-16 mr-4\">\n              <Image\n                alt={\"qoute\"}\n                src={\"/assets/case-study/social-networking/qoute.webp\"}\n                width={36}\n                height={31}\n                layout=\"fixed\"\n              />\n            </div>\n          </div>\n          <div className=\"w-1/2\">\n            <div>\n              <h2 className=\"text-xl md:text-2xl xl:text-xl font-normal text-erie-black\">\n                <span className=\"font-josefin\">Linxngo Team</span>\n              </h2>\n              <span className=\"text-lg font-thin opacity-90 text-erie-black font-josefin italic\">\n                Linx&Go Limited\n              </span>\n            </div>\n          </div>\n          <div className=\"w-4/12 text-end\">\n            <div className=\"md:pl-8 pb-8 flex justify-center\">\n              <Image\n                alt=\"linx-logo\"\n                className=\"w-24 md:w-1/3\"\n                src={\"/assets/case-study/social-networking/linx-logo.webp\"}\n                height={81}\n                width={81}\n              />\n            </div>\n          </div>\n        </div>\n        <div>\n          <p className=\"text-base md:text-lg font-normal text-justify text-erie-black mt-4 px-16\">\n            <span className=\"font-josefin\">\n              Their patience and listening skills are impressive. There have\n              been delays and issues from our side, which they have helped with,\n              been patient with, and made us feel very safe to do our business\n              only with them. The deliverables have been spot on; they have\n              delivered on time and exactly how we asked; if anything, they have\n              gone above and beyond.\n            </span>\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n);\n\nexport default LinxFeedback;\n","import Image from \"next/image\";\nimport { useEffect, useState } from \"react\";\nconst IMG_ALT_TEXT = \"Social Networking App through NFC technology\";\nconst IMG_SRC = \"/assets/case-study/social-networking/linx-2.gif\";\nconst LinxVideo = () => {\n  const [isMobile, setIsMobile] = useState(false);\n  const [isTab, setIsTab] = useState(false);\n  useEffect(() => {\n    if (window.innerWidth < 768) {\n      setIsMobile(true);\n    } else if (window.innerWidth < 1080) {\n      setIsTab(true);\n    } else {\n      setIsMobile(false);\n      setIsTab(false);\n    }\n  }, []);\n\n  const ResponsiveComponent = () => {\n    if (isMobile) {\n      return (\n        <div className=\"relative bottom-36 right-32\">\n          <Image\n            alt={IMG_ALT_TEXT}\n            className=\"!w-[170%] h-auto\"\n            src={IMG_SRC}\n            width={722}\n            height={406}\n            layout=\"fixed\"\n          />\n        </div>\n      );\n    } else if (isTab) {\n      return (\n        <div className=\"relative right-48 bottom-40\">\n          <Image\n            alt={IMG_ALT_TEXT}\n            className=\"w-[140%]\"\n            src={IMG_SRC}\n            width={1075}\n            height={604}\n            layout=\"fixed\"\n          />\n        </div>\n      );\n    }\n    return (\n      <div>\n        <Image\n          alt={IMG_ALT_TEXT}\n          src={IMG_SRC}\n          width={1920}\n          height={1080}\n          layout=\"fixed\"\n        />\n      </div>\n    );\n  };\n\n  return (\n    <div className=\"bg-light-pink rounded-b-[50%] h-[34vh] md:h-[48vh] xl:h-auto\">\n      {ResponsiveComponent()}\n    </div>\n  );\n};\nexport default LinxVideo;\n","import { useEffect } from \"react\";\n\nconst ProcessScroll = () => {\n  useEffect(() => {\n    const first = document.querySelector(\"#first-scroll\");\n    const second = document.querySelector(\"#second-scroll\");\n    const animate = (element, position) => {\n      element.style.transform = `translateX(${position}px)`;\n    };\n    let lastKnownScrollPosition;\n    document.addEventListener(\"scroll\", function () {\n      lastKnownScrollPosition = window.scrollY;\n      window.requestAnimationFrame(function () {\n        if (window.scrollY > 2800) {\n          animate(first, lastKnownScrollPosition * -0.8);\n        }\n      });\n      window.requestAnimationFrame(function () {\n        if (window.scrollY > 3000) {\n          animate(second, lastKnownScrollPosition * 0.8);\n        }\n      });\n    });\n  }, []);\n\n  return (\n    <div className=\"overflow-hidden pt-12 md:pt-24 pb-16 z-20\">\n      <div\n        className=\"overflow-hidden w-[900vw] h-[30vh] md:w-[560vw] md:h-[88vh] xl:w-[400vw]\"\n        id=\"containerscroll\"\n      >\n        <h1\n          className=\"transition-transform duration-200 ease-linear text-5xl md:text-8xl xl:text-large font-normal text-left ml-[170rem] md:ml-[210rem] xl:ml-[230rem]\"\n          id=\"first-scroll\"\n        >\n          <span className=\"font-jomolhari\">OUR APPROACH</span>\n        </h1>\n        <h1\n          className=\"transition-transform duration-200 ease-linear text-5xl md:text-8xl xl:text-large font-normal text-left -ml-[164rem] md:-ml-[210rem] xl:-ml-[202rem]\"\n          id=\"second-scroll\"\n        >\n          <span className=\"font-jomolhari\">TOWARDS IT</span>\n        </h1>\n      </div>\n    </div>\n  );\n};\n\nexport default ProcessScroll;\n","import Image from \"next/image\";\n\nconst StepsProcess = () => (\n  <div className=\"flex flex-col xl:flex-row px-4 md:pl-8 MD:pr-0 h-[90vh]\">\n    <div className=\"text-center w-full xl:w-1/2\">\n      <div className=\"relative bottom-48 md:bottom-[46rem] xl:bottom-[32rem] flex justify-center xl:justify-end fs-0 z-0\">\n        <Image\n          alt={\"Lady using NFC Tap-n-connect Social Networking App\"}\n          className=\"md:w-3/4\"\n          src={\"/assets/case-study/social-networking/process.webp\"}\n          width={518}\n          height={718}\n        />\n      </div>\n    </div>\n    <div className=\"w-full xl:w-1/2\">\n      <div className=\"md:pr-10 -mt-24\">\n        <div className=\"relative xl:static bottom-8 md:bottom-[32rem] md:pl-8 xl:pl-16\">\n          <div className=\"flex\">\n            <div>\n              <div className=\"fs-0 border border-dashed border-black w-12 h-12 flex justify-center md:w-16 md:h-16 rounded-7.5 p-3 md:p-4\">\n                <Image\n                  alt={\"Understanding requirements\"}\n                  src={\"/assets/case-study/social-networking/understanding.webp\"}\n                  width={34}\n                  height={27}\n                />\n              </div>\n              <div className=\"h-44 md:h-32 border border-solid border-y-0 border-l-0 border-black/10 mx-auto w-0\"></div>\n            </div>\n            <div className=\"ml-8\">\n              <h2 className=\"text-base md:text-lg font-medium text-black mb-1\">\n                <span className=\"font-josefin\">Requirement Understanding</span>\n              </h2>\n              <p className=\"text-sm font-light text-black/80 text-justify\">\n                <span className=\"font-josefin\">\n                  It was essential to understand the project concept and the\n                  client&apos;s long-term vision in detail. We got a detailed\n                  idea about the project features and technical challenges and\n                  understood the overall project flow, feature set, and the\n                  issues the client was facing.\n                </span>\n              </p>\n            </div>\n          </div>\n          <div className=\"flex\">\n            <div>\n              <div className=\"fs-0 border border-dashed border-black w-12 h-12 md:w-16 md:h-16 rounded-7.5 p-3 md:p-4 flex justify-center items-center\">\n                <Image\n                  alt={\"Development\"}\n                  src={\"/assets/case-study/social-networking/development.webp\"}\n                  width={29}\n                  height={29}\n                />\n              </div>\n              <div className=\"h-44 md:h-32 border border-solid border-y-0 border-l-0 border-black/10 mx-auto w-0\"></div>\n            </div>\n            <div className=\"ml-8\">\n              <h2 className=\"text-base md:text-lg font-medium text-black mb-1\">\n                <span className=\"font-josefin\">Development</span>\n              </h2>\n              <p className=\"text-sm font-light text-black/80 text-justify\">\n                <span className=\"font-josefin\">\n                  The biggest challenge was clearing the app code mess upon\n                  understanding the project requirement. We created the back end\n                  from scratch aligned with PWA, fixed the broken features in\n                  the app, and built the core features again to make a stable\n                  app live.\n                </span>\n              </p>\n            </div>\n          </div>\n          <div className=\"flex\">\n            <div>\n              <div className=\"fs-0 border border-dashed border-black w-12 h-12 md:w-16 md:h-16 rounded-7.5 p-3 md:p-4 flex justify-center items-center\">\n                <Image\n                  alt={\"Quality Assurance\"}\n                  src={\"/assets/case-study/social-networking/quilty.webp\"}\n                  width={16}\n                  height={34}\n                />\n              </div>\n              <div className=\"h-44 md:h-32 border border-solid border-y-0 border-l-0 border-black/10 mx-auto w-0\"></div>\n            </div>\n            <div className=\"ml-8\">\n              <h2 className=\"text-base md:text-lg font-medium text-black mb-1\">\n                <span className=\"font-josefin\">Quality Assurance</span>\n              </h2>\n              <p className=\"text-sm font-light text-black/80 text-justify\">\n                <span className=\"font-josefin\">\n                  Upon completing the development, including the code quality\n                  fixes, the newly built backend, and PWA, the complete mobile\n                  app went through serious QA, which included the physical NFC\n                  tags and band testing. It ensured the system would not suffer\n                  crashes or feature failures.\n                </span>\n              </p>\n            </div>\n          </div>\n          <div className=\"flex\">\n            <div className=\"fs-0 border border-dashed border-black w-36 h-12 md:h-16 rounded-7.5 p-3 md:p-0 flex justify-center items-center\">\n              <Image\n                alt={\"On Time Delivery\"}\n                src={\"/assets/case-study/social-networking/ontime.webp\"}\n                width={32}\n                height={32}\n              />\n            </div>\n            <div className=\"ml-8\">\n              <h2 className=\"text-base md:text-lg font-medium text-black mb-1\">\n                <span className=\"font-josefin\">On Time Delivery</span>\n              </h2>\n              <p className=\"text-sm font-light text-black/80 text-justify\">\n                <span className=\"font-josefin\">\n                  Once we took over the project, it was taken care of with the\n                  utmost sincerity. The product was launched on a date we\n                  committed to the client. It was rolled out on a large scale\n                  and received much positive user feedback. All the late-night\n                  work and dedication finally paid off.\n                </span>\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n);\n\nexport default StepsProcess;\n","import ProcessScroll from \"./ProcessScroll\";\nimport StepsProcess from \"./Steps\";\n\nconst OurApproach = () => (\n  <div className=\"h-[230vh] md:h-auto bg-light-pink flex flex-col\">\n    <ProcessScroll />\n    <StepsProcess />\n  </div>\n);\n\nexport default OurApproach;\n","import CardNumber from \"./Common/CardNumber\";\n\nconst Requirements = () => (\n  <>\n    <div className=\"flex justify-start pt-16  pb-4 px-4 md:py-16 md:px-10 xl:pb-16 xl:px-32 xl:pt-0\">\n      <div className=\"w-1/2 md:pl-4 xl:pl-16\">\n        <CardNumber\n          description=\"Challenges we figured out\"\n          number=\"02\"\n          title=\"REQUIREMENTS\"\n        />\n      </div>\n    </div>\n    <div className=\"flex justify-end px-4 pb-8 md:pr-16 md:pb-0 md:pl-10 xl:pr-16 xl:pl-0 text-justify\">\n      <div className=\"w-full xl:w-8/12\">\n        <p className=\"text-base font-normal pt-8 md:pt-0 mb-4\">\n          <span className=\"font-josefin\">\n            The biggest challenge the client faced was finding a reliable\n            technology partner. They felt stuck with an organization that could\n            not understand their project needs or deliver quality work. They\n            were looking for a team who could understand their needs, fix the\n            broken code, and develop the new features and PWA to launch on a\n            predefined event date.\n          </span>\n        </p>\n        <p className=\"text-base font-normal pt-8 md:pt-0 mb-4\">\n          <span className=\"font-josefin\">\n            As an experienced team, ultroNeous took all the time required to\n            understand the project flow, develop features, and upgrade the code\n            standards. Getting their needs on paper was the most crucial step\n            towards launching something extraordinary.\n          </span>\n        </p>\n      </div>\n    </div>\n    <div className=\"flex justify-end px-4 pb-8 md:pr-16 md:pb-0 md:pl-10 xl:pr-16 xl:pl-0 text-justify\">\n      <div className=\"w-full xl:w-8/12\">\n        <div className=\"flex flex-col md:flex-row flex-wrap md:py-16\">\n          <div className=\"w-full md:w-1/2\">\n            <div className=\"pb-8 md:pr-8 md:pb-16\">\n              <h3 className=\"text-lg md:text-2xl xl:text-lg font-normal text-erie-black flex justify-start items-center\">\n                <span className=\"font-josefin\">\n                  <span className=\"border border-solid border-black text-white bg-black rounded-3xl py-1 px-2 text-xs mr-4\">\n                    1\n                  </span>\n                  A Scalable backend\n                </span>\n              </h3>\n              <p className=\"text-base md:text-sm font-light text-erie-black ml-10\">\n                <span className=\"font-josefin\">\n                  Creating a clean database structure is required to meet the\n                  application&apos;s current and future needs. And a back end to\n                  take care of scalability.\n                </span>\n              </p>\n            </div>\n          </div>\n          <div className=\"w-full md:w-1/2\">\n            <div className=\"pb-8 md:pr-8 md:pb-16\">\n              <h3 className=\"text-lg md:text-2xl xl:text-lg font-normal text-erie-black flex justify-start items-center\">\n                <span className=\"font-josefin\">\n                  <span className=\"border border-solid border-black text-white bg-black rounded-3xl py-1 px-2 text-xs mr-4\">\n                    2\n                  </span>\n                  A Stable App\n                </span>\n              </h3>\n              <p className=\"text-base md:text-sm font-light text-erie-black ml-10\">\n                <span className=\"font-josefin\">\n                  Several requirements included improving code quality, fixing\n                  broken features, and developing the remaining significant\n                  features around NFC and Networking.\n                </span>\n              </p>\n            </div>\n          </div>\n          <div className=\"w-full md:w-1/2\">\n            <div className=\"pb-8 md:pr-8 md:pb-16\">\n              <h3 className=\"text-lg md:text-2xl xl:text-lg font-normal text-erie-black flex justify-start items-center\">\n                <span className=\"font-josefin\">\n                  <span className=\"border border-solid border-black text-white bg-black rounded-3xl py-1 px-2 text-xs mr-4\">\n                    3\n                  </span>\n                  A Brand new PWA\n                </span>\n              </h3>\n              <p className=\"text-base md:text-sm font-light text-erie-black ml-10\">\n                <span className=\"font-josefin\">\n                  The requirement was to develop a PWA concept that allows\n                  people to connect with app users with a single tap without the\n                  need to sign up.\n                </span>\n              </p>\n            </div>\n          </div>\n          <div className=\"w-full md:w-1/2\">\n            <div className=\"pb-8 md:pr-8 md:pb-16\">\n              <h3 className=\"text-lg md:text-2xl xl:text-lg font-normal text-erie-black flex justify-start items-center\">\n                <span className=\"font-josefin\">\n                  <span className=\"border border-solid border-black text-white bg-black rounded-3xl py-1 px-2 text-xs mr-4\">\n                    4\n                  </span>\n                  A Timely Delivery\n                </span>\n              </h3>\n              <p className=\"text-base md:text-sm font-light text-erie-black ml-10\">\n                <span className=\"font-josefin\">\n                  Timely delivery with the proper Quality check is required to\n                  launch the product during an agreed launch event.\n                </span>\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </>\n);\nexport default Requirements;\n","import CardNumber from \"./Common/CardNumber\";\n\nconst RESULT_DATA = [\n  {\n    Heading: \"A Reliable Partner\",\n    Details: (\n      <>\n        When two young entrepreneurs thought of an idea that can change the\n        definition of people networking, they also required a fantastic team to\n        convert that idea into a reality. After going through many ups and downs\n        with the first vendor, Robert and Panashe finally found ultroNeous to\n        take care of their multimillionaire idea. We became their technology\n        partner, working on multiple releases to launch their features to test\n        the market in a flexible with their working manner to support these two\n        brilliant minds.\n      </>\n    ),\n  },\n  {\n    Heading: \"An Awesome Product.\",\n    Details: (\n      <>\n        When the idea turned into reality, the product went for testing with a\n        large scale of people. The product idea, as well as the product, stood\n        out proudly in the middle of a colossal product crowd. The app concept,\n        the detailing of the flow, the ever-working features and great marketing\n        took it to the next step. This is a stage where founders could sit with\n        the investors and showcase this beauty to them with a proper working\n        mode. They were getting the approvals and benefits, making the app a\n        million-user product soon.\n      </>\n    ),\n  },\n  {\n    Heading: \"A Growing User base.\",\n    Details: (\n      <>\n        When you have a beautiful product with features working as expected, you\n        can be confident to market it everywhere. Whether an Apple store, a\n        University, a Cafe, a Pub or a Restaurant, this app always draws\n        attention and gains praise. With each passing day, it gains new users.\n        The users who purchase the tags and bands, the users who feel safe\n        sharing their data on the app and users who are growing their network\n        rapidly with this one-tap solution.\n      </>\n    ),\n  },\n  {\n    Heading: \"An Ongoing Feature Releases.\",\n    Details: (\n      <>\n        The product and the idea have had such a massive success that the client\n        has already listed out multiple release plans with an exciting set of\n        features in the roadmap. We release a new version each quarter which\n        expands the reach of the product to the new verticals and user base. The\n        product is getting bigger daily and will compete with the best soon.\n      </>\n    ),\n  },\n];\n\nconst Result = () => (\n  <>\n    <div className=\"flex justify-start p-4 md:py-16 md:px-10 xl:pb-16 xl:px-32 xl:pt-0\">\n      <div className=\"w-1/2 pl-2 md:pl-4 xl:pl-16\">\n        <CardNumber\n          description=\"Solution on table\"\n          number=\"04\"\n          title=\"ACHIEVEMENTS\"\n        />\n      </div>\n    </div>\n    <div className=\"flex justify-end pb-16 text-justify items-start\">\n      <div className=\"w-full xl:w-10/12 pl-2 pt-4 md:p-0\">\n        <div className=\"flex flex-col w-full p-4 md:pl-10 xl:pl-8 md:pr-16\">\n          {RESULT_DATA.map((value) => (\n            <div\n              key={value.Heading}\n              className=\"w-full my-4 border border-solid border-gray-300\"\n            >\n              <div className=\"py-8 px-4 md:p-8\">\n                <h2 className=\"text-xl md:text-lg font-medium mb-2\">\n                  <span className=\"font-josefin\">{value.Heading}</span>\n                </h2>\n                <p className=\"text-base font-light\">\n                  <span className=\"font-josefin\">{value.Details}</span>\n                </p>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  </>\n);\nexport default Result;\n","import { useEffect } from \"react\";\n\nconst ResultScroll = () => {\n  useEffect(() => {\n    const first = document.querySelector(\"#first-one\");\n    const second = document.querySelector(\"#second-one\");\n    const animate = (element, position) => {\n      element.style.transform = `translateX(${position}px)`;\n    };\n    let lastKnownScrollPosition;\n    document.addEventListener(\"scroll\", function () {\n      lastKnownScrollPosition = window.scrollY;\n      window.requestAnimationFrame(function () {\n        animate(first, lastKnownScrollPosition * 0.8);\n        animate(second, lastKnownScrollPosition * -0.8);\n      });\n    });\n  }, []);\n\n  return (\n    <div className=\"overflow-hidden md:pt-24 xl:pt-0\">\n      <div\n        className=\"overflow-hidden h-[22vh] md:h-[30vh] xl:h-[65vh] w-[200vw]\"\n        id=\"container3\"\n      >\n        <h1\n          className=\"transition-transform duration-200 ease-linear text-5xl md:text-8xl xl:text-large font-normal text-black -ml-[290rem] md:-ml-[330rem] xl:-ml-[355rem]\"\n          id=\"first-one\"\n        >\n          <span className=\"font-jomolhari inline-block\">WHAT CLIENT</span>\n        </h1>\n        <h1\n          className=\"transition-transform duration-200 ease-linear text-5xl md:text-8xl xl:text-large font-normal text-black ml-[296rem] md:ml-[330rem] xl:ml-[380rem]\"\n          id=\"second-one\"\n        >\n          <span className=\"font-jomolhari inline-block\">ACHIEVED?</span>\n        </h1>\n      </div>\n    </div>\n  );\n};\n\nexport default ResultScroll;\n","import Image from \"next/image\";\nimport { useEffect } from \"react\";\n\nconst Scroll = () => {\n  useEffect(() => {\n    const first = document.querySelector(\"#one\");\n    const second = document.querySelector(\"#two\");\n    const third = document.querySelector(\"#three\");\n    const animate = (element, position) => {\n      element.style.transform = `translateX(${position}px)`;\n    };\n    let lastKnownScrollPosition;\n    document.addEventListener(\"scroll\", function () {\n      lastKnownScrollPosition = window.scrollY;\n      window.requestAnimationFrame(function () {\n        animate(first, lastKnownScrollPosition * 0.8);\n        animate(second, lastKnownScrollPosition * -0.8);\n        animate(third, lastKnownScrollPosition * 0.8);\n      });\n    });\n  }, []);\n\n  return (\n    <>\n      <div className=\"overflow-hidden pt-8 md:pt-24\">\n        <div\n          className=\"overflow-hidden h-[30vh] md:h-[60vh] xl:h-[120vh]\"\n          id=\"container1\"\n        >\n          <h2\n            className=\"transition-transform duration-200 ease-linear text-5xl leading-snug md:text-8xl xl:text-[160px] font-bold text-black/5 -ml-[78rem] md:-ml-[94rem] xl:-ml-[110rem]\"\n            id=\"one\"\n          >\n            <span className=\"font-jomolhari inline-block\">CHALLENGES</span>\n          </h2>\n          <h2\n            className=\"transition-transform duration-200 ease-linear text-5xl leading-snug md:text-8xl xl:text-[160px] font-bold text-black/5 ml-[80rem] md:ml-[132rem]\"\n            id=\"two\"\n          >\n            <span className=\"font-jomolhari inline-block\">ENCOUNTERED</span>\n          </h2>\n          <h2\n            className=\"transition-transform duration-200 ease-linear text-5xl leading-snug md:text-8xl xl:text-[160px] font-bold text-black/5 -ml-[90rem] md:-ml-[140rem] xl:-ml-[135rem]\"\n            id=\"three\"\n          >\n            <span className=\"font-jomolhari inline-block\">IN THE PROJECT</span>\n          </h2>\n          <div className=\"relative bottom-64 left-0 md:bottom-72 md:left-32 xl:bottom-[22rem] xl:left-[21rem] md:[&>span]:!h-[690px] xl:[&>span]:!h-[740px]\">\n            <Image\n              alt=\"Linx iOS Mobile App\"\n              className=\"w-2/5 xl:!w-full\"\n              src=\"/assets/case-study/social-networking/linx-app.webp\"\n              width={620}\n              height={740}\n              layout=\"fixed\"\n            />\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default Scroll;\n","import { useEffect } from \"react\";\n\nconst TextScroll = () => {\n  useEffect(() => {\n    const first = document.querySelector(\"#first\");\n    const second = document.querySelector(\"#second\");\n    const third = document.querySelector(\"#third\");\n    const fourth = document.querySelector(\"#fourth\");\n    const animate = (element, position) => {\n      element.style.transform = `translateX(${position}px)`;\n    };\n    let lastKnownScrollPosition;\n    let startScrollPosition;\n    document.addEventListener(\"scroll\", function () {\n      lastKnownScrollPosition = window.scrollY;\n      startScrollPosition = window.scrollY;\n      window.requestAnimationFrame(function () {\n        if (window.scrollY > 100) {\n          animate(first, lastKnownScrollPosition * 1);\n        } else if (window.scrollY < 150) {\n          animate(first, startScrollPosition * 1);\n        }\n        if (window.scrollY > 250) {\n          animate(second, lastKnownScrollPosition * -1);\n        } else if (window.scrollY < 200) {\n          animate(second, startScrollPosition * 0);\n        }\n        if (window.scrollY > 350) {\n          animate(third, lastKnownScrollPosition * 1);\n        } else if (window.scrollY < 300) {\n          animate(third, startScrollPosition * 0);\n        }\n        if (window.scrollY > 450) {\n          animate(fourth, lastKnownScrollPosition * -1);\n        } else {\n          animate(fourth, startScrollPosition * 0);\n        }\n      });\n    });\n  }, []);\n\n  return (\n    <div className=\"bg-light-pink pt-11\">\n      <div className=\"overflow-hidden\">\n        <div\n          className=\"overflow-hidden md:w-[230vw] md:h-[70vh] xl:w-[200vw] xl:h-auto\"\n          id=\"container\"\n        >\n          <h1\n            className=\"transition-transform duration-200 ease-linear font-normal text-left md:text-8xl md:leading-tight xl:text-[160px] xl:leading-tight\"\n            id=\"first\"\n          >\n            <span className=\"font-jomolhari\">APPLICATION</span>\n          </h1>\n          <h2\n            className=\"transition-transform duration-500 ease-linear font-normal text-left md:text-8xl md:leading-tight xl:text-[160px] xl:leading-[150px] px-48\"\n            id=\"second\"\n          >\n            <span className=\"font-jomolhari\">TO TRANSFER</span>\n          </h2>\n          <h2\n            className=\"transition-transform duration-800 ease-linear font-normal text-left md:text-8xl md:leading-tight xl:text-[160px] xl:leading-tight\"\n            id=\"third\"\n          >\n            <span className=\"font-jomolhari\">DATA USING</span>\n          </h2>\n          <h2\n            className=\"text-apple transition-transform duration-[1.1s] ease-linear font-normal text-left md:text-8xl md:leading-tight xl:text-[160px] xl:leading-[150px] ml-24\"\n            id=\"fourth\"\n          >\n            <span className=\"font-jomolhari\">NFC TECHNOLOGY</span>\n          </h2>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default TextScroll;\n","const Title = () => (\n  <div className=\"pt-28 pb-16 px-4 md:pb-16 md:pt-24 md:px-16 xl:pb-24 bg-light-pink\">\n    <div className=\"flex flex-col xl:flex-row\">\n      <div className=\"w-full xl:w-3/12\">\n        <div>\n          <h5 className=\"text-xs text-black font-light mt-6 md:mt-12 xl:mt-16 mb-2\">\n            <span className=\"font-josefin\">PROJECT TYPE</span>\n          </h5>\n          <span className=\"text-sm xl:text-base font-jomolhari font-normal\">\n            Mobile App and PWA Development\n          </span>\n        </div>\n      </div>\n      <div className=\"w-full xl:w-3/12\">\n        <div className=\"xl:pl-16\">\n          <h5 className=\"text-xs text-black font-light mt-6 md:mt-12 xl:mt-16 mb-2\">\n            <span className=\"font-josefin\">CLIENT</span>\n          </h5>\n          <span className=\"text-sm xl:text-base font-jomolhari font-normal\">\n            Linx & Go, England\n          </span>\n        </div>\n      </div>\n      <div className=\"w-full xl:w-3/12\">\n        <div className=\"xl:pl-12\">\n          <h5 className=\"text-xs text-black font-light mt-6 md:mt-12 xl:mt-16 mb-2\">\n            <span className=\"font-josefin\">INDUSTRY</span>\n          </h5>\n          <span className=\"text-sm xl:text-base font-jomolhari font-normal\">\n            Social Networking\n          </span>\n        </div>\n      </div>\n      <div className=\"w-full xl:w-3/12\">\n        <div>\n          <h5 className=\"text-xs text-black font-light mt-6 md:mt-12 xl:mt-16 mb-2\">\n            <span className=\"font-josefin\">TECHNOLOGY USED</span>\n          </h5>\n          <span className=\"text-sm xl:text-base font-jomolhari font-normal\">\n            React, Node, Kotlin, Objective C\n          </span>\n        </div>\n      </div>\n    </div>\n  </div>\n);\n\nexport default Title;\n","import NextLink from \"@/components/case-study/common/NextLink\";\nimport Accordion from \"@/components/case-study/social-networking-app/Accodian\";\nimport AccordionScroll from \"@/components/case-study/social-networking-app/AccordianScroll\";\nimport Card from \"@/components/case-study/social-networking-app/Card\";\nimport FeedbackScroll from \"@/components/case-study/social-networking-app/FeedbackScroll\";\nimport LinxFeedback from \"@/components/case-study/social-networking-app/LinxFeedback\";\nimport LinxVideo from \"@/components/case-study/social-networking-app/LinxVideo\";\nimport OurApproach from \"@/components/case-study/social-networking-app/OurApproach\";\nimport Requirements from \"@/components/case-study/social-networking-app/Requirements\";\nimport Result from \"@/components/case-study/social-networking-app/Result\";\nimport ResultScroll from \"@/components/case-study/social-networking-app/ResultScroll\";\nimport Scroll from \"@/components/case-study/social-networking-app/Scroll\";\nimport TextScroll from \"@/components/case-study/social-networking-app/TextScroll\";\nimport Title from \"@/components/case-study/social-networking-app/Title\";\nimport Layout from \"@/components/layout/Layout\";\n\nconst LinxCaseStudy = () => (\n  <Layout\n    description=\"NFC based Social Networking iOS and Android app developed by ultroNeous Technologies. Sharing social and personal information via mobile app is just a tap away.\"\n    title=\"Social Networking App Through NFC | ultroNeous Technologies\"\n  >\n    <div className=\"overflow-hidden\">\n      <Title />\n      <TextScroll />\n      <LinxVideo />\n      <Card />\n      <Scroll />\n      <Requirements />\n      <OurApproach />\n      <AccordionScroll />\n      <Accordion />\n      <ResultScroll />\n      <Result />\n      <FeedbackScroll />\n      <LinxFeedback />\n      <NextLink\n        nextImg={\"/assets/case-study/next-case-study/cookie-cutter.webp\"}\n        nextLink={\"/portfolio/cookie-cutter\"}\n        nextTitle={\"Next <br/> case Study\"}\n      />\n    </div>\n  </Layout>\n);\n\nexport default LinxCaseStudy;\n","export const formatDate = (string) => {\n  const date = new Date(string);\n  return date.toLocaleDateString(\"en-US\", {\n    month: \"long\",\n    day: \"numeric\",\n    year: \"numeric\",\n  });\n};\nexport const isEmail = (email) => {\n  return String(email)\n    .toLowerCase()\n    .match(\n      /^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|.(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n    );\n};\n\nexport const cmsUrl = process.env.NEXT_PUBLIC_CMS_URL;\nexport function last(array) {\n  return array.indexOf(array[array.length - 1]);\n}\n\nconst phones = {\n  \"am-AM\": /^(\\+?374|0)(33|4[134]|55|77|88|9[13-689])\\d{6}$/,\n  \"ar-AE\": /^((\\+?971)|0)?5[024568]\\d{7}$/,\n  \"ar-BH\": /^(\\+?973)?(3|6)\\d{7}$/,\n  \"ar-DZ\": /^(\\+?213|0)(5|6|7)\\d{8}$/,\n  \"ar-LB\": /^(\\+?961)?((3|81)\\d{6}|7\\d{7})$/,\n  \"ar-EG\": /^((\\+?20)|0)?1[0125]\\d{8}$/,\n  \"ar-IQ\": /^(\\+?964|0)?7[0-9]\\d{8}$/,\n  \"ar-JO\": /^(\\+?962|0)?7[789]\\d{7}$/,\n  \"ar-KW\": /^(\\+?965)([569]\\d{7}|41\\d{6})$/,\n  \"ar-LY\": /^((\\+?218)|0)?(9[1-6]\\d{7}|[1-8]\\d{7,9})$/,\n  \"ar-MA\": /^(?:(?:\\+|00)212|0)[5-7]\\d{8}$/,\n  \"ar-OM\": /^((\\+|00)968)?(9[1-9])\\d{6}$/,\n  \"ar-PS\": /^(\\+?970|0)5[6|9](\\d{7})$/,\n  \"ar-SA\": /^(!?(\\+?966)|0)?5\\d{8}$/,\n  \"ar-SD\": /^((\\+?249)|0)?(9[012369]|1[012])\\d{7}$/,\n  \"ar-SY\": /^(!?(\\+?963)|0)?9\\d{8}$/,\n  \"ar-TN\": /^(\\+?216)?[2459]\\d{7}$/,\n  \"az-AZ\": /^(\\+994|0)(10|5[015]|7[07]|99)\\d{7}$/,\n  \"bs-BA\": /^((((\\+|00)3876)|06))((([0-3]|[5-6])\\d{6})|(4\\d{7}))$/,\n  \"be-BY\": /^(\\+?375)?(24|25|29|33|44)\\d{7}$/,\n  \"bg-BG\": /^(\\+?359|0)?8[789]\\d{7}$/,\n  \"bn-BD\": /^(\\+?880|0)1[13456789][0-9]{8}$/,\n  \"ca-AD\": /^(\\+376)?[346]\\d{5}$/,\n  \"cs-CZ\": /^(\\+?420)? ?[1-9][0-9]{2} ?[0-9]{3} ?[0-9]{3}$/,\n  \"da-DK\": /^(\\+?45)?\\s?\\d{2}\\s?\\d{2}\\s?\\d{2}\\s?\\d{2}$/,\n  \"de-DE\": /^((\\+49|0)1)(5[0-25-9]\\d|6([23]|0\\d?)|7([0-57-9]|6\\d))\\d{7,9}$/,\n  \"de-AT\": /^(\\+43|0)\\d{1,4}\\d{3,12}$/,\n  \"de-CH\": /^(\\+41|0)([1-9])\\d{1,9}$/,\n  \"de-LU\": /^(\\+352)?((6\\d1)\\d{6})$/,\n  \"dv-MV\": /^(\\+?960)?(7[2-9]|9[1-9])\\d{5}$/,\n  \"el-GR\": /^(\\+?30|0)?6(8[5-9]|9(?![26])[0-9])\\d{7}$/,\n  \"el-CY\": /^(\\+?357?)?(9(9|6)\\d{6})$/,\n  \"en-AI\":\n    /^(\\+?1|0)264(?:2(35|92)|4(?:6[1-2]|76|97)|5(?:3[6-9]|8[1-4])|7(?:2(4|9)|72))\\d{4}$/,\n  \"en-AU\": /^(\\+?61|0)4\\d{8}$/,\n  \"en-AG\": /^(?:\\+1|1)268(?:464|7(?:1[3-9]|[28]\\d|3[0246]|64|7[0-689]))\\d{4}$/,\n  \"en-BM\": /^(\\+?1)?441(((3|7)\\d{6}$)|(5[0-3][0-9]\\d{4}$)|(59\\d{5}$))/,\n  \"en-BS\": /^(\\+?1[-\\s]?|0)?\\(?242\\)?[-\\s]?\\d{3}[-\\s]?\\d{4}$/,\n  \"en-GB\": /^(\\+?44|0)7[1-9]\\d{8}$/,\n  \"en-GG\": /^(\\+?44|0)1481\\d{6}$/,\n  \"en-GH\": /^(\\+233|0)(20|50|24|54|27|57|26|56|23|28|55|59)\\d{7}$/,\n  \"en-GY\": /^(\\+592|0)6\\d{6}$/,\n  \"en-HK\": /^(\\+?852[-\\s]?)?[456789]\\d{3}[-\\s]?\\d{4}$/,\n  \"en-MO\": /^(\\+?853[-\\s]?)?[6]\\d{3}[-\\s]?\\d{4}$/,\n  \"en-IE\": /^(\\+?353|0)8[356789]\\d{7}$/,\n  \"en-IN\": /^(\\+?91|0)?[6789]\\d{9}$/,\n  \"en-JM\": /^(\\+?876)?\\d{7}$/,\n  \"en-KE\": /^(\\+?254|0)(7|1)\\d{8}$/,\n  \"fr-CF\": /^(\\+?236| ?)(70|75|77|72|21|22)\\d{6}$/,\n  \"en-SS\": /^(\\+?211|0)(9[1257])\\d{7}$/,\n  \"en-KI\": /^((\\+686|686)?)?( )?((6|7)(2|3|8)[0-9]{6})$/,\n  \"en-KN\": /^(?:\\+1|1)869(?:46\\d|48[89]|55[6-8]|66\\d|76[02-7])\\d{4}$/,\n  \"en-LS\": /^(\\+?266)(22|28|57|58|59|27|52)\\d{6}$/,\n  \"en-MT\": /^(\\+?356|0)?(99|79|77|21|27|22|25)[0-9]{6}$/,\n  \"en-MU\": /^(\\+?230|0)?\\d{8}$/,\n  \"en-MW\":\n    /^(\\+?265|0)(((77|88|31|99|98|21)\\d{7})|(((111)|1)\\d{6})|(32000\\d{4}))$/,\n  \"en-NA\": /^(\\+?264|0)(6|8)\\d{7}$/,\n  \"en-NG\": /^(\\+?234|0)?[789]\\d{9}$/,\n  \"en-NZ\": /^(\\+?64|0)[28]\\d{7,9}$/,\n  \"en-PG\": /^(\\+?675|0)?(7\\d|8[18])\\d{6}$/,\n  \"en-PK\": /^((00|\\+)?92|0)3[0-6]\\d{8}$/,\n  \"en-PH\": /^(09|\\+639)\\d{9}$/,\n  \"en-RW\": /^(\\+?250|0)?[7]\\d{8}$/,\n  \"en-SG\": /^(\\+65)?[3689]\\d{7}$/,\n  \"en-SL\": /^(\\+?232|0)\\d{8}$/,\n  \"en-TZ\": /^(\\+?255|0)?[67]\\d{8}$/,\n  \"en-UG\": /^(\\+?256|0)?[7]\\d{8}$/,\n  \"en-US\":\n    /^((\\+1|1)?( |-)?)?(\\([2-9][0-9]{2}\\)|[2-9][0-9]{2})( |-)?([2-9][0-9]{2}( |-)?[0-9]{4})$/,\n  \"en-ZA\": /^(\\+?27|0)\\d{9}$/,\n  \"en-ZM\": /^(\\+?26)?09[567]\\d{7}$/,\n  \"en-ZW\": /^(\\+263)[0-9]{9}$/,\n  \"en-BW\": /^(\\+?267)?(7[1-8]{1})\\d{6}$/,\n  \"es-AR\": /^\\+?549(11|[2368]\\d)\\d{8}$/,\n  \"es-BO\": /^(\\+?591)?(6|7)\\d{7}$/,\n  \"es-CO\": /^(\\+?57)?3(0(0|1|2|4|5)|1\\d|2[0-4]|5(0|1))\\d{7}$/,\n  \"es-CL\": /^(\\+?56|0)[2-9]\\d{1}\\d{7}$/,\n  \"es-CR\": /^(\\+506)?[2-8]\\d{7}$/,\n  \"es-CU\": /^(\\+53|0053)?5\\d{7}$/,\n  \"es-DO\": /^(\\+?1)?8[024]9\\d{7}$/,\n  \"es-HN\": /^(\\+?504)?[9|8|3|2]\\d{7}$/,\n  \"es-EC\": /^(\\+?593|0)([2-7]|9[2-9])\\d{7}$/,\n  \"es-ES\": /^(\\+?34)?[6|7]\\d{8}$/,\n  \"es-GT\": /^(\\+?502)?[2|6|7]\\d{7}$/,\n  \"es-PE\": /^(\\+?51)?9\\d{8}$/,\n  \"es-MX\": /^(\\+?52)?(1|01)?\\d{10,11}$/,\n  \"es-NI\": /^(\\+?505)\\d{7,8}$/,\n  \"es-PA\": /^(\\+?507)\\d{7,8}$/,\n  \"es-PY\": /^(\\+?595|0)9[9876]\\d{7}$/,\n  \"es-SV\": /^(\\+?503)?[67]\\d{7}$/,\n  \"es-UY\": /^(\\+598|0)9[1-9][\\d]{6}$/,\n  \"es-VE\": /^(\\+?58)?(2|4)\\d{9}$/,\n  \"et-EE\": /^(\\+?372)?\\s?(5|8[1-4])\\s?([0-9]\\s?){6,7}$/,\n  \"fa-IR\": /^(\\+?98[-\\s]?|0)9[0-39]\\d[-\\s]?\\d{3}[-\\s]?\\d{4}$/,\n  \"fi-FI\": /^(\\+?358|0)\\s?(4[0-6]|50)\\s?(\\d\\s?){4,8}$/,\n  \"fj-FJ\": /^(\\+?679)?\\s?\\d{3}\\s?\\d{4}$/,\n  \"fo-FO\": /^(\\+?298)?\\s?\\d{2}\\s?\\d{2}\\s?\\d{2}$/,\n  \"fr-BF\": /^(\\+226|0)[67]\\d{7}$/,\n  \"fr-BJ\": /^(\\+229)\\d{8}$/,\n  \"fr-CD\": /^(\\+?243|0)?(8|9)\\d{8}$/,\n  \"fr-CM\": /^(\\+?237)6[0-9]{8}$/,\n  \"fr-FR\": /^(\\+?33|0)[67]\\d{8}$/,\n  \"fr-GF\": /^(\\+?594|0|00594)[67]\\d{8}$/,\n  \"fr-GP\": /^(\\+?590|0|00590)[67]\\d{8}$/,\n  \"fr-MQ\": /^(\\+?596|0|00596)[67]\\d{8}$/,\n  \"fr-PF\": /^(\\+?689)?8[789]\\d{6}$/,\n  \"fr-RE\": /^(\\+?262|0|00262)[67]\\d{8}$/,\n  \"fr-WF\": /^(\\+681)?\\d{6}$/,\n  \"he-IL\": /^(\\+972|0)([23489]|5[012345689]|77)[1-9]\\d{6}$/,\n  \"hu-HU\": /^(\\+?36|06)(20|30|31|50|70)\\d{7}$/,\n  \"id-ID\":\n    /^(\\+?62|0)8(1[123456789]|2[1238]|3[1238]|5[12356789]|7[78]|9[56789]|8[123456789])([\\s?|\\d]{5,11})$/,\n  \"ir-IR\": /^(\\+98|0)?9\\d{9}$/,\n  \"it-IT\": /^(\\+?39)?\\s?3\\d{2} ?\\d{6,7}$/,\n  \"it-SM\": /^((\\+378)|(0549)|(\\+390549)|(\\+3780549))?6\\d{5,9}$/,\n  \"ja-JP\": /^(\\+81[ -]?(\\(0\\))?|0)[6789]0[ -]?\\d{4}[ -]?\\d{4}$/,\n  \"ka-GE\": /^(\\+?995)?(79\\d{7}|5\\d{8})$/,\n  \"kk-KZ\": /^(\\+?7|8)?7\\d{9}$/,\n  \"kl-GL\": /^(\\+?299)?\\s?\\d{2}\\s?\\d{2}\\s?\\d{2}$/,\n  \"ko-KR\": /^((\\+?82)[ -]?)?0?1([0|1|6|7|8|9]{1})[ -]?\\d{3,4}[ -]?\\d{4}$/,\n  \"ky-KG\": /^(\\+?7\\s?\\+?7|0)\\s?\\d{2}\\s?\\d{3}\\s?\\d{4}$/,\n  \"lt-LT\": /^(\\+370|8)\\d{8}$/,\n  \"lv-LV\": /^(\\+?371)2\\d{7}$/,\n  \"mg-MG\": /^((\\+?261|0)(2|3)\\d)?\\d{7}$/,\n  \"mn-MN\": /^(\\+|00|011)?976(77|81|88|91|94|95|96|99)\\d{6}$/,\n  \"my-MM\": /^(\\+?959|09|9)(2[5-7]|3[1-2]|4[0-5]|6[6-9]|7[5-9]|9[6-9])[0-9]{7}$/,\n  \"ms-MY\": /^(\\+?60|0)1(([0145](-|\\s)?\\d{7,8})|([236-9](-|\\s)?\\d{7}))$/,\n  \"mz-MZ\": /^(\\+?258)?8[234567]\\d{7}$/,\n  \"nb-NO\": /^(\\+?47)?[49]\\d{7}$/,\n  \"ne-NP\": /^(\\+?977)?9[78]\\d{8}$/,\n  \"nl-BE\": /^(\\+?32|0)4\\d{8}$/,\n  \"nl-NL\": /^(((\\+|00)?31\\(0\\))|((\\+|00)?31)|0)6{1}\\d{8}$/,\n  \"nl-AW\": /^(\\+)?297(56|59|64|73|74|99)\\d{5}$/,\n  \"nn-NO\": /^(\\+?47)?[49]\\d{7}$/,\n  \"pl-PL\": /^(\\+?48)? ?([5-8]\\d|45) ?\\d{3} ?\\d{2} ?\\d{2}$/,\n  \"pt-BR\":\n    /^((\\+?55 ?[1-9]{2} ?)|(\\+?55 ?\\([1-9]{2}\\) ?)|(0[1-9]{2} ?)|(\\([1-9]{2}\\) ?)|([1-9]{2} ?))((\\d{4}-?\\d{4})|(9[1-9]{1}\\d{3}-?\\d{4}))$/,\n  \"pt-PT\": /^(\\+?351)?9[1236]\\d{7}$/,\n  \"pt-AO\": /^(\\+244)\\d{9}$/,\n  \"ro-MD\": /^(\\+?373|0)((6(0|1|2|6|7|8|9))|(7(6|7|8|9)))\\d{6}$/,\n  \"ro-RO\": /^(\\+?40|0)\\s?7\\d{2}(\\/|\\s|\\.|-)?\\d{3}(\\s|\\.|-)?\\d{3}$/,\n  \"ru-RU\": /^(\\+?7|8)?9\\d{9}$/,\n  \"si-LK\": /^(?:0|94|\\+94)?(7(0|1|2|4|5|6|7|8)( |-)?)\\d{7}$/,\n  \"sl-SI\":\n    /^(\\+386\\s?|0)(\\d{1}\\s?\\d{3}\\s?\\d{2}\\s?\\d{2}|\\d{2}\\s?\\d{3}\\s?\\d{3})$/,\n  \"sk-SK\": /^(\\+?421)? ?[1-9][0-9]{2} ?[0-9]{3} ?[0-9]{3}$/,\n  \"so-SO\": /^(\\+?252|0)((6[0-9])\\d{7}|(7[1-9])\\d{7})$/,\n  \"sq-AL\": /^(\\+355|0)6[789]\\d{6}$/,\n  \"sr-RS\": /^(\\+3816|06)[- \\d]{5,9}$/,\n  \"sv-SE\": /^(\\+?46|0)[\\s-]?7[\\s-]?[02369]([\\s-]?\\d){7}$/,\n  \"tg-TJ\": /^(\\+?992)?[5][5]\\d{7}$/,\n  \"th-TH\": /^(\\+66|66|0)\\d{9}$/,\n  \"tr-TR\": /^(\\+?90|0)?5\\d{9}$/,\n  \"tk-TM\": /^(\\+993|993|8)\\d{8}$/,\n  \"uk-UA\": /^(\\+?38)?0(50|6[36-8]|7[357]|9[1-9])\\d{7}$/,\n  \"uz-UZ\": /^(\\+?998)?(6[125-79]|7[1-69]|88|9\\d)\\d{7}$/,\n  \"vi-VN\":\n    /^((\\+?84)|0)((3([2-9]))|(5([25689]))|(7([0|6-9]))|(8([1-9]))|(9([0-9])))([0-9]{7})$/,\n  \"zh-CN\": /^((\\+|00)86)?(1[3-9]|9[28])\\d{9}$/,\n  \"zh-TW\": /^(\\+?886-?|0)?9\\d{8}$/,\n  \"dz-BT\": /^(\\+?975|0)?(17|16|77|02)\\d{6}$/,\n  \"ar-YE\": /^(((\\+|00)9677|0?7)[0137]\\d{7}|((\\+|00)967|0)[1-7]\\d{6})$/,\n  \"ar-EH\": /^(\\+?212|0)[\\s-]?(5288|5289)[\\s-]?\\d{5}$/,\n  \"fa-AF\": /^(\\+93|0)?(2{1}[0-8]{1}|[3-5]{1}[0-4]{1})(\\d{7})$/,\n};\n/* eslint-enable max-len */\n\n// aliases\nphones[\"en-CA\"] = phones[\"en-US\"];\nphones[\"fr-CA\"] = phones[\"en-CA\"];\nphones[\"fr-BE\"] = phones[\"nl-BE\"];\nphones[\"zh-HK\"] = phones[\"en-HK\"];\nphones[\"zh-MO\"] = phones[\"en-MO\"];\nphones[\"ga-IE\"] = phones[\"en-IE\"];\nphones[\"fr-CH\"] = phones[\"de-CH\"];\nphones[\"it-CH\"] = phones[\"fr-CH\"];\n\nexport const isMobilePhone = (str) => {\n  for (const key in phones) {\n    // istanbul ignore else\n    const phone = phones[key];\n    if (phone.test(str)) {\n      return true;\n    }\n  }\n  return false;\n};\n","module.exports = require('./dist/client/router')\n"],"names":["exports","parse","str","options","TypeError","obj","opt","pairs","split","dec","decode","i","length","pair","index","indexOf","key","substring","trim","undefined","val","slice","tryDecode","serialize","name","enc","encode","fieldContentRegExp","test","value","maxAge","isNaN","isFinite","Math","floor","domain","path","expires","toUTCString","httpOnly","secure","sameSite","toLowerCase","decodeURIComponent","encodeURIComponent","e","__assign","this","Object","assign","t","s","n","arguments","p","prototype","hasOwnProperty","call","apply","__rest","getOwnPropertySymbols","propertyIsEnumerable","defineProperty","checkCookies","hasCookie","removeCookies","deleteCookie","setCookies","setCookie","getCookie","getCookies","cookie_1","isClientSide","window","stringify","result","JSON","req","cookies","headers","cookie","_cookies","documentCookies","document","len","cookieParts","_cookie","join","processValue","replace","data","_cookieOptions","_req","_res","res","cookieStr","currentCookies","getHeader","Array","isArray","String","setHeader","concat","entries","reduce","accum","item","console","warn","__NEXT_P","push","nextImg","nextLink","nextTitle","useState","isHovering","setIsHovering","x","y","imagePosition","setImagePosition","Container","className","div","onMouseLeave","onMouseEnter","onMouseMove","clientX","clientY","Link","passHref","href","a","span","dangerouslySetInnerHTML","__html","style","left","top","Image","alt","height","src","width","Layout","title","keywords","description","children","uniqueMeta","ogTitle","ogType","ogUrl","ogDescription","ogImage","twitterTitle","twitterDescription","twitterImage","canonicalLink","Fragment","Head","meta","content","property","link","rel","Cookie","MegaMenu","Footer","defaultProps","properties","number","h2","br","CASE_STUDY_ACCORDION_DATA","id","cmsUrl","activeIndex","setActiveIndex","CardNumber","map","onClick","onItemClick","h4","useEffect","lastKnownScrollPosition","first","querySelector","second","animate","element","position","transform","addEventListener","scrollY","requestAnimationFrame","h1","h3","third","video","controls","controlsList","track","kind","layout","IMG_ALT_TEXT","IMG_SRC","isMobile","setIsMobile","isTab","setIsTab","innerWidth","ProcessScroll","StepsProcess","RESULT_DATA","Heading","Details","startScrollPosition","fourth","h5","Title","TextScroll","LinxVideo","Card","Scroll","Requirements","OurApproach","AccordionScroll","Accordion","ResultScroll","Result","FeedbackScroll","LinxFeedback","NextLink","formatDate","string","Date","toLocaleDateString","month","day","year","isEmail","email","match","process","last","array","phones","isMobilePhone","module"],"sourceRoot":""}