{"id":63,"date":"2026-06-14T13:23:07","date_gmt":"2026-06-14T13:23:07","guid":{"rendered":"https:\/\/bstudioadv.com\/?page_id=63"},"modified":"2026-06-15T08:07:30","modified_gmt":"2026-06-15T08:07:30","slug":"elementor-63","status":"publish","type":"page","link":"https:\/\/bstudioadv.com\/","title":{"rendered":"Elementor #63"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nReveal<\/title>\n\n<style>\n *, *::before, *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .rw {\n position: relative;\n height: 50vw;\n overflow: hidden;\n display: block;\n margin-right: 30%;\n }\n\n .rw.hide-cursor {\n cursor: none;\n }\n\n .rw video {\n position: absolute;\n right: 50px;\n left: auto;\n bottom: auto;\n width: 85%;\n height: 85%;\n object-fit: cover;\n pointer-events: none;\n z-index: 1;\n }\n\n .rw canvas {\n position: absolute;\n right: 50px;\n left: auto;\n bottom: auto;\n width: 85%;\n height: 85%;\n display: block;\n z-index: 2;\n pointer-events: none;\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"rw\" id=\"wrapper\">\n\n <video id=\"vid\"\n src=\"https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/B.logoLanding-3.webm\"\n autoplay muted loop playsinline crossorigin=\"anonymous\"><\/video>\n\n <canvas id=\"cvs\"><\/canvas>\n\n <!-- \u0644\u0627\u06cc\u0647 \u062f\u0648\u0645 -->\n <img decoding=\"async\" id=\"img\"\n src=\"https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/B.Matin-0-00-00-22.webp\"\n alt=\"\"\n style=\"display:none\"\n crossorigin=\"anonymous\">\n\n <!-- \u0644\u0627\u06cc\u0647 \u0633\u0648\u0645 -->\n <img decoding=\"async\" id=\"layer3\"\n src=\"https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/b-studio.png\"\n alt=\"\"\n style=\"\n position: absolute;\n inset: 0 auto 0 0;\n width: 27vw;\n object-fit: cover;\n z-index: 3;\n margin-top: 27%;\n margin-left: 4vw;\n pointer-events: none;\n \">\n<\/div>\n\n<script>\n(function () {\n\n const wrapper = document.getElementById('wrapper');\n const canvas = document.getElementById('cvs');\n const ctx = canvas.getContext('2d', { alpha: true });\n const video = document.getElementById('vid');\n const img = document.getElementById('img');\n const layer3El = document.getElementById('layer3');\n\n let W = 0, H = 0;\n let rawX = -9999, rawY = -9999;\n let active = false;\n let leaveTimer = null;\n\n const CFG = {\n trailCount : 10,\n lerpBase : 0.22,\n lerpDecay : 0.90,\n radiusBase : 40,\n feather : 90,\n alphaMax : 0.96,\n fadeIn : 0.07,\n fadeOut : 0.055,\n };\n\n const trail = Array.from({ length: CFG.trailCount }, (_, i) => ({\n x: -9999,\n y: -9999,\n alpha: 0,\n lerp: CFG.lerpBase * Math.pow(CFG.lerpDecay, i),\n radius: CFG.radiusBase * (1 - i * 0.04),\n }));\n\n const mkCvs = document.createElement('canvas');\n const mkCtx = mkCvs.getContext('2d');\n\n let hitCanvas = null;\n let hitCtx = null;\n let hitReady = false;\n\n function initHitMap() {\n hitCanvas = document.createElement('canvas');\n hitCtx = hitCanvas.getContext('2d', { willReadFrequently: true });\n hitCanvas.width = img.naturalWidth;\n hitCanvas.height = img.naturalHeight;\n hitCtx.drawImage(img, 0, 0);\n hitReady = true;\n }\n\n if (img.complete && img.naturalWidth) {\n initHitMap();\n } else {\n img.addEventListener('load', initHitMap);\n }\n\n function isOverImageOpaque(clientX, clientY) {\n if (!hitReady) return false;\n const wrapperRect = wrapper.getBoundingClientRect();\n const canvasRect = canvas.getBoundingClientRect();\n const x = clientX - canvasRect.left;\n const y = clientY - canvasRect.top;\n if (x < 0 || x > canvasRect.width || y < 0 || y > canvasRect.height) return false;\n const ir = img.naturalWidth \/ img.naturalHeight;\n const cr = canvasRect.width \/ canvasRect.height;\n let dw, dh, sx, sy;\n if (ir > cr) {\n dh = canvasRect.height;\n dw = dh * ir;\n sx = (canvasRect.width - dw) \/ 2;\n sy = 0;\n } else {\n dw = canvasRect.width;\n dh = dw \/ ir;\n sx = 0;\n sy = (canvasRect.height - dh) \/ 2;\n }\n if (x < sx || x > sx + dw || y < sy || y > sy + dh) return false;\n const px = Math.floor(((x - sx) \/ dw) * hitCanvas.width);\n const py = Math.floor(((y - sy) \/ dh) * hitCanvas.height);\n try {\n const alpha = hitCtx.getImageData(px, py, 1, 1).data[3];\n return alpha > 10;\n } catch {\n return false;\n }\n }\n\n function resize() {\n W = wrapper.clientWidth;\n H = wrapper.clientHeight;\n canvas.width = mkCvs.width = W;\n canvas.height = mkCvs.height = H;\n }\n\n function drawCover(c, tw, th) {\n if (!img.complete || !img.naturalWidth) return false;\n const ir = img.naturalWidth \/ img.naturalHeight;\n const cr = tw \/ th;\n let dw, dh, sx, sy;\n if (ir > cr) {\n dh = th;\n dw = dh * ir;\n sx = (tw - dw) \/ 2;\n sy = 0;\n } else {\n dw = tw;\n dh = dw \/ ir;\n sx = 0;\n sy = (th - dh) \/ 2;\n }\n c.drawImage(img, sx, sy, dw, dh);\n return true;\n }\n\n function buildMask() {\n mkCtx.clearRect(0, 0, W, H);\n mkCtx.fillStyle = '#000';\n mkCtx.fillRect(0, 0, W, H);\n trail.forEach(p => {\n if (p.alpha < 0.001 || p.x < -999) return;\n const r = p.radius + CFG.feather;\n const gr = mkCtx.createRadialGradient(p.x, p.y, 0, p.x, p.y, r);\n const a = p.alpha;\n gr.addColorStop(0, `rgba(0,0,0,${a})`);\n gr.addColorStop(0.2, `rgba(0,0,0,${a * 0.98})`);\n gr.addColorStop(0.5, `rgba(0,0,0,${a * 0.72})`);\n gr.addColorStop(0.75, `rgba(0,0,0,${a * 0.28})`);\n gr.addColorStop(0.9, `rgba(0,0,0,${a * 0.07})`);\n gr.addColorStop(1, 'rgba(0,0,0,0)');\n mkCtx.globalCompositeOperation = 'destination-out';\n mkCtx.fillStyle = gr;\n mkCtx.beginPath();\n mkCtx.arc(p.x, p.y, r, 0, Math.PI * 2);\n mkCtx.fill();\n });\n mkCtx.globalCompositeOperation = 'source-over';\n }\n\n function render() {\n if (active) {\n trail[0].x += (rawX - trail[0].x) * trail[0].lerp;\n trail[0].y += (rawY - trail[0].y) * trail[0].lerp;\n trail[0].alpha = Math.min(CFG.alphaMax, trail[0].alpha + CFG.fadeIn);\n for (let i = 1; i < CFG.trailCount; i++) {\n trail[i].x += (trail[i - 1].x - trail[i].x) * trail[i].lerp;\n trail[i].y += (trail[i - 1].y - trail[i].y) * trail[i].lerp;\n const targetAlpha = CFG.alphaMax * (1 - i * 0.07);\n trail[i].alpha = Math.min(targetAlpha, trail[i].alpha + CFG.fadeIn * 0.8);\n }\n } else {\n trail.forEach(p => {\n p.alpha = Math.max(0, p.alpha - CFG.fadeOut);\n });\n }\n buildMask();\n ctx.clearRect(0, 0, W, H);\n if (!drawCover(ctx, W, H)) {\n ctx.fillStyle = '#111';\n ctx.fillRect(0, 0, W, H);\n }\n ctx.globalCompositeOperation = 'destination-in';\n ctx.drawImage(mkCvs, 0, 0);\n ctx.globalCompositeOperation = 'source-over';\n requestAnimationFrame(render);\n }\n\n function getXY(e) {\n const rect = wrapper.getBoundingClientRect();\n const src = e.touches ? e.touches[0] : e;\n return {\n x: (src.clientX - rect.left) * (W \/ rect.width),\n y: (src.clientY - rect.top) * (H \/ rect.height)\n };\n }\n\n wrapper.addEventListener('mousemove', e => {\n const overOpaque = isOverImageOpaque(e.clientX, e.clientY);\n wrapper.classList.toggle('hide-cursor', overOpaque);\n const { x, y } = getXY(e);\n if (!active) {\n trail.forEach(p => { p.x = x; p.y = y; });\n }\n rawX = x;\n rawY = y;\n active = true;\n if (leaveTimer) {\n clearTimeout(leaveTimer);\n leaveTimer = null;\n }\n });\n\n wrapper.addEventListener('mouseleave', () => {\n wrapper.classList.remove('hide-cursor');\n leaveTimer = setTimeout(() => { active = false; }, 80);\n });\n\n function start() {\n resize();\n video.play().catch(() => {\n wrapper.addEventListener('click', () => video.play(), { once: true });\n });\n render();\n }\n\n window.addEventListener('resize', resize);\n\n if (img.complete && img.naturalWidth) {\n start();\n } else {\n img.addEventListener('load', start);\n img.addEventListener('error', start);\n setTimeout(start, 1500);\n }\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c40faf9 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"c40faf9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-500a636 elementor-widget elementor-widget-image\" data-id=\"500a636\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/backgrand-for-home-page-b-2.webp\" title=\"backgrand-for-home-page-b-2\" alt=\"backgrand-for-home-page-b-2\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d0d761 elementor-widget elementor-widget-image\" data-id=\"9d0d761\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1600\" height=\"1132\" src=\"https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/png-b-home-page-1.2.webp\" class=\"attachment-full size-full wp-image-72\" alt=\"\" srcset=\"https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/png-b-home-page-1.2.webp 1600w, https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/png-b-home-page-1.2-300x212.webp 300w, https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/png-b-home-page-1.2-1024x724.webp 1024w, https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/png-b-home-page-1.2-768x543.webp 768w, https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/png-b-home-page-1.2-1536x1087.webp 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-80c22fd elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"80c22fd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-fc9c339 e-grid e-con-full e-con e-child\" data-id=\"fc9c339\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b4fe259 elementor-widget elementor-widget-image\" data-id=\"b4fe259\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1600\" height=\"67\" src=\"https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/khat-b-home-page-psd.png\" class=\"attachment-full size-full wp-image-85\" alt=\"\" srcset=\"https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/khat-b-home-page-psd.png 1600w, https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/khat-b-home-page-psd-300x13.png 300w, https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/khat-b-home-page-psd-1024x43.png 1024w, https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/khat-b-home-page-psd-768x32.png 768w, https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/khat-b-home-page-psd-1536x64.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d56d5b3 e-grid e-con-full e-con e-child\" data-id=\"d56d5b3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d035e3 elementor-align-justify my-double-text-btn elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"7d035e3\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Health & Wellness<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-120b897 elementor-align-justify my-double-text-btn elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"120b897\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Food & Beverage Industry<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2565aa9 elementor-align-justify my-double-text-btn elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"2565aa9\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Cafe & restaurant <\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78aac89 elementor-align-justify my-double-text-btn elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"78aac89\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Footwear & Apparel<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca41ed7 elementor-align-justify my-double-text-btn elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"ca41ed7\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Health & Wellness<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-baa0d3c elementor-align-justify my-double-text-btn elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"baa0d3c\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">B2B & Industrial Manudacturing<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-0a230c1 elementor-hidden-desktop e-con-full e-flex e-con e-parent\" data-id=\"0a230c1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b45658 elementor-hidden-desktop elementor-widget elementor-widget-image\" data-id=\"4b45658\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"767\" height=\"1292\" src=\"https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/mob-b.1.jpg\" class=\"attachment-full size-full wp-image-98\" alt=\"\" srcset=\"https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/mob-b.1.jpg 767w, https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/mob-b.1-178x300.jpg 178w, https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/mob-b.1-608x1024.jpg 608w\" sizes=\"(max-width: 767px) 100vw, 767px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f8c8497 e-con-full elementor-hidden-desktop elementor-hidden-mobile e-flex e-con e-child\" data-id=\"f8c8497\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-768d758 elementor-widget elementor-widget-image\" data-id=\"768d758\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1725\" src=\"https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/mob-b-home-tablet-1.webp\" class=\"attachment-full size-full wp-image-97\" alt=\"\" srcset=\"https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/mob-b-home-tablet-1.webp 1024w, https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/mob-b-home-tablet-1-178x300.webp 178w, https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/mob-b-home-tablet-1-608x1024.webp 608w, https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/mob-b-home-tablet-1-768x1294.webp 768w, https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/mob-b-home-tablet-1-912x1536.webp 912w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9efb642 e-con-full elementor-hidden-desktop elementor-hidden-tablet e-flex e-con e-child\" data-id=\"9efb642\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b7dbba elementor-widget elementor-widget-image\" data-id=\"3b7dbba\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"767\" height=\"1440\" src=\"https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/mob-b.1.png\" class=\"attachment-full size-full wp-image-108\" alt=\"\" srcset=\"https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/mob-b.1.png 767w, https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/mob-b.1-160x300.png 160w, https:\/\/bstudioadv.com\/wp-content\/uploads\/2026\/06\/mob-b.1-545x1024.png 545w\" sizes=\"(max-width: 767px) 100vw, 767px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4df96ec elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"4df96ec\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-74adcf2 e-con-full e-flex e-con e-child\" data-id=\"74adcf2\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t<div class=\"elementor-element elementor-element-af33491 e-grid e-con-full e-con e-child\" data-id=\"af33491\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-a83d14e e-con-full e-flex e-con e-child\" data-id=\"a83d14e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aa088d5 my-text elementor-hidden-desktop elementor-widget elementor-widget-heading\" data-id=\"aa088d5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Brand Identity <\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2bdb865 elementor-align-center new1-double-btn elementor-button-text elementor-tablet-align-center elementor-mobile-align-justify elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"2bdb865\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Cafe & restaurant <\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad858c5 elementor-align-center new1-double-btn elementor-button-text elementor-tablet-align-center elementor-mobile-align-justify elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"ad858c5\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Food & Beverage Industry<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94bfe22 elementor-align-center new1-double-btn elementor-button-text elementor-tablet-align-center elementor-mobile-align-justify elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"94bfe22\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Footwear & Apparel<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9abe134 elementor-align-center new1-double-btn elementor-button-text elementor-tablet-align-center elementor-mobile-align-justify elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"9abe134\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">B2B & Industrial Manudacturing<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-df9b6fa elementor-align-center new1-double-btn elementor-button-text elementor-tablet-align-center elementor-mobile-align-justify elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"df9b6fa\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Beauty & Jewelry<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83c01b8 elementor-align-center new1-double-btn elementor-button-text elementor-tablet-align-center elementor-mobile-align-justify elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"83c01b8\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Health & Wellness<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-94890d9 elementor-align-center new1-double-btn elementor-button-text elementor-tablet-align-center elementor-mobile-align-justify elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"94890d9\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Footwear & Apparel<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-a84ff75 e-flex e-con-boxed e-con e-parent\" data-id=\"a84ff75\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ef4066 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"4ef4066\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.sg-outer { height: 400vh; position: relative;\n width:100%;}\n\n.sg-sticky {\n position: sticky;\n top: 0;\n height: 100vh;\n overflow: hidden;\n width: 100%;\n}\n\n.sg-stage {\n position: absolute;\n top: 50%;\n margin-top: 50px;\n left: 0;\n transform: translateY(-50%);\n width: 100%;\n line-height: 0;\n}\n\n.sg-img-ref {\n width: 100%;\n height: auto;\n display: block;\n visibility: hidden;\n}\n\n.sg-img {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n opacity: 0;\n transform: scale(1.05);\n transition:\n opacity 1.1s cubic-bezier(0.4, 0, 0.2, 1),\n transform 6s cubic-bezier(0.2, 0, 0.1, 1);\n will-change: opacity, transform;\n}\n\n.sg-img.active {\n opacity: 1;\n transform: scale(1);\n}\n\n.sg-overlay,\n.sg-overlay * {\n direction: ltr !important;\n text-align: left !important;\n unicode-bidi: isolate !important;\n}\n\n.sg-overlay {\n position: absolute;\n left: 6vw;\n top: 57.5%;\n transform: translateY(-50%);\n z-index: 10;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n animation: sg-intro 0.9s 0.2s cubic-bezier(0.4,0,0.2,1) both;\n}\n\n@keyframes sg-intro {\n from { opacity: 0; margin-top: 18px; }\n to { opacity: 1; margin-top: 0; }\n}\n\n.sg-logo-wrap {\n position: relative;\n width: 340px;\n}\n\n.sg-logo-wrap > img {\n width: 100%;\n display: block;\n}\n\n.sg-on-logo {\n position: absolute;\n bottom: 37.5%;\n left: 50%;\n transform: translateX(-38%);\n width: 56%;\n}\n\n.sg-counter {\n font-size: 10px;\n letter-spacing: 0.24em;\n color: rgba(255,255,255,0.5);\n margin-bottom: 8px;\n font-family: 'Courier New', monospace;\n}\n\n.sg-title {\n font-family: 'MyCustomFont', sans-serif;\n font-size: 16px;\n font-weight: 800;\n line-height: 1.35;\n color: #fff;\n margin: 0 0 10px;\n}\n\n.sg-on-logo.changing .sg-line { transform: scaleX(0); }\n\n.sg-sub {\n font-family: 'MyCustomFont', sans-serif;\n font-size: 9px;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.55);\n margin: 0;\n}\n\n.sg-on-logo.changing .sg-counter,\n.sg-on-logo.changing .sg-title,\n.sg-on-logo.changing .sg-sub {\n opacity: 0;\n transform: translateY(6px);\n}\n\n.sg-counter, .sg-title, .sg-sub {\n transition: opacity 0.35s ease, transform 0.35s ease;\n}\n\n.sg-dots-row {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-top: 16px;\n padding-left: 80px;\n}\n\n.sg-dot {\n height: 4px;\n width: 4px;\n border-radius: 2px;\n background: rgba(255,255,255,0.28);\n cursor: pointer;\n transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);\n border: none;\n padding: 0;\n}\n\n.sg-dot.active {\n width: 28px;\n background: rgba(255,255,255,0.92);\n}\n<\/style>\n\n<div class=\"sg-outer\" id=\"sgOuter\">\n <div class=\"sg-sticky\">\n\n <div class=\"sg-stage\">\n <img decoding=\"async\" class=\"sg-img-ref\" src=\"http:\/\/localhost\/bloud1\/wp-content\/uploads\/2026\/05\/p.b1.jpg\" aria-hidden=\"true\" alt=\"\">\n <img decoding=\"async\" class=\"sg-img active\" src=\"http:\/\/localhost\/bloud1\/wp-content\/uploads\/2026\/05\/p.b1.jpg\" alt=\"Slide 1\">\n <img decoding=\"async\" class=\"sg-img\" src=\"http:\/\/localhost\/bloud1\/wp-content\/uploads\/2026\/05\/p.b2.jpg\" alt=\"Slide 2\">\n <img decoding=\"async\" class=\"sg-img\" src=\"http:\/\/localhost\/bloud1\/wp-content\/uploads\/2026\/05\/p.b3.jpg\" alt=\"Slide 3\">\n <img decoding=\"async\" class=\"sg-img\" src=\"http:\/\/localhost\/bloud1\/wp-content\/uploads\/2026\/05\/p.b4.jpg\" alt=\"Slide 4\">\n <\/div>\n\n <div class=\"sg-overlay\">\n <div class=\"sg-logo-wrap\">\n <img decoding=\"async\" src=\"http:\/\/localhost\/bloud1\/wp-content\/uploads\/2026\/05\/continer-b-.png\" alt=\"Logo\">\n <div class=\"sg-on-logo\" id=\"sgInfo\">\n <div class=\"sg-counter\" id=\"sgCounter\">04 \/ 01<\/div>\n <h2 class=\"sg-title\" id=\"sgTitle\">Cafe & Restaurant<br>Brand Identity<\/h2>\n <div class=\"sg-line\"><\/div>\n <p class=\"sg-sub\" id=\"sgSub\">Visual Identity Design<\/p>\n <\/div>\n <\/div>\n <div class=\"sg-dots-row\" id=\"sgDots\">\n <button class=\"sg-dot active\" aria-label=\"Slide 1\"><\/button>\n <button class=\"sg-dot\" aria-label=\"Slide 2\"><\/button>\n <button class=\"sg-dot\" aria-label=\"Slide 3\"><\/button>\n <button class=\"sg-dot\" aria-label=\"Slide 4\"><\/button>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\n(function () {\n var outer = document.getElementById('sgOuter');\n var imgs = document.querySelectorAll('.sg-img');\n var dots = document.querySelectorAll('#sgDots .sg-dot');\n var info = document.getElementById('sgInfo');\n var titleEl = document.getElementById('sgTitle');\n var subEl = document.getElementById('sgSub');\n var cntEl = document.getElementById('sgCounter');\n var total = imgs.length;\n var current = 0;\n\n var slides = [\n { title: 'Cafe & RestaurantBrand Identity', sub: 'Visual Identity Design', counter: '04 \/ 01' },\n { title: 'Food & BeverageBrand Identity', sub: 'Industry Branding', counter: '04 \/ 02' },\n { title: 'Health & WellnessBrand Identity', sub: 'Wellness Branding', counter: '04 \/ 03' },\n { title: 'Beauty & JewelryBrand Identity', sub: 'Luxury Branding', counter: '04 \/ 04' }\n ];\n\n function goTo(idx) {\n if (idx === current) return;\n imgs[current].classList.remove('active');\n dots[current].classList.remove('active');\n info.classList.add('changing');\n current = idx;\n imgs[current].classList.add('active');\n dots[current].classList.add('active');\n setTimeout(function () {\n titleEl.innerHTML = slides[current].title;\n subEl.textContent = slides[current].sub;\n cntEl.textContent = slides[current].counter;\n info.classList.remove('changing');\n }, 300);\n }\n\n dots.forEach(function (dot, i) {\n dot.addEventListener('click', function () {\n var totalScroll = outer.offsetHeight - window.innerHeight;\n var targetScroll = outer.getBoundingClientRect().top + window.scrollY + (i \/ total) * totalScroll;\n window.scrollTo({ top: targetScroll, behavior: 'smooth' });\n });\n });\n\n window.addEventListener('scroll', function () {\n var rect = outer.getBoundingClientRect();\n var scrolled = Math.max(0, -rect.top);\n var totalScroll = outer.offsetHeight - window.innerHeight;\n var progress = Math.min(1, scrolled \/ totalScroll);\n goTo(Math.min(total - 1, Math.floor(progress * total)));\n }, { passive: true });\n}());\n<\/script>\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>Reveal Health & Wellness Food & Beverage Industry Cafe & restaurant Footwear & Apparel Health & Wellness B2B & Industrial Manudacturing Brand Identity Cafe & restaurant Food & Beverage Industry Footwear & Apparel B2B & Industrial Manudacturing Beauty & Jewelry Health & Wellness Footwear & Apparel 04 \/ 01 Cafe & RestaurantBrand Identity Visual Identity […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-63","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bstudioadv.com\/index.php?rest_route=\/wp\/v2\/pages\/63","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bstudioadv.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bstudioadv.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bstudioadv.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bstudioadv.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=63"}],"version-history":[{"count":28,"href":"https:\/\/bstudioadv.com\/index.php?rest_route=\/wp\/v2\/pages\/63\/revisions"}],"predecessor-version":[{"id":125,"href":"https:\/\/bstudioadv.com\/index.php?rest_route=\/wp\/v2\/pages\/63\/revisions\/125"}],"wp:attachment":[{"href":"https:\/\/bstudioadv.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}