{"id":2200,"date":"2024-08-24T09:07:09","date_gmt":"2024-08-24T09:07:09","guid":{"rendered":"https:\/\/themetechmount.com\/finopik\/?page_id=2200"},"modified":"2026-03-18T04:46:43","modified_gmt":"2026-03-18T04:46:43","slug":"our-portfolio","status":"publish","type":"page","link":"https:\/\/ailabflow-demo.themetechmount.com\/demo2\/our-portfolio\/","title":{"rendered":"Our portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2200\" class=\"elementor elementor-2200\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ce43c2b e-flex e-con-boxed e-con e-parent\" data-id=\"ce43c2b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e4821c7 tm-align-left elementor-widget elementor-widget-tm_project_element\" data-id=\"e4821c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tm_project_element.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"themetechmount-boxes themetechmount-boxes-portfolio themetechmount-element-portfoliobox-style1 themetechmount-boxes-view-default themetechmount-boxes-col-two themetechmount-boxes-gap-30px\" data-tm-show=\"4\" data-tm-loop=\"1\" data-tm-autoplay=\"0\" data-tm-centermode=\"0\" data-tm-centerpadding=\"0\" data-tm-nav=\"\" data-tm-dots=\"\" data-tm-slidestoscroll=\"\" data-tm-autoplayspeed=\"4500\" data-tm-margin=\"30px\"><div class=\"themetechmount-boxes-inner\">\n\t\t\t<div class=\"themetechmount-box-heading-wrapper tm-boxwithout-heading\">\n\t\t\t\t<div class=\"tm-element-heading-content-wrapper left-align  tm-seperator-none  tm-heading-style-vertical \"><div class=\"tm-content-header\"><\/div><\/div>\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<div class=\"themetechmount-boxes-row-wrapper row multi-columns-row\">\n\n\t\t\t<div class=\"tm-box-col-wrapper  redesign visual-design col-lg-6 col-sm-6 col-md-6 col-xs-12\"><article class=\"themetechmount-box themetechmount-box-portfolio themetechmount-portfoliobox-style1 \">\n\t<div class=\"themetechmount-post-item\">\t\t\t\t\t\t\n\t\t<div class=\"art-project-item-2\">\n\t\t\t<div class=\"item-img\">\n                <div class=\"project_img\">\n                    <div class=\"hover_area\">                   \t\t\t\t\t   \t\t\t\t\t\t\t\t\t   \t\t\t\t\t\t\t\t   \t\t\n\t\t\t\t\t\t\t\t\t\t\t <img data-sampler=\"texture0\"  src=https:\/\/ailabflow-demo.themetechmount.com\/demo2\/wp-content\/uploads\/sites\/3\/2024\/08\/port-01.jpg class=\"attachment-full size-full wp-post-image\" alt=\"post-img\">\n\t\t\t\t\t   \t\t                  \n                    <\/div>                    \n                <\/div>\n          <\/div>\n       <\/div>\n\n\t\t<div class=\"themetechmount-box-overlay\">\n\t\t\t<div class=\"themetechmount-box-content\">\t\t\t\t\t\n\t\t\t\t<div class=\"themetechmount-box-title\"><h4><a href=\"https:\/\/ailabflow-demo.themetechmount.com\/demo2\/portfolio\/innovative-ai-solutions\/\">Innovative ai solutions<\/a><\/h4><\/div>\t\t\t\t<div class=\"tm-cat\">\n\t\t\t\t\tRedesign, Visual Design\t\t\t\t<\/div>\t\n\t\t\t<\/div>\n\t\t<\/div>\t\n\t<\/div>\n<\/article>\n\n\n<script id=\"vs\" type=\"x-shader\/x-vertex\">\n\t\t#ifdef GL_ES\n\t\tprecision mediump float;\n\t\t#endif\n\n\t\t\/\/ those are the mandatory attributes that the lib sets\n\t\tattribute vec3 aVertexPosition;\n\t\tattribute vec2 aTextureCoord;\n\n\t\t\/\/ those are mandatory uniforms that the lib sets and that contain our model view and projection matrix\n\t\tuniform mat4 uMVMatrix;\n\t\tuniform mat4 uPMatrix;\n\n\t\tuniform mat4 texture0Matrix;\n\t\tuniform mat4 texture1Matrix;\n\t\tuniform mat4 mapMatrix;\n\n\t\t\/\/ if you want to pass your vertex and texture coords to the fragment shader\n\t\tvarying vec3 vVertexPosition;\n\t\tvarying vec2 vTextureCoord0;\n\t\tvarying vec2 vTextureCoord1;\n\t\tvarying vec2 vTextureCoordMap;\n\n\t\tvoid main() {\n\t\t\tvec3 vertexPosition = aVertexPosition;\n\n\t\t\tgl_Position = uPMatrix * uMVMatrix * vec4(vertexPosition, 1.0);\n\n\t\t\t\/\/ set the varyings\n\t\t\tvTextureCoord0 = (texture0Matrix * vec4(aTextureCoord, 0., 1.)).xy;\n\t\t\tvTextureCoord1 = (texture1Matrix * vec4(aTextureCoord, 0., 1.)).xy;\n\t\t\tvTextureCoordMap = (mapMatrix * vec4(aTextureCoord, 0., 1.)).xy;\n\t\t\tvVertexPosition = vertexPosition;\n\t\t}\n\t<\/script>\n\t<script id=\"fs\" type=\"x-shader\/x-fragment\">\n\t\t#ifdef GL_ES\n\t\tprecision mediump float;\n\t\t#endif\n\n\t\t#define PI2 6.28318530718\n\t\t#define PI 3.14159265359\n\t\t#define S(a,b,n) smoothstep(a,b,n)\n\n\t\tuniform float uTime;\n\t\tuniform float uProgress;\n\t\tuniform vec2 uReso;\n\t\tuniform vec2 uMouse;\n\n\t\t\/\/ get our varyings\n\t\tvarying vec3 vVertexPosition;\n\t\tvarying vec2 vTextureCoord0;\n\t\tvarying vec2 vTextureCoord1;\n\t\tvarying vec2 vTextureCoordMap;\n\n\t\t\/\/ the uniform we declared inside our javascript\n\n\t\t\/\/ our texture sampler (default name, to use a different name please refer to the documentation)\n\t\tuniform sampler2D texture0;\n\t\tuniform sampler2D texture1;\n\t\tuniform sampler2D map;\n\n\t\t\/\/ http:\/\/www.flong.com\/texts\/code\/shapers_exp\/\n\t\tfloat exponentialEasing (float x, float a){\n\n\t\t\tfloat epsilon = 0.00001;\n\t\t\tfloat min_param_a = 0.0 + epsilon;\n\t\t\tfloat max_param_a = 1.0 - epsilon;\n\t\t\ta = max(min_param_a, min(max_param_a, a));\n\n\t\t\tif (a < 0.5){\n\t\t\t\t\/\/ emphasis\n\t\t\t\ta = 2.0 * a;\n\t\t\t\tfloat y = pow(x, a);\n\t\t\t\treturn y;\n\t\t\t} else {\n\t\t\t\t\/\/ de-emphasis\n\t\t\t\ta = 2.0 * (a-0.5);\n\t\t\t\tfloat y = pow(x, 1.0 \/ (1.-a));\n\t\t\t\treturn y;\n\t\t\t}\n\t\t}\n\n\t\tvec4 blur13(sampler2D image, vec2 uv, vec2 resolution, vec2 direction) {\n\t\t\tvec4 color = vec4(0.0);\n\t\t\tvec2 off1 = vec2(1.411764705882353) * direction;\n\t\t\tvec2 off2 = vec2(3.2941176470588234) * direction;\n\t\t\tvec2 off3 = vec2(5.176470588235294) * direction;\n\t\t\tcolor += texture2D(image, uv) * 0.1964825501511404;\n\t\t\tcolor += texture2D(image, uv + (off1 \/ resolution)) * 0.2969069646728344;\n\t\t\tcolor += texture2D(image, uv - (off1 \/ resolution)) * 0.2969069646728344;\n\t\t\tcolor += texture2D(image, uv + (off2 \/ resolution)) * 0.09447039785044732;\n\t\t\tcolor += texture2D(image, uv - (off2 \/ resolution)) * 0.09447039785044732;\n\t\t\tcolor += texture2D(image, uv + (off3 \/ resolution)) * 0.010381362401148057;\n\t\t\tcolor += texture2D(image, uv - (off3 \/ resolution)) * 0.010381362401148057;\n\t\t\treturn color;\n\t\t}\n\n\t\tvoid main(){\n\t\t\tvec2 uv0 = vTextureCoord0;\n\t\t\tvec2 uv1 = vTextureCoord1;\n\n\t\t\tfloat progress0 = uProgress;\n\t\t\tfloat progress1 = 1. - uProgress;\n\n\t\t\tvec4 map = blur13(map, vTextureCoordMap, uReso, vec2(2.)) + 0.5;\n\n\t\t\tuv0.x += progress0 * map.r;\n\t\t\tuv1.x -= progress1 * map.r;\n\n\t\t\tvec4 color = texture2D( texture0, uv0 );\n\t\t\tvec4 color1 = texture2D( texture1, uv1 );\n\n\t\t\tgl_FragColor = mix(color, color1, progress0 );          \n\t\t}\n\t<\/script><\/div><div class=\"tm-box-col-wrapper  branding redesign col-lg-6 col-sm-6 col-md-6 col-xs-12\"><article class=\"themetechmount-box themetechmount-box-portfolio themetechmount-portfoliobox-style1 \">\n\t<div class=\"themetechmount-post-item\">\t\t\t\t\t\t\n\t\t<div class=\"art-project-item-2\">\n\t\t\t<div class=\"item-img\">\n                <div class=\"project_img\">\n                    <div class=\"hover_area\">                   \t\t\t\t\t   \t\t\t\t\t\t\t\t\t   \t\t\t\t\t\t\t\t   \t\t\n\t\t\t\t\t\t\t\t\t\t\t <img data-sampler=\"texture0\"  src=https:\/\/ailabflow-demo.themetechmount.com\/demo2\/wp-content\/uploads\/sites\/3\/2024\/08\/portfolio-02.jpg class=\"attachment-full size-full wp-post-image\" alt=\"post-img\">\n\t\t\t\t\t   \t\t                  \n                    <\/div>                    \n                <\/div>\n          <\/div>\n       <\/div>\n\n\t\t<div class=\"themetechmount-box-overlay\">\n\t\t\t<div class=\"themetechmount-box-content\">\t\t\t\t\t\n\t\t\t\t<div class=\"themetechmount-box-title\"><h4><a href=\"https:\/\/ailabflow-demo.themetechmount.com\/demo2\/portfolio\/ai-transformations\/\">Ai transformations<\/a><\/h4><\/div>\t\t\t\t<div class=\"tm-cat\">\n\t\t\t\t\tBranding, Redesign\t\t\t\t<\/div>\t\n\t\t\t<\/div>\n\t\t<\/div>\t\n\t<\/div>\n<\/article>\n\n\n<script id=\"vs\" type=\"x-shader\/x-vertex\">\n\t\t#ifdef GL_ES\n\t\tprecision mediump float;\n\t\t#endif\n\n\t\t\/\/ those are the mandatory attributes that the lib sets\n\t\tattribute vec3 aVertexPosition;\n\t\tattribute vec2 aTextureCoord;\n\n\t\t\/\/ those are mandatory uniforms that the lib sets and that contain our model view and projection matrix\n\t\tuniform mat4 uMVMatrix;\n\t\tuniform mat4 uPMatrix;\n\n\t\tuniform mat4 texture0Matrix;\n\t\tuniform mat4 texture1Matrix;\n\t\tuniform mat4 mapMatrix;\n\n\t\t\/\/ if you want to pass your vertex and texture coords to the fragment shader\n\t\tvarying vec3 vVertexPosition;\n\t\tvarying vec2 vTextureCoord0;\n\t\tvarying vec2 vTextureCoord1;\n\t\tvarying vec2 vTextureCoordMap;\n\n\t\tvoid main() {\n\t\t\tvec3 vertexPosition = aVertexPosition;\n\n\t\t\tgl_Position = uPMatrix * uMVMatrix * vec4(vertexPosition, 1.0);\n\n\t\t\t\/\/ set the varyings\n\t\t\tvTextureCoord0 = (texture0Matrix * vec4(aTextureCoord, 0., 1.)).xy;\n\t\t\tvTextureCoord1 = (texture1Matrix * vec4(aTextureCoord, 0., 1.)).xy;\n\t\t\tvTextureCoordMap = (mapMatrix * vec4(aTextureCoord, 0., 1.)).xy;\n\t\t\tvVertexPosition = vertexPosition;\n\t\t}\n\t<\/script>\n\t<script id=\"fs\" type=\"x-shader\/x-fragment\">\n\t\t#ifdef GL_ES\n\t\tprecision mediump float;\n\t\t#endif\n\n\t\t#define PI2 6.28318530718\n\t\t#define PI 3.14159265359\n\t\t#define S(a,b,n) smoothstep(a,b,n)\n\n\t\tuniform float uTime;\n\t\tuniform float uProgress;\n\t\tuniform vec2 uReso;\n\t\tuniform vec2 uMouse;\n\n\t\t\/\/ get our varyings\n\t\tvarying vec3 vVertexPosition;\n\t\tvarying vec2 vTextureCoord0;\n\t\tvarying vec2 vTextureCoord1;\n\t\tvarying vec2 vTextureCoordMap;\n\n\t\t\/\/ the uniform we declared inside our javascript\n\n\t\t\/\/ our texture sampler (default name, to use a different name please refer to the documentation)\n\t\tuniform sampler2D texture0;\n\t\tuniform sampler2D texture1;\n\t\tuniform sampler2D map;\n\n\t\t\/\/ http:\/\/www.flong.com\/texts\/code\/shapers_exp\/\n\t\tfloat exponentialEasing (float x, float a){\n\n\t\t\tfloat epsilon = 0.00001;\n\t\t\tfloat min_param_a = 0.0 + epsilon;\n\t\t\tfloat max_param_a = 1.0 - epsilon;\n\t\t\ta = max(min_param_a, min(max_param_a, a));\n\n\t\t\tif (a < 0.5){\n\t\t\t\t\/\/ emphasis\n\t\t\t\ta = 2.0 * a;\n\t\t\t\tfloat y = pow(x, a);\n\t\t\t\treturn y;\n\t\t\t} else {\n\t\t\t\t\/\/ de-emphasis\n\t\t\t\ta = 2.0 * (a-0.5);\n\t\t\t\tfloat y = pow(x, 1.0 \/ (1.-a));\n\t\t\t\treturn y;\n\t\t\t}\n\t\t}\n\n\t\tvec4 blur13(sampler2D image, vec2 uv, vec2 resolution, vec2 direction) {\n\t\t\tvec4 color = vec4(0.0);\n\t\t\tvec2 off1 = vec2(1.411764705882353) * direction;\n\t\t\tvec2 off2 = vec2(3.2941176470588234) * direction;\n\t\t\tvec2 off3 = vec2(5.176470588235294) * direction;\n\t\t\tcolor += texture2D(image, uv) * 0.1964825501511404;\n\t\t\tcolor += texture2D(image, uv + (off1 \/ resolution)) * 0.2969069646728344;\n\t\t\tcolor += texture2D(image, uv - (off1 \/ resolution)) * 0.2969069646728344;\n\t\t\tcolor += texture2D(image, uv + (off2 \/ resolution)) * 0.09447039785044732;\n\t\t\tcolor += texture2D(image, uv - (off2 \/ resolution)) * 0.09447039785044732;\n\t\t\tcolor += texture2D(image, uv + (off3 \/ resolution)) * 0.010381362401148057;\n\t\t\tcolor += texture2D(image, uv - (off3 \/ resolution)) * 0.010381362401148057;\n\t\t\treturn color;\n\t\t}\n\n\t\tvoid main(){\n\t\t\tvec2 uv0 = vTextureCoord0;\n\t\t\tvec2 uv1 = vTextureCoord1;\n\n\t\t\tfloat progress0 = uProgress;\n\t\t\tfloat progress1 = 1. - uProgress;\n\n\t\t\tvec4 map = blur13(map, vTextureCoordMap, uReso, vec2(2.)) + 0.5;\n\n\t\t\tuv0.x += progress0 * map.r;\n\t\t\tuv1.x -= progress1 * map.r;\n\n\t\t\tvec4 color = texture2D( texture0, uv0 );\n\t\t\tvec4 color1 = texture2D( texture1, uv1 );\n\n\t\t\tgl_FragColor = mix(color, color1, progress0 );          \n\t\t}\n\t<\/script><\/div><div class=\"tm-box-col-wrapper  branding visual-design col-lg-6 col-sm-6 col-md-6 col-xs-12\"><article class=\"themetechmount-box themetechmount-box-portfolio themetechmount-portfoliobox-style1 \">\n\t<div class=\"themetechmount-post-item\">\t\t\t\t\t\t\n\t\t<div class=\"art-project-item-2\">\n\t\t\t<div class=\"item-img\">\n                <div class=\"project_img\">\n                    <div class=\"hover_area\">                   \t\t\t\t\t   \t\t\t\t\t\t\t\t\t   \t\t\t\t\t\t\t\t   \t\t\n\t\t\t\t\t\t\t\t\t\t\t <img data-sampler=\"texture0\"  src=https:\/\/ailabflow-demo.themetechmount.com\/demo2\/wp-content\/uploads\/sites\/3\/2024\/08\/portfolio-4-4.jpg class=\"attachment-full size-full wp-post-image\" alt=\"post-img\">\n\t\t\t\t\t   \t\t                  \n                    <\/div>                    \n                <\/div>\n          <\/div>\n       <\/div>\n\n\t\t<div class=\"themetechmount-box-overlay\">\n\t\t\t<div class=\"themetechmount-box-content\">\t\t\t\t\t\n\t\t\t\t<div class=\"themetechmount-box-title\"><h4><a href=\"https:\/\/ailabflow-demo.themetechmount.com\/demo2\/portfolio\/intelligent-innovations\/\">Intelligent innovations<\/a><\/h4><\/div>\t\t\t\t<div class=\"tm-cat\">\n\t\t\t\t\tBranding, Visual Design\t\t\t\t<\/div>\t\n\t\t\t<\/div>\n\t\t<\/div>\t\n\t<\/div>\n<\/article>\n\n\n<script id=\"vs\" type=\"x-shader\/x-vertex\">\n\t\t#ifdef GL_ES\n\t\tprecision mediump float;\n\t\t#endif\n\n\t\t\/\/ those are the mandatory attributes that the lib sets\n\t\tattribute vec3 aVertexPosition;\n\t\tattribute vec2 aTextureCoord;\n\n\t\t\/\/ those are mandatory uniforms that the lib sets and that contain our model view and projection matrix\n\t\tuniform mat4 uMVMatrix;\n\t\tuniform mat4 uPMatrix;\n\n\t\tuniform mat4 texture0Matrix;\n\t\tuniform mat4 texture1Matrix;\n\t\tuniform mat4 mapMatrix;\n\n\t\t\/\/ if you want to pass your vertex and texture coords to the fragment shader\n\t\tvarying vec3 vVertexPosition;\n\t\tvarying vec2 vTextureCoord0;\n\t\tvarying vec2 vTextureCoord1;\n\t\tvarying vec2 vTextureCoordMap;\n\n\t\tvoid main() {\n\t\t\tvec3 vertexPosition = aVertexPosition;\n\n\t\t\tgl_Position = uPMatrix * uMVMatrix * vec4(vertexPosition, 1.0);\n\n\t\t\t\/\/ set the varyings\n\t\t\tvTextureCoord0 = (texture0Matrix * vec4(aTextureCoord, 0., 1.)).xy;\n\t\t\tvTextureCoord1 = (texture1Matrix * vec4(aTextureCoord, 0., 1.)).xy;\n\t\t\tvTextureCoordMap = (mapMatrix * vec4(aTextureCoord, 0., 1.)).xy;\n\t\t\tvVertexPosition = vertexPosition;\n\t\t}\n\t<\/script>\n\t<script id=\"fs\" type=\"x-shader\/x-fragment\">\n\t\t#ifdef GL_ES\n\t\tprecision mediump float;\n\t\t#endif\n\n\t\t#define PI2 6.28318530718\n\t\t#define PI 3.14159265359\n\t\t#define S(a,b,n) smoothstep(a,b,n)\n\n\t\tuniform float uTime;\n\t\tuniform float uProgress;\n\t\tuniform vec2 uReso;\n\t\tuniform vec2 uMouse;\n\n\t\t\/\/ get our varyings\n\t\tvarying vec3 vVertexPosition;\n\t\tvarying vec2 vTextureCoord0;\n\t\tvarying vec2 vTextureCoord1;\n\t\tvarying vec2 vTextureCoordMap;\n\n\t\t\/\/ the uniform we declared inside our javascript\n\n\t\t\/\/ our texture sampler (default name, to use a different name please refer to the documentation)\n\t\tuniform sampler2D texture0;\n\t\tuniform sampler2D texture1;\n\t\tuniform sampler2D map;\n\n\t\t\/\/ http:\/\/www.flong.com\/texts\/code\/shapers_exp\/\n\t\tfloat exponentialEasing (float x, float a){\n\n\t\t\tfloat epsilon = 0.00001;\n\t\t\tfloat min_param_a = 0.0 + epsilon;\n\t\t\tfloat max_param_a = 1.0 - epsilon;\n\t\t\ta = max(min_param_a, min(max_param_a, a));\n\n\t\t\tif (a < 0.5){\n\t\t\t\t\/\/ emphasis\n\t\t\t\ta = 2.0 * a;\n\t\t\t\tfloat y = pow(x, a);\n\t\t\t\treturn y;\n\t\t\t} else {\n\t\t\t\t\/\/ de-emphasis\n\t\t\t\ta = 2.0 * (a-0.5);\n\t\t\t\tfloat y = pow(x, 1.0 \/ (1.-a));\n\t\t\t\treturn y;\n\t\t\t}\n\t\t}\n\n\t\tvec4 blur13(sampler2D image, vec2 uv, vec2 resolution, vec2 direction) {\n\t\t\tvec4 color = vec4(0.0);\n\t\t\tvec2 off1 = vec2(1.411764705882353) * direction;\n\t\t\tvec2 off2 = vec2(3.2941176470588234) * direction;\n\t\t\tvec2 off3 = vec2(5.176470588235294) * direction;\n\t\t\tcolor += texture2D(image, uv) * 0.1964825501511404;\n\t\t\tcolor += texture2D(image, uv + (off1 \/ resolution)) * 0.2969069646728344;\n\t\t\tcolor += texture2D(image, uv - (off1 \/ resolution)) * 0.2969069646728344;\n\t\t\tcolor += texture2D(image, uv + (off2 \/ resolution)) * 0.09447039785044732;\n\t\t\tcolor += texture2D(image, uv - (off2 \/ resolution)) * 0.09447039785044732;\n\t\t\tcolor += texture2D(image, uv + (off3 \/ resolution)) * 0.010381362401148057;\n\t\t\tcolor += texture2D(image, uv - (off3 \/ resolution)) * 0.010381362401148057;\n\t\t\treturn color;\n\t\t}\n\n\t\tvoid main(){\n\t\t\tvec2 uv0 = vTextureCoord0;\n\t\t\tvec2 uv1 = vTextureCoord1;\n\n\t\t\tfloat progress0 = uProgress;\n\t\t\tfloat progress1 = 1. - uProgress;\n\n\t\t\tvec4 map = blur13(map, vTextureCoordMap, uReso, vec2(2.)) + 0.5;\n\n\t\t\tuv0.x += progress0 * map.r;\n\t\t\tuv1.x -= progress1 * map.r;\n\n\t\t\tvec4 color = texture2D( texture0, uv0 );\n\t\t\tvec4 color1 = texture2D( texture1, uv1 );\n\n\t\t\tgl_FragColor = mix(color, color1, progress0 );          \n\t\t}\n\t<\/script><\/div><div class=\"tm-box-col-wrapper  branding redesign visual-design col-lg-6 col-sm-6 col-md-6 col-xs-12\"><article class=\"themetechmount-box themetechmount-box-portfolio themetechmount-portfoliobox-style1 \">\n\t<div class=\"themetechmount-post-item\">\t\t\t\t\t\t\n\t\t<div class=\"art-project-item-2\">\n\t\t\t<div class=\"item-img\">\n                <div class=\"project_img\">\n                    <div class=\"hover_area\">                   \t\t\t\t\t   \t\t\t\t\t\t\t\t\t   \t\t\t\t\t\t\t\t   \t\t\n\t\t\t\t\t\t\t\t\t\t\t <img data-sampler=\"texture0\"  src=https:\/\/ailabflow-demo.themetechmount.com\/demo2\/wp-content\/uploads\/sites\/3\/2024\/08\/port-04.jpg class=\"attachment-full size-full wp-post-image\" alt=\"post-img\">\n\t\t\t\t\t   \t\t                  \n                    <\/div>                    \n                <\/div>\n          <\/div>\n       <\/div>\n\n\t\t<div class=\"themetechmount-box-overlay\">\n\t\t\t<div class=\"themetechmount-box-content\">\t\t\t\t\t\n\t\t\t\t<div class=\"themetechmount-box-title\"><h4><a href=\"https:\/\/ailabflow-demo.themetechmount.com\/demo2\/portfolio\/shaping-the-future-with-ai\/\">Shaping the future with ai<\/a><\/h4><\/div>\t\t\t\t<div class=\"tm-cat\">\n\t\t\t\t\tBranding, Redesign, Visual Design\t\t\t\t<\/div>\t\n\t\t\t<\/div>\n\t\t<\/div>\t\n\t<\/div>\n<\/article>\n\n\n<script id=\"vs\" type=\"x-shader\/x-vertex\">\n\t\t#ifdef GL_ES\n\t\tprecision mediump float;\n\t\t#endif\n\n\t\t\/\/ those are the mandatory attributes that the lib sets\n\t\tattribute vec3 aVertexPosition;\n\t\tattribute vec2 aTextureCoord;\n\n\t\t\/\/ those are mandatory uniforms that the lib sets and that contain our model view and projection matrix\n\t\tuniform mat4 uMVMatrix;\n\t\tuniform mat4 uPMatrix;\n\n\t\tuniform mat4 texture0Matrix;\n\t\tuniform mat4 texture1Matrix;\n\t\tuniform mat4 mapMatrix;\n\n\t\t\/\/ if you want to pass your vertex and texture coords to the fragment shader\n\t\tvarying vec3 vVertexPosition;\n\t\tvarying vec2 vTextureCoord0;\n\t\tvarying vec2 vTextureCoord1;\n\t\tvarying vec2 vTextureCoordMap;\n\n\t\tvoid main() {\n\t\t\tvec3 vertexPosition = aVertexPosition;\n\n\t\t\tgl_Position = uPMatrix * uMVMatrix * vec4(vertexPosition, 1.0);\n\n\t\t\t\/\/ set the varyings\n\t\t\tvTextureCoord0 = (texture0Matrix * vec4(aTextureCoord, 0., 1.)).xy;\n\t\t\tvTextureCoord1 = (texture1Matrix * vec4(aTextureCoord, 0., 1.)).xy;\n\t\t\tvTextureCoordMap = (mapMatrix * vec4(aTextureCoord, 0., 1.)).xy;\n\t\t\tvVertexPosition = vertexPosition;\n\t\t}\n\t<\/script>\n\t<script id=\"fs\" type=\"x-shader\/x-fragment\">\n\t\t#ifdef GL_ES\n\t\tprecision mediump float;\n\t\t#endif\n\n\t\t#define PI2 6.28318530718\n\t\t#define PI 3.14159265359\n\t\t#define S(a,b,n) smoothstep(a,b,n)\n\n\t\tuniform float uTime;\n\t\tuniform float uProgress;\n\t\tuniform vec2 uReso;\n\t\tuniform vec2 uMouse;\n\n\t\t\/\/ get our varyings\n\t\tvarying vec3 vVertexPosition;\n\t\tvarying vec2 vTextureCoord0;\n\t\tvarying vec2 vTextureCoord1;\n\t\tvarying vec2 vTextureCoordMap;\n\n\t\t\/\/ the uniform we declared inside our javascript\n\n\t\t\/\/ our texture sampler (default name, to use a different name please refer to the documentation)\n\t\tuniform sampler2D texture0;\n\t\tuniform sampler2D texture1;\n\t\tuniform sampler2D map;\n\n\t\t\/\/ http:\/\/www.flong.com\/texts\/code\/shapers_exp\/\n\t\tfloat exponentialEasing (float x, float a){\n\n\t\t\tfloat epsilon = 0.00001;\n\t\t\tfloat min_param_a = 0.0 + epsilon;\n\t\t\tfloat max_param_a = 1.0 - epsilon;\n\t\t\ta = max(min_param_a, min(max_param_a, a));\n\n\t\t\tif (a < 0.5){\n\t\t\t\t\/\/ emphasis\n\t\t\t\ta = 2.0 * a;\n\t\t\t\tfloat y = pow(x, a);\n\t\t\t\treturn y;\n\t\t\t} else {\n\t\t\t\t\/\/ de-emphasis\n\t\t\t\ta = 2.0 * (a-0.5);\n\t\t\t\tfloat y = pow(x, 1.0 \/ (1.-a));\n\t\t\t\treturn y;\n\t\t\t}\n\t\t}\n\n\t\tvec4 blur13(sampler2D image, vec2 uv, vec2 resolution, vec2 direction) {\n\t\t\tvec4 color = vec4(0.0);\n\t\t\tvec2 off1 = vec2(1.411764705882353) * direction;\n\t\t\tvec2 off2 = vec2(3.2941176470588234) * direction;\n\t\t\tvec2 off3 = vec2(5.176470588235294) * direction;\n\t\t\tcolor += texture2D(image, uv) * 0.1964825501511404;\n\t\t\tcolor += texture2D(image, uv + (off1 \/ resolution)) * 0.2969069646728344;\n\t\t\tcolor += texture2D(image, uv - (off1 \/ resolution)) * 0.2969069646728344;\n\t\t\tcolor += texture2D(image, uv + (off2 \/ resolution)) * 0.09447039785044732;\n\t\t\tcolor += texture2D(image, uv - (off2 \/ resolution)) * 0.09447039785044732;\n\t\t\tcolor += texture2D(image, uv + (off3 \/ resolution)) * 0.010381362401148057;\n\t\t\tcolor += texture2D(image, uv - (off3 \/ resolution)) * 0.010381362401148057;\n\t\t\treturn color;\n\t\t}\n\n\t\tvoid main(){\n\t\t\tvec2 uv0 = vTextureCoord0;\n\t\t\tvec2 uv1 = vTextureCoord1;\n\n\t\t\tfloat progress0 = uProgress;\n\t\t\tfloat progress1 = 1. - uProgress;\n\n\t\t\tvec4 map = blur13(map, vTextureCoordMap, uReso, vec2(2.)) + 0.5;\n\n\t\t\tuv0.x += progress0 * map.r;\n\t\t\tuv1.x -= progress1 * map.r;\n\n\t\t\tvec4 color = texture2D( texture0, uv0 );\n\t\t\tvec4 color1 = texture2D( texture1, uv1 );\n\n\t\t\tgl_FragColor = mix(color, color1, progress0 );          \n\t\t}\n\t<\/script><\/div><div class=\"clearfix\"><\/div><div class=\"themetechmount-pagination\"><span aria-current=\"page\" class=\"page-numbers current\">1<\/span>\n<a class=\"page-numbers\" href=\"https:\/\/ailabflow-demo.themetechmount.com\/demo2\/wp-json\/wp\/v2\/pages\/2200\/page\/2\/\">2<\/a>\n<a class=\"next page-numbers\" href=\"https:\/\/ailabflow-demo.themetechmount.com\/demo2\/wp-json\/wp\/v2\/pages\/2200\/page\/2\/\"><span class=\"tm-hide tm-pagination-text tm-pagination-text-next\">Next page<\/span> <i class=\"tm-ailabflow-icon-arrow-right\"><\/i><\/a><\/div><!-- .themetechmount-pagination -->\n\t\t\t<\/div>\n\n\t\t\t<\/div><!-- .themetechmount-boxes-inner -->   <\/div><!-- .themetechmount-boxes -->  \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Innovative ai solutions Redesign, Visual Design Ai transformations Branding, Redesign Intelligent innovations Branding, Visual Design Shaping the future with ai Branding, Redesign, Visual Design 1 2 Next page<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2200","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ailabflow-demo.themetechmount.com\/demo2\/wp-json\/wp\/v2\/pages\/2200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ailabflow-demo.themetechmount.com\/demo2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ailabflow-demo.themetechmount.com\/demo2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ailabflow-demo.themetechmount.com\/demo2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ailabflow-demo.themetechmount.com\/demo2\/wp-json\/wp\/v2\/comments?post=2200"}],"version-history":[{"count":1,"href":"https:\/\/ailabflow-demo.themetechmount.com\/demo2\/wp-json\/wp\/v2\/pages\/2200\/revisions"}],"predecessor-version":[{"id":8395,"href":"https:\/\/ailabflow-demo.themetechmount.com\/demo2\/wp-json\/wp\/v2\/pages\/2200\/revisions\/8395"}],"wp:attachment":[{"href":"https:\/\/ailabflow-demo.themetechmount.com\/demo2\/wp-json\/wp\/v2\/media?parent=2200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}