{"version":3,"file":"static/chunks/pages/portfolio/mobifinx-case-study-26dd69ba48f235d9.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/?9f6d","webpack://_N_E/./components/case-study/common/NextLink.jsx","webpack://_N_E/./components/layout/Layout.jsx","webpack://_N_E/./hooks/useOnScreen.js","webpack://_N_E/./components/case-study/mobifinx/svg/DoubleQuotes.jsx","webpack://_N_E/./components/case-study/mobifinx/common/Title.jsx","webpack://_N_E/./components/case-study/mobifinx/About.jsx","webpack://_N_E/./components/case-study/mobifinx/Guidelines.jsx","webpack://_N_E/./components/case-study/mobifinx/Hero.jsx","webpack://_N_E/./components/case-study/mobifinx/ResponsiveUI.jsx","webpack://_N_E/./components/case-study/mobifinx/ResultsAndOutcome.jsx","webpack://_N_E/./components/case-study/mobifinx/Solutions.jsx","webpack://_N_E/./components/case-study/mobifinx/Technology.jsx","webpack://_N_E/./components/case-study/mobifinx/svg/TestimonialsDoubleQuotes.jsx","webpack://_N_E/./components/case-study/mobifinx/Testimonials.jsx","webpack://_N_E/./components/case-study/mobifinx/UI.jsx","webpack://_N_E/./pages/portfolio/mobifinx-case-study.jsx","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/mobifinx-case-study\",\n      function () {\n        return require(\"private-next-pages/portfolio/mobifinx-case-study.jsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/portfolio/mobifinx-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","import { useEffect, useRef, useState } from 'react';\n\nexport default function useOnScreen(reference, rootMargin) {\n  const [isOnScreen, setIsOnScreen] = useState(false);\n  const observerReference = useRef(null);\n\n  useEffect(() => {\n    observerReference.current = new IntersectionObserver(\n      ([entry]) => setIsOnScreen(entry.isIntersecting),\n      { rootMargin }\n    );\n  }, [rootMargin]);\n\n  useEffect(() => {\n    if (reference) {\n      observerReference.current.observe(reference.current);\n    } else {\n      return;\n    }\n\n    return () => {\n      observerReference.current.disconnect();\n    };\n  }, [reference]);\n\n  return isOnScreen;\n}\n","const DoubleQuotes = ({ className }) => {\n  return (\n    <svg\n      className={className}\n      fill=\"none\"\n      height=\"43\"\n      viewBox=\"0 0 48 43\"\n      width=\"48\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M9.56534 42.334C14.8414 42.334 19.1185 38.057 19.1185 32.7809V26.1606C19.1185 23.7083 17.1305 21.7204 14.6783 21.7204C12.226 21.7204 10.1557 19.7063 10.6777 17.3103C10.9913 15.8709 11.4727 14.5746 12.1218 13.4214C12.9492 11.8928 14.2438 10.616 16.0057 9.59095C17.7703 8.56426 19.1185 6.8283 19.1185 4.78672C19.1185 1.91199 16.5552 -0.349743 13.8797 0.701962C13.0034 1.04645 12.1483 1.44911 11.3145 1.90994C8.98229 3.15925 6.96403 4.7655 5.25971 6.7287C3.5554 8.69191 2.2099 10.9674 1.22319 13.5553C0.326184 16.1431 -0.0774685 18.9095 0.0122319 21.8543V32.7809C0.0122319 38.057 4.2893 42.334 9.56534 42.334ZM38.2247 42.334C43.5007 42.334 47.7778 38.057 47.7778 32.7809V26.1606C47.7778 23.7083 45.7898 21.7204 43.3376 21.7204C40.8854 21.7204 38.815 19.7063 39.337 17.3103C39.6506 15.8709 40.132 14.5746 40.7811 13.4214C41.6085 11.8928 42.9031 10.616 44.665 9.59095C46.4296 8.56427 47.7778 6.8283 47.7778 4.78672C47.7778 1.91199 45.2145 -0.349743 42.5391 0.701962C41.6627 1.04645 40.8076 1.44911 39.9738 1.90994C37.6416 3.15925 35.6234 4.7655 33.919 6.7287C32.2147 8.69191 30.8692 10.9674 29.8825 13.5553C28.9855 16.1431 28.5819 18.9095 28.6716 21.8543V32.7809C28.6716 38.057 32.9486 42.334 38.2247 42.334Z\"\n        fill=\"white\"\n      />\n    </svg>\n  );\n};\nexport default DoubleQuotes;\n","import Container from \"@/components/common/Container\";\nconst Title = ({\n  mainTitle,\n  SubTitle,\n  Description,\n  className,\n  customClass,\n  textBlack,\n}) => (\n  <Container large>\n    {mainTitle ? (\n      <h1 className=\"text-4xl md:text-5xl xl:text-8xl font-medium text-white pb-10 md:pb-6 xl:pb-10 text-center md:text-start\">\n        <span className=\"font-jost\">{mainTitle}</span>\n      </h1>\n    ) : (\n      <h2\n        className={`text-2xl xl:text-5xl font-medium ${\n          textBlack ? \"text-black\" : \"text-white\"\n        } ${customClass}`}\n      >\n        <span className=\"font-jost\">{SubTitle}</span>\n      </h2>\n    )}\n    {Description && (\n      <p\n        className={`text-lg md:text-base xl:text-lg font-normal ${\n          textBlack ? \"text-black\" : \"text-white\"\n        } text-justify ${className}`}\n      >\n        <span\n          dangerouslySetInnerHTML={{ __html: Description }}\n          className=\"font-jost\"\n        ></span>\n      </p>\n    )}\n  </Container>\n);\nexport default Title;\n","import DoubleQuotes from \"@/components/case-study/mobifinx/svg/DoubleQuotes\";\nimport Container from \"@/components/common/Container\";\nimport Image from \"next/image\";\nimport Title from \"./common/Title\";\n\nconst About = () => (\n  <Container className=\"py-20 xl:py-36 bg-black-pearl\">\n    <Title\n      className=\"pb-20 xl:pb-36 pl-0 md:pl-16 xl:pl-24 w-full md:w-4/5 xl:w-3/4\"\n      customClass=\"pb-6 xl:pb-10\"\n      Description=\"In this project, the major challenge was to achieve a harmonious synergy between UI/UX design and web development as the client was very precise about his expectations. Meeting the needs of experienced traders while maintaining user-friendliness and integrating real-time data feeds and advanced trading tools required careful consideration. Our team's collaborative efforts between designers and developers were crucial in overcoming these challenges. The result is a platform that strikes the perfect balance between aesthetics, functionality, and user engagement, thanks to innovative design solutions.\"\n      SubTitle=\"Challenges\"\n    />\n    <Title\n      className=\"pb-20 xl:pb-36 pl-0 md:pl-16 xl:pl-24 w-full md:w-4/5 xl:w-3/4\"\n      customClass=\"pb-6 xl:pb-10\"\n      Description=\"To ensure an optimal user experience for our blockchain-based digital asset trading platform, we conducted a thorough UX research using the combination of qualitative and quantitative methods. We started by conducting user interviews and surveys to gain valuable insights into traders' needs, pain points, and preferences. This qualitative data served as the foundation for developing usability tests and interactive prototypes, enabling us to iterate and enhance the platform's interface. Based on the findings from our UX research, we identified the end users' challenges and created a user persona that accurately represented the target user group.\"\n      SubTitle=\"Research\"\n    />\n    <Container large>\n      <div className=\"rounded-2xl py-10 px-6 md:py-10 md:px-16 xl:py-20 xl:px-24 bg-[#121834]\">\n        <h3 className=\"text-2xl md:text-4xl font-normal text-white pb-6 md:pb-10\">\n          <span className=\"font-jost\">User Persona</span>\n        </h3>\n        <div className=\"flex flex-col md:flex-row md:justify-between md:gap-4 lg:gap-0 pb-10 md:pb-6 xl:pb-20\">\n          <div className=\"w-full md:w-4/12 pb-10 md:pb-0\">\n            <div className=\"relative\">\n              <div className=\"fs-0\">\n                <Image\n                  alt=\"userprofile\"\n                  height={569}\n                  src={\"/assets/case-study/mobifinx/user-profile.webp\"}\n                  width={393}\n                />\n              </div>\n              <div className=\"rounded-2xl absolute bottom-8 left-8 md:bottom-4 md:left-4 xl:bottom-8 xl:left-8\">\n                <h4 className=\"text-xl md:text-base xl:text-3xl font-bold text-white mb-2\">\n                  <span className=\"font-jost\">Bill Luise</span>\n                </h4>\n                <p className=\"text-base md:text-sm xl:text-lg font-bold text-white\">\n                  <span className=\"font-jost\">Crypto Trader</span>\n                </p>\n              </div>\n            </div>\n          </div>\n          <div className=\"w-full md:w-7/12\">\n            <DoubleQuotes className=\"mb-4 w-1/12 md:w-[10%] xl:w-fit\" />\n            <h4 className=\"text-xl md:text-base xl:text-3xl  font-medium text-white\">\n              <span className=\"font-jost\">\n                Turning blockchain insights into trading success, one coin at a\n                time.\n              </span>\n            </h4>\n            <div className=\"flex justify-end pb-10 md:pb-6 xl:pb-20\">\n              <DoubleQuotes className=\"mb-4 w-1/12 md:w-[10%] xl:w-fit rotate-180\" />\n            </div>\n            <h4 className=\"text-xl md:text-3xl font-medium text-white pb-6 xl:pb-2 mb-0\">\n              <span className=\"font-jost\">Background</span>\n            </h4>\n            <p className=\"text-lg md:text-base xl:text-lg font-normal text-white text-justify\">\n              <span className=\"font-jost\">\n                Bill is a 32-year-old finance professional, He is a seasoned\n                cryptocurrency trader with five years of active experience in\n                the digital asset market. With a deep understanding of\n                blockchain technology, he navigates the volatile market with an\n                awareness of its potential risks and rewards. Bill dedicates\n                ample time to researching market trends and analyzing\n                cryptocurrencies before making trading decisions. As a\n                tech-savvy individual, he values secure and efficient platforms\n                that enable swift trade execution.\n              </span>\n            </p>\n          </div>\n        </div>\n        <div className=\"flex flex-col md:flex-row\">\n          <div className=\"w-full md:w-1/2 lg:w-7/12\">\n            <h4 className=\"text-lg md:text-3xl font-bold text-white pb-6 xl:pb-10\">\n              <span className=\"font-jost\">Goals</span>\n            </h4>\n            <ul className=\"list-none mb-0\">\n              <li className=\"text-lg font-normal text-white pb-7 md:pb-8 xl:pb-10 md:pr-12 lg:pr-0\">\n                <span className=\"font-jost\">\n                  Stay updated with real-time market data.\n                </span>\n              </li>\n              <li className=\"text-lg font-normal text-white pb-7 md:pb-8 xl:pb-10 md:pr-12 lg:pr-0\">\n                <span className=\"font-jost\">\n                  Execute trades swiftly to capitalize on market fluctuations.\n                </span>\n              </li>\n              <li className=\"text-lg font-normal text-white pb-7 md:pb-8 xl:pb-10 md:pr-12 lg:pr-0\">\n                <span className=\"font-jost\">\n                  Diversify his cryptocurrency portfolio based.\n                </span>\n              </li>\n              <li className=\"text-lg font-normal text-white pb-10 md:pb-0 md:pr-12 lg:pr-0\">\n                <span className=\"font-jost\">\n                  Ensure the security of his digital assets.\n                </span>\n              </li>\n            </ul>\n          </div>\n          <div className=\"w-full md:w-1/2 lg:w-5/12\">\n            <h4 className=\"text-lg md:text-3xl font-bold text-white pb-6 xl:pb-10\">\n              <span className=\"font-jost\">Pain Points</span>\n            </h4>\n            <ul className=\"list-none mb-0\">\n              <li className=\"text-lg font-normal text-white pb-7 md:pb-8 xl:pb-10\">\n                <span className=\"font-jost\">Managing multiple trades.</span>\n              </li>\n              <li className=\"text-lg font-normal text-white pb-7 md:pb-8 xl:pb-10\">\n                <span className=\"font-jost\">\n                  Navigating complex interfaces.\n                </span>\n              </li>\n              <li className=\"text-lg font-normal text-white pb-7 md:pb-8 xl:pb-10\">\n                <span className=\"font-jost\">\n                  Ensuring the security of his assets.\n                </span>\n              </li>\n              <li className=\"text-lg font-normal text-white\">\n                <span className=\"font-jost\">\n                  Staying informed about cryptocurrency.\n                </span>\n              </li>\n            </ul>\n          </div>\n        </div>\n      </div>\n    </Container>\n  </Container>\n);\n\nexport default About;\n","import Container from \"@/components/common/Container\";\nimport Title from \"./common/Title\";\n\nconst BG_COLOR_DATA = [\n  { bgColor: \"#A21D34\", title: \"#A21D34\" },\n  { bgColor: \"#060C29\", title: \"#060C29\" },\n  { bgColor: \"#F8F8F9\", title: \"#F8F8F9\" },\n  { bgColor: \"#000000\", title: \"#000000\" },\n  { bgColor: \"#FFFFFF\", title: \"#FFFFFF\" },\n];\n\nconst Guidelines = () => (\n  <Container>\n    <Title\n      textBlack\n      customClass=\"pb-6 md:pb-8 xl:pb-10\"\n      SubTitle=\"UI Guidelines\"\n    />\n    <Container small>\n      <div>\n        <div className=\"flex flex-col md:flex-row items-center pb-10 xl:pb-24\">\n          <div className=\"w-full md:w-4/12\">\n            <h3 className=\"text-xl lg:text-4xl font-medium text-black pb-6 md:pb-0\">\n              <span className=\"font-jost\">Colors</span>\n            </h3>\n          </div>\n          <div className=\"w-full md:w-8/12 flex\">\n            {BG_COLOR_DATA.map((value, index) => (\n              <div\n                key={value.title}\n                className={`text-xs md:text-sm xl:text-base font-normal text-center justify-center items-end pb-2 lg:pb-4 flex ${\n                  index % 2 === 0 && index !== 0 ? \"text-black\" : \"text-white\"\n                } w-16 h-20 md:w-16 md:h-24 xl:w-32 xl:h-44 border border-l-0 border-gray-500/50`}\n                style={{ backgroundColor: value.bgColor }}\n              >\n                <span className=\"font-jost\">{value.title}</span>\n              </div>\n            ))}\n          </div>\n        </div>\n        <div className=\"flex flex-col md:flex-row pb-10 xl:pb-24\">\n          <div className=\"w-full md:w-4/12\">\n            <h3 className=\"text-xl lg:text-4xl font-medium text-black\">\n              <span className=\"font-jost\">Typography</span>\n            </h3>\n          </div>\n          <div className=\"w-full md:w-8/12\">\n            <p className=\"text-base font-normal text-justify text-black pt-6 md:pt-0 lg:pt-4\">\n              <span className=\"font-jost\">\n                We selected sleek and contemporary fonts that not only improve\n                readability but also contribute to a modern aesthetic,\n                guaranteeing an attractive and user-centric browsing experience.\n              </span>\n            </p>\n          </div>\n        </div>\n        <div className=\"flex flex-col md:flex-row items-center pb-20 xl:pb-24\">\n          <div className=\"w-full md:w-4/12\">\n            <h3 className=\"font-normal text-center md:text-start text-black mb-6 md:mb-0 text-[200px] leading-tight md:text-large md:leading-tight xl:text-[200px] xl:leading-tight\">\n              <span className=\"font-jost\">Aa</span>\n            </h3>\n          </div>\n          <div className=\"w-full md:w-8/12\">\n            <span className=\"text-xl md:text-3xl font-medium text-black pr-4 pb-4 inline-block font-jost\">\n              Jost\n            </span>\n            <span className=\"text-base font-normal font-jost text-black pb-4 inline-block\">\n              Semi Bold, Medium, Regular, Light\n            </span>\n            <div>\n              <p className=\"text-base font-normal text-black tracking-[10px] pb-6 md:pb-4 lg:pb-0 break-words\">\n                <span className=\"font-jost\">ABCDEFGHIJKLMNOPQRSTUVWXYZ</span>\n              </p>\n              <p className=\"text-base font-normal text-black tracking-[10px] pb-6 md:pb-4 lg:pb-0 break-words\">\n                <span className=\"font-jost\">abcdefghijklmnopqrstuvwxyz</span>\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </Container>\n  </Container>\n);\n\nexport default Guidelines;\n","import Container from \"@/components/common/Container\";\nimport Title from \"./common/Title\";\n\n\nconst Hero = () => (\n  <Container className=\"bg-no-repeat bg-top md:bg-center bg-contain md:bg-cover overflow-y-hidden MobifinixHeroBg\">\n    <Container large>\n      <p className=\"text-base  xl:text-lg font-light text-white pt-24 pb-48 md:pt-16 md:pb-9 xl:pb-52 xl:pt-24 w-1/2 md:w-full\">\n        <span className=\"font-jost\">\n          Blockchain Technology | UI/UX Case study\n        </span>\n      </p>\n    </Container>\n    <div className=\"overflow-hidden transition-all duration-1000 ease-in animate-slide-up\">\n      <Title\n        className=\"w-full md:w-1/2\"\n        Description=\"MobifinX is an advanced, secured, scalable, robust, and flexible Digital Asset Trading Platform. It enables Banks, Institutional Investors, Hedge Funds, Cryptocurrency owners, Stock Exchanges & Broker-Dealers to efficiently roll out and scale the Trading Ecosystem with a multitude of Manual and Automated Trading services for consumers through multiple Products and creating a digital ecosystem.\"\n        mainTitle=\"MobifinX\"\n      />\n      <div className=\"flex flex-col md:flex-row pt-16 px-4 pb-10 md:pt-8 md:px-8 md:pb-16 xl:pt-48 xl:pb-24 xl:pl-14 xl:pr-0\">\n        <div className=\"w-full md:w-4/12 lg:w-3/12 mb-6 md:mb-0 ml-0 md:mr-4 lg:mr-6 rounded-xl xl:rounded-2xl bg-[#f8f8f91a] py-3 px-10 md:pl-4 md:pr-0 xl:py-6 xl:pl-8\">\n          <p className=\"text-base md:text-sm xl:text-base font-light text-white\">\n            <span className=\"font-jost\">PROJECT TYPE</span>\n          </p>\n          <p className=\"text-base xl:text-lg font-normal text-white\">\n            <span className=\"font-jost\">Web Design & Development</span>\n          </p>\n        </div>\n        <div className=\"w-full md:w-4/12 lg:w-3/12 mb-6 md:mb-0 ml-0 md:mr-4 lg:mr-6 rounded-xl xl:rounded-2xl bg-[#f8f8f91a] py-3 px-10 md:pl-4 md:pr-0 xl:py-6 xl:pl-8\">\n          <p className=\"text-base md:text-sm xl:text-base font-light text-white\">\n            <span className=\"font-jost\">CLIENT</span>\n          </p>\n          <p className=\"text-base xl:text-lg font-normal text-white\">\n            <span className=\"font-jost\">MobifinX LLC, USA & India</span>\n          </p>\n        </div>\n        <div className=\"w-full md:w-3/12 lg:w-2/12 rounded-xl xl:rounded-2xl bg-[#f8f8f91a] py-3 px-10 md:pl-4 md:pr-0 xl:py-6 xl:pl-8\">\n          <p className=\"text-base md:text-sm xl:text-base font-light text-white\">\n            <span className=\"font-jost\">INDUSTRY</span>\n          </p>\n          <p className=\"text-base xl:text-lg font-normal text-white\">\n            <span className=\"font-jost\">Fintech</span>\n          </p>\n        </div>\n      </div>\n    </div>\n  </Container>\n);\nexport default Hero;\n","import Container from \"@/components/common/Container\";\nimport useOnScreen from \"hooks/useOnScreen\";\nimport Image from \"next/image\";\nimport { useEffect, useRef, useState } from \"react\";\nimport Title from \"./common/Title\";\n\nconst ResponsiveUI = () => {\n  const ResponsiveUIImage = useRef(null);\n  const isVisible = useOnScreen(ResponsiveUIImage);\n  const [imageVisible, setImageVisible] = useState(isVisible);\n  useEffect(() => {\n    if (isVisible) {\n      setImageVisible(isVisible);\n    }\n  }, [isVisible]);\n  return (\n    <Container className=\"bg-black-pearl overflow-hidden\">\n      <Title\n        className=\"pb-20 xl:pb-24 pl-0 md:pl-16 xl:pl-24 w-full md:w-4/5 xl:w-3/4\"\n        customClass=\"pb-6 xl:pb-10\"\n        Description=\"We have made efforts to ensure a user-friendly experience on different devices. Additionally, we have implemented a responsive version of the website, adapting the design to various screen sizes and orientations. This allows us to address the challenges and solutions in cryptocurrency web design and emphasizes the importance of responsiveness for a diverse user base.\"\n        SubTitle=\"Responsive UI\"\n      />\n      <Container large>\n        <div\n          ref={ResponsiveUIImage}\n          className={`fs-0 text-center pb-20 xl:pb-36 ${\n            imageVisible ? \"animate-slide-up\" : \"\"\n          }`}\n        >\n          <Image\n            alt=\"uIdesign2\"\n            height={962}\n            src={\"/assets/case-study/mobifinx/responsive-ui.webp\"}\n            width={1322}\n          />\n        </div>\n      </Container>\n    </Container>\n  );\n};\n\nexport default ResponsiveUI;\n","import Container from \"@/components/common/Container\";\nimport Title from \"./common/Title\";\n\n const RESULTS_AND_OUTCOME_DATA = [\n  {\n    title: \"Enhanced User Experience\",\n    description:\n      \"The implementation of user-centric design principles resulted in a significant enhancement of the overall user experience. Users, including experienced traders like Don, reported higher satisfaction with the platform's intuitive interface and streamlined trading process\",\n  },\n  {\n    title: \"Informed Decision-Making\",\n    description:\n      \"The provision of real-time market data, customizable watchlists, and educational resources empowered users to make well-informed trading decisions.\",\n  },\n  {\n    title: \"Increased Trading Volume\",\n    description:\n      \"As a cumulative effect of the improved user experience, efficient trade execution, enhanced security, and educational resources, the platform experienced a noticeable increase in trading volume.\",\n  },\n  {\n    title: \"Positive User Feedback\",\n    description:\n      \"Users expressed their satisfaction with the platform through positive feedback and reviews. The platform achieved heightened user satisfaction, efficient trade execution and increased trading activity,\",\n  },\n];\n\nconst ResultsAndOutcome = () => {\n  return (\n    <Container className=\"py-20 xl:py-36 bg-gray-100\">\n      <Title\n        textBlack\n        customClass=\"pb-6 xl:pb-20\"\n        SubTitle=\"Results & Outcome\"\n      />\n      <Container large>\n        <div className=\"flex flex-col md:flex-row flex-wrap justify-between xl:px-24 gap-10 md:gap-0 xl:gap-12\">\n          {RESULTS_AND_OUTCOME_DATA.map((value, index) => (\n            <div\n              key={value.title}\n              className=\"w-full md:w-6/12 lg:w-5/12 flex md:pb-16 lg:pb-0\"\n            >\n              <h2 className=\"text-2xl xl:text-5xl font-bold text-silver mb-0 pr-4\">\n                <span className=\"font-jost\">0{index + 1}</span>\n              </h2>\n              <div>\n                <h4 className=\"text-xl xl:text-3xl font-bold text-black-pearl xl:pt-4 text-nowrap\">\n                  <span className=\"font-jost\">{value.title}</span>\n                </h4>\n                <p className=\"text-lg md:text-base xl:text-lg font-normal text-black text-justify pt-2\">\n                  <span className=\"font-jost\">{value.description}</span>\n                </p>\n              </div>\n            </div>\n          ))}\n        </div>\n      </Container>\n    </Container>\n  );\n};\n\nexport default ResultsAndOutcome;\n","import Image from \"next/image\";\nimport Title from \"./common/Title\";\nimport Container from \"@/components/common/Container\";\n\nconst Solutions = () => (\n  <Container className=\"bg-gradient-solution-Image-mobile md:bg-gradient-solution-Image-Bg\">\n    <Title\n      className=\"md:pl-16 xl:pl-24 pb-20 xl:pb-24 w-full md:w-4/5 xl:w-3/4\"\n      customClass=\"text-white pb-40 xl:pb-10 pb-6\"\n      Description=\"Our solution addresses the challenges and goals of users like CryptoTrader Don by designing a blockchain-based digital asset trading platform that seamlessly merges cutting-edge technology with user-centric design principles. The platform boasts a streamlined, intuitive interface that facilitates rapid trade execution, ensuring that traders can capitalize on market opportunities without unnecessary complexity. <br/><br/> Real-time market data, customizable watchlists, and detailed asset information empower users to stay informed and make informed trading decisions. To address security concerns, the platform integrates robust encryption, multi-factor authentication, and secure cold storage for digital assets. Additionally, we offer educational resources to keep traders updated on regulatory changes and best practices. By combining a user-friendly experience with advanced security measures, our platform enables traders like Don to navigate the cryptocurrency market confidently and efficiently.\"\n      SubTitle=\"Solutions\"\n    />\n    <Container small>\n      <Image\n        alt=\"userprofile\"\n        height={827}\n        src={\"/assets/case-study/mobifinx/mobifinx.webp\"}\n        width={1121}\n      />\n    </Container>\n  </Container>\n);\n\nexport default Solutions;\n","import Container from \"@/components/common/Container\";\nimport Image from \"next/image\";\nimport Title from \"./common/Title\";\n\nconst MOBIFINIX_TECH_IMAGE_DATA = [\n  {\n    id: 1,\n    alt: \"react\",\n    height: 64,\n    src: \"/assets/case-study/dating-app/react-hover.webp\",\n    width: 72,\n  },\n  {\n    id: 2,\n    alt: \"typescript\",\n    height: 64,\n    src: \"/assets/case-study/mobifinx/typescript.webp\",\n    width: 64,\n  },\n  {\n    id: 3,\n    alt: \"tailwind\",\n    height: 38,\n    src: \"/assets/case-study/mobifinx/tailwind.webp\",\n    width: 64,\n  },\n  {\n    id: 4,\n    alt: \"figma\",\n    height: 64,\n    src: \"/assets/case-study/dating-app/figma-hover.webp\",\n    width: 42,\n  },\n];\n\nconst Technology = () => (\n  <Container className=\"py-20 xl:py-36\">\n    <Title\n      textBlack\n      className=\"md:pl-16 xl:pl-24 pb-6 md:pb-10 xl:pb-20 w-full md:w-4/5 xl:w-3/4\"\n      customClass=\"pb-6 xl:pb-10\"\n      Description=\"In developing our blockchain-powered digital asset trading platform, we have skillfully combined various technologies to provide users with a seamless and secure experience. Our front-end utilizes responsive web technologies like Next.js, ensuring a consistent user experience across different devices with a SEO friendly approach.\n            <br/><br/>\n            Through the strategic alignment of these technologies, we have developed a resilient and user-focused platform that empowers traders to navigate the dynamic world of digital asset trading with confidence and smooth tranisitions.\"\n      SubTitle=\"Technology Stack\"\n    />\n    <Container large>\n      <div className=\"md:pl-16 xl:pl-24 flex items-center\">\n        {MOBIFINIX_TECH_IMAGE_DATA.map((value, index) => (\n          <div\n            key={value.id}\n            className={`fs-0  ${\n              MOBIFINIX_TECH_IMAGE_DATA.length === index + 1 ? \"pr-0\" : \"pr-16\"\n            }`}\n          >\n            <Image\n              key={value.alt}\n              alt={value.alt}\n              height={value.height}\n              src={value.src}\n              width={value.width}\n            />\n          </div>\n        ))}\n      </div>\n    </Container>\n  </Container>\n);\n\nexport default Technology;\n","const TestimonialsDoubleQuotes = ({ className }) => {\n  return (\n    <svg\n      className={className}\n      fill=\"none\"\n      height=\"44\"\n      viewBox=\"0 0 48 44\"\n      width=\"48\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M19.1185 43.3611V22.7475H10.2381C10.2381 19.4458 10.866 16.6794 12.1218 14.4485C13.3776 12.1284 15.7098 10.3883 19.1185 9.22821V0.393799C16.3377 0.750745 13.7364 1.59849 11.3145 2.93704C8.98229 4.18635 6.96403 5.7926 5.25971 7.7558C3.5554 9.71901 2.2099 11.9945 1.22319 14.5824C0.326184 17.1702 -0.0774685 19.9366 0.0122319 22.8814V43.3611H19.1185ZM47.7778 43.3611V22.7475H38.8974C38.8974 19.4458 39.5253 16.6794 40.7811 14.4485C42.0369 12.1284 44.3692 10.3883 47.7778 9.22821V0.393799C44.9971 0.750745 42.3957 1.59849 39.9738 2.93704C37.6416 4.18635 35.6234 5.7926 33.919 7.7558C32.2147 9.71901 30.8692 11.9945 29.8825 14.5824C28.9855 17.1702 28.5819 19.9366 28.6716 22.8814V43.3611H47.7778Z\"\n        fill=\"white\"\n        opacity=\"0.2\"\n      />\n    </svg>\n  );\n};\nexport default TestimonialsDoubleQuotes;\n","import Container from \"@/components/common/Container\";\nimport Image from \"next/image\";\nimport Title from \"./common/Title\";\nimport TestiMonialsDoubleQuotes from \"./svg/TestimonialsDoubleQuotes\";\n\nconst Testimonials = () => (\n  <Container className=\"bg-black-pearl py-20 xl:py-36\">\n    <Title customClass=\"pb-10 md:pb-20 xl:pb-24\" SubTitle=\"Client’s Words\" />\n    <Container large>\n      <div className=\"xl:px-72\">\n        <span className=\"pb-4 md:pb-0\">\n          <TestiMonialsDoubleQuotes className=\"w-1/12 md:w-fit\" />\n        </span>\n        <p className=\"text-lg md:text-base xl:text-lg font-light font-jost text-white text-justify px-6 md:px-12 md:mx-4\">\n          <span className=\"font-jost\">\n            Working with the team on our blockchain-based digital asset trading\n            platform was an exceptional experience. Their expertise in merging\n            advanced technology with user-centric design impressed us. The\n            team&apos;s dedication to understanding our users&apos; needs and\n            translating them into a seamless user experience resulted in a\n            platform that met our objectives. The positive feedback we&apos;ve\n            received from traders, along with the increased trading volume, is\n            because of their exceptional work.\n          </span>\n        </p>\n        <span className=\"flex justify-end pb-10\">\n          <TestiMonialsDoubleQuotes className=\"w-1/12 md:w-fit rotate-180\" />\n        </span>\n        <div className=\"flex md:px-12 md:mx-4\">\n          <div className=\"pr-4 mr-2 fs-0\">\n            <Image\n              alt=\"mchauhan\"\n              height={56}\n              src={\"/assets/case-study/mobifinx/m-chauhan.webp\"}\n              width={56}\n            />\n          </div>\n          <div>\n            <p className=\"text-lg font-jost text-white\">\n              <span className=\"font-semibold\">M. Chauhan</span>\n            </p>\n            <p className=\"text-lg font-jost text-white\">\n              <span className=\"font-semibold\">PO, India</span>\n            </p>\n          </div>\n        </div>\n      </div>\n    </Container>\n  </Container>\n);\n\nexport default Testimonials;\n","import Container from \"@/components/common/Container\";\nimport useOnScreen from \"hooks/useOnScreen\";\nimport Image from \"next/image\";\nimport { useEffect, useRef, useState } from \"react\";\nimport Title from \"./common/Title\";\n\nconst Ui = () => {\n  const ResponsiveUIImageReference = useRef(null);\n  const ResponsiveUISecondImageReference = useRef(null);\n  const isVisible = useOnScreen(ResponsiveUIImageReference);\n  const isVisibleSecondImage = useOnScreen(ResponsiveUISecondImageReference);\n  const [imageVisible, setImageVisible] = useState(isVisible);\n  const [secondImageVisible, setSecondImageVisible] =\n    useState(isVisibleSecondImage);\n  useEffect(() => {\n    if (isVisible) {\n      setImageVisible(isVisible);\n    }\n    if (isVisibleSecondImage) {\n      setImageVisible(setSecondImageVisible);\n    }\n  }, [isVisible, isVisibleSecondImage]);\n  return (\n    <Container className=\"py-20 xl:py-36 bg-black-pearl\" large>\n      <Title customClass=\"text-white pb-20 xl:pb-24\" SubTitle=\"UI Design\" />\n      <Container className=\"overflow-hidden\">\n        <div\n          ref={ResponsiveUIImageReference}\n          className={`fs-0 pb-20 xl:pb-24 text-center ${\n            imageVisible ? \"animate-slide-up\" : undefined\n          }`}\n        >\n          <Image\n            alt=\"uI design\"\n            height={962}\n            src={\"/assets/case-study/mobifinx/ui-design-1.webp\"}\n            width={1322}\n          />\n        </div>\n      </Container>\n      <Container>\n        <div\n          ref={ResponsiveUISecondImageReference}\n          className={`fs-0 text-center ${\n            secondImageVisible ? \"animate-slide-up\" : undefined\n          }`}\n        >\n          <Image\n            alt=\"uI design\"\n            height={962}\n            src={\"/assets/case-study/mobifinx/ui-design-2.webp\"}\n            width={1322}\n          />\n        </div>\n      </Container>\n    </Container>\n  );\n};\nexport default Ui;\n","import NextLink from \"@/components/case-study/common/NextLink\";\nimport About from \"@/components/case-study/mobifinx/About\";\nimport Guidelines from \"@/components/case-study/mobifinx/Guidelines\";\nimport Hero from \"@/components/case-study/mobifinx/Hero\";\nimport ResponsiveUI from \"@/components/case-study/mobifinx/ResponsiveUI\";\nimport ResultsAndOutcome from \"@/components/case-study/mobifinx/ResultsAndOutcome\";\nimport Solutions from \"@/components/case-study/mobifinx/Solutions\";\nimport Technology from \"@/components/case-study/mobifinx/Technology\";\nimport Testimonials from \"@/components/case-study/mobifinx/Testimonials\";\nimport Ui from \"@/components/case-study/mobifinx/UI\";\nimport Layout from \"@/components/layout/Layout\";\n\nconst MobifinX = () => (\n  <Layout\n    description=\"MobifinX is an advanced, secured, scalable, robust, and flexible Digital Asset Trading Platform. It is a leading digital asset suite offering well-tested, compliant, intuitive blockchain products with bank-grade security.\"\n    title=\"MobifinX- Blockchain technology with trading solutions\"\n  >\n    <Hero />\n    <About />\n    <Solutions />\n    <Guidelines />\n    <Ui />\n    <ResponsiveUI />\n    <Technology />\n    <ResultsAndOutcome />\n    <Testimonials />\n    <NextLink\n      nextImg=\"/assets/case-study/next-case-study/go-cyclists.webp\"\n      nextLink=\"/portfolio/go-cyclists-marketplace-app-case-study\"\n      nextTitle=\"Next <br/> case Study\"\n    />\n  </Layout>\n);\nexport default MobifinX;\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","useOnScreen","reference","rootMargin","isOnScreen","setIsOnScreen","observerReference","useRef","useEffect","current","IntersectionObserver","entry","isIntersecting","observe","disconnect","svg","fill","viewBox","xmlns","d","mainTitle","SubTitle","Description","customClass","textBlack","large","h1","h2","Title","h3","h4","DoubleQuotes","ul","li","BG_COLOR_DATA","bgColor","small","map","backgroundColor","ResponsiveUIImage","isVisible","imageVisible","setImageVisible","ref","RESULTS_AND_OUTCOME_DATA","MOBIFINIX_TECH_IMAGE_DATA","id","opacity","TestiMonialsDoubleQuotes","ResponsiveUIImageReference","ResponsiveUISecondImageReference","isVisibleSecondImage","secondImageVisible","setSecondImageVisible","Hero","About","Solutions","Guidelines","Ui","ResponsiveUI","Technology","ResultsAndOutcome","Testimonials","NextLink","module"],"sourceRoot":""}