*/}\r\n \r\n );\r\n}\r\n\r\nexport default NavBar;\r\n","import axios from 'axios';\n\nexport class FetchService {\n\n getService(config) {\n return axios(config).then(res => res.data);\n }\n}","import React, { useState, useEffect } from \"react\";\r\nimport { Container, Row, Col } from \"react-bootstrap\";\r\nimport { Link } from \"react-router-dom\";\r\nimport $ from \"jquery\";\r\nimport { showLoader } from \"../utils/ShowLoader\";\r\n\r\nfunction Footer() {\r\n let date = new Date();\r\n let year = date.getFullYear();\r\n\r\n const handleClick = () => {\r\n window.scrollTo({ top: 0, behavior: \"smooth\" }); // Scroll to the top of the page\r\n };\r\n\r\n useEffect(() => {});\r\n\r\n return (\r\n <>\r\n {/* Footer */}\r\n {/*
\r\n Co-Founder, Chief Executive & People Officer\r\n
\r\n
\r\n Lenskart.com\r\n
\r\n
\r\n
\r\n
\r\n \r\n I am incredibly impressed with the outstanding work\r\n that PMD India has done for Lenskart. Their innovative\r\n approach to designing our brand language has been\r\n instrumental in shaping Lenskart's identity and\r\n customer experience.\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n
\r\n Shikha Pahwa Verma\r\n
\r\n
Founder
\r\n
HouseThis
\r\n
\r\n
\r\n
\r\n \r\n Our association with PMD has been built over many\r\n years, owing to not just their exceptional design\r\n acumen but also their ethos of cultivating\r\n partnerships for the long term. Prasun and his team\r\n have been true allies in our journey right from\r\n inception- from logo design to communication campaigns\r\n and to brand extensions. I can say with utmost\r\n conviction, that they would add tremendous value to\r\n any and all brand building efforts.\r\n \r\n
\r\n Prasun Mazumdar Design, based in Gurugram, India, specialises in\r\n Brand Identity, Design Consultation, and Illustration. We\r\n understand design's immense power to shape brands and ensure\r\n they thrive.\r\n
\r\n {/* Prasun is a traffic police to his thoughts, a mason\r\n to his ideas and a gardener to his own soul. He quickly falls in love with all forms of art, both\r\n related and unrelated, to what he is working on. His jukebox expances from SD Burman to Steven Wilson.\r\n Venturing Design through different ways of life, he believes that art in every small step makes the\r\n whole motion a very good piece of design, and the world, a better place. His love for mathematics adds\r\n unseen joy to every design work he does. When doing nothing, he rides his bullet. */}\r\n A graduate in Communication Design from the\r\n prestigious National Institute of Fashion Technology,\r\n New Delhi. Prasun also holds a diploma in fine arts\r\n from his home town, Jamshedpur. Prasun is always been\r\n inspired by nature and its hidden mysteries. His\r\n strength lies in Brand identity and Strategy Building.\r\n Being a painter & sculptor, he devotes a lot of his\r\n time to that too. He started his other venture Sparrow\r\n (www.thesparrow.in) to accomplish the artistic side.\r\n He loves to cook and often goes out for solo bike\r\n rides. Being in colleges for guest lectures and talks\r\n is something he really enjoys. He feels, just sharing\r\n teaches everyone a lot and in the process, we can\r\n discover new ways of looking at old subjects.\r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n His interest in{\" \"}\r\n \r\n Art\r\n {\" \"}\r\n and{\" \"}\r\n \r\n Installation\r\n {\" \"}\r\n inspired him to launch 'The Sparrow: An Art\r\n Initiative' in 2020, that also allows other\r\n artists to showcase their work, without any\r\n monetary commitments.\r\n
\r\n \r\n
Instagram
\r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n His deep interest towards story telling took a\r\n lunge when he finsihed his dream project, The\r\n animated short film CROW, Which won the '2024\r\n DadaSaheb Phalke Award' for Best Animation Short -\r\n Jury Choice.\r\n
\r\n
\r\n Please watch{\" \"}\r\n \r\n here\r\n {\" \"}\r\n and share your views in the comments section.\r\n
\r\n {\" \"}\r\n This section belongs to our very lustrous alumni team of\r\n PMD. Many of them are design decision makers at MNCs\r\n across the globe, some of them run their own design\r\n studios and brands that offer design solutions and a few\r\n of them also collaborate with us on projects. Each one of\r\n them are great individuals and we are proud to share their\r\n amazing and versatile work that they are doing.\r\n
\r\n \r\n \r\n {/*Desktop Menu*/}\r\n \r\n\r\n {/* */}\r\n\r\n {/* */}\r\n \r\n );\r\n}\r\n\r\nexport default NavBar;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Container, Row, Col } from \"react-bootstrap\";\r\nimport { Link } from \"react-router-dom\";\r\nimport $ from \"jquery\";\r\n\r\nfunction Footer_1() {\r\n let date = new Date();\r\n let year = date.getFullYear();\r\n const handleClick = () => {\r\n window.scrollTo({ top: 0, behavior: \"smooth\" }); // Scroll to the top of the page\r\n };\r\n\r\n useEffect(() => {});\r\n return (\r\n <>\r\n {/* Footer */}\r\n {/*
*/}\r\n \r\n \r\n \r\n \r\n \r\n {/* Footer End */}\r\n \r\n );\r\n}\r\n\r\nexport default Footer_1;\r\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { Container, Row, Col } from \"react-bootstrap\";\nimport { Link } from \"react-router-dom\";\nimport { useLocation, useNavigate, useParams } from 'react-router-dom';\nimport ReactHtmlParser, { processNodes, convertNodeToElement, htmlparser2 } from 'react-html-parser';\nimport DOMPurify from 'dompurify';\n\nimport { FetchService } from '../../service/FetchService';\nimport configData from \"../../config.json\";\nimport Navbar from \"../Navbar\";\nimport Navbar_1 from \"../Navbar_1\";\nimport Footer from \"../Footer\";\nimport Footer_1 from \"../Footer_1\";\nimport $ from 'jquery';\n// import '~video-react/dist/video-react.css'; // import css\nimport { Player } from 'video-react';\nimport videojs from \"video.js\";\nimport \"video.js/dist/video-js.css\";\nimport VideoComponent from \"../VideoComponent\";\n\nfunction ProjectDetails() {\n const { state } = useLocation();\n const params = useParams();\n const id = params.productName;//state && state.data; //\"65ebf1d80c95a59e6167c3b9\";//params.id;\n const [data, setData] = useState(null);\n const [products, setProducts] = useState([]);\n const [show, setShow] = useState(false);\n const [videos, setVideos] = useState('')\n const location = useLocation()\n\n const [pos, setPos] = useState({\n current : '',\n prev : ''\n })\n\n \n\n // Function to create a slug from the title\n const createSlug = (title) => {\n return title.toLowerCase().replace(/[^a-z0-9-]/g, '-').replace(/-+/g, '-').replace(/^-|-$/g, '');\n };\n\n useEffect(() => {\n $('body').removeClass('overflow-hidden');\n $('.footer-info').removeClass('z-inc');\n // var prevScrollPos = window.scrollY;\n var prevScrollPos = window.pageYOffset;\n window.onscroll = function () {\n // var currentScrollPos = window.scrollY;\n var currentScrollPos = window.pageYOffset;\n // Scroll down \n // setPos(prev => ({\n // current : currentScrollPos,\n // prev : prevScrollPos\n // }))\n // if(currentScrollPos === 0) {\n // $(\".header\").removeClass(\"header-hidden\").removeClass(\"header-visible\");\n // return\n // }\n if (prevScrollPos < currentScrollPos) {\n $(\".header\").addClass(\"header-hidden\").removeClass(\"header-visible\");\n $(\"#tile-1\").addClass(\"header-hidden-m\").removeClass(\"header-visible-m\");\n $('.footer-info').removeClass('z-inc');\n\n var scroll = $(window).scrollTop();\n if(scroll <= 0) {\n $(\".header\").removeClass(\"header-hidden\").removeClass(\"header-visible\");\n }\n }\n // Scroll up \n else {\n var scroll = $(window).scrollTop();\n if (scroll <= 100) {\n $(\".header\").removeClass(\"header-hidden\").removeClass(\"header-visible\");\n $(\"#tile-1\").removeClass(\"header-hidden-m\").removeClass(\"header-visible-m\");\n $('.footer-info').removeClass('z-inc');\n } else {\n $(\".header\").removeClass(\"header-hidden\").addClass(\"header-visible\");\n $(\"#tile-1\").removeClass(\"header-hidden-m\").addClass(\"header-visible-m\");\n $('.footer-info').removeClass('z-inc');\n setPos(prev => ({\n current : 'elseeee',\n prev : scroll\n }))\n }\n }\n prevScrollPos = currentScrollPos;\n };\n\n var width = (window.innerWidth > 0) ? window.innerWidth : window.screen.width;\n if (width <= 768) {\n\n $(\"main\").click(function () {\n $('.overlay-123').removeClass('d-block');\n });\n\n $(window).scroll(function () {\n $(\".footer-info\").removeClass(\"z-inc\");\n if ($(window).scrollTop() + $(window).height() > ($(document).height() - 280)) {\n //you are at bottom\n $(\".footer-info\").addClass(\"z-inc\");\n }\n });\n\n $(\".footer-info .animate-image span\").click(function () {\n $('.footer-info').addClass('z-inc');\n $('#btn-back-to-top').addClass('d-none');\n $('.overlay-123').addClass('d-block');\n disableScroll();\n });\n\n }\n\n var width = (window.innerWidth > 0) ? window.innerWidth : window.screen.width;\n if (width >= 768) {\n\n $(window).scroll(function () {\n $(\".footer-info\").removeClass(\"z-inc\");\n if ($(window).scrollTop() + $(window).height() > ($(document).height() - 660)) {\n //you are at bottom\n $(\".footer-info\").addClass(\"z-inc\");\n }\n });\n\n $(\".animate-image\").hover(\n function () {\n $(\".footer-info\").addClass(\"z-inc\");\n $('#btn-back-to-top').addClass('d-none');\n //$('body').addClass('overflow-hidden');\n $('.overlay-123').addClass('d-block');\n disableScroll();\n },\n function () {\n $('#btn-back-to-top').removeClass('d-none');\n //$('body').removeClass('overflow-hidden');\n $('.overlay-123').removeClass('d-block');\n enableScroll();\n }\n );\n }\n\n $(window).scroll(function () {\n var scroll = $(window).scrollTop();\n if (scroll >= 200) {\n $(\".header\").removeClass(\"bg-none\");\n $(\"#btn-back-to-top\").addClass(\"d-block\");\n } else {\n $(\".header\").addClass(\"bg-none\");\n $(\"#btn-back-to-top\").removeClass(\"d-block\");\n }\n });\n\n\n $(\".overlay-123\").click(function () {\n $('.overlay-123').removeClass('d-block');\n setTimeout(function () { $('.footer-info').removeClass('z-inc'); }, 500);\n enableScroll();\n });\n\n // left: 37, up: 38, right: 39, down: 40,\n // spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36\n var keys = { 37: 1, 38: 1, 39: 1, 40: 1 };\n\n function preventDefault(e) {\n e.preventDefault();\n }\n\n function preventDefaultForScrollKeys(e) {\n if (keys[e.keyCode]) {\n preventDefault(e);\n return false;\n }\n }\n\n // modern Chrome requires { passive: false } when adding event\n var supportsPassive = false;\n try {\n window.addEventListener(\"test\", null, Object.defineProperty({}, 'passive', {\n get: function () { supportsPassive = true; }\n }));\n } catch (e) { }\n\n var wheelOpt = supportsPassive ? { passive: false } : false;\n var wheelEvent = 'onwheel' in document.createElement('div') ? 'wheel' : 'mousewheel';\n\n // call this to Disable\n function disableScroll() {\n window.addEventListener('DOMMouseScroll', preventDefault, false); // older FF\n window.addEventListener(wheelEvent, preventDefault, wheelOpt); // modern desktop\n window.addEventListener('touchmove', preventDefault, wheelOpt); // mobile\n window.addEventListener('keydown', preventDefaultForScrollKeys, false);\n }\n\n // call this to Enable\n function enableScroll() {\n window.removeEventListener('DOMMouseScroll', preventDefault, false);\n window.removeEventListener(wheelEvent, preventDefault, wheelOpt);\n window.removeEventListener('touchmove', preventDefault, wheelOpt);\n window.removeEventListener('keydown', preventDefaultForScrollKeys, false);\n }\n })\n\n useEffect(() => {\n const fetchService = new FetchService();\n const config = {\n method: 'get',\n url: configData.SERVER_URL + 'product/projectslist?items=200',\n headers: {\n 'Content-Type': 'application/json',\n 'X-Auth-Token': 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE3MDc0NjEwMTQsImlkIjoiNjViNjBiMjIwYmEzMDQ3NTg4YjA5M2RkIiwiaWF0IjoxNzA3Mzc0NjE0fQ.xR-t4a6cl38I27i-PWoinjzDzjd5ncdkBCwaj2rBl1Y'\n }\n }\n fetchService.getService(config).then(data => setProducts(data[\"result\"]));\n\n\n }, [id, location]);\n\n useEffect(() => {\n const fetchService = new FetchService();\n setShow(false);\n // Find the item based on the slug\n const item = products && products.find(item => createSlug(item.productName) === id);\n if (item) {\n const config = {\n method: 'get',\n url: configData.SERVER_URL + 'product/read/' + item._id,\n headers: {\n 'Content-Type': 'application/json',\n 'X-Auth-Token': 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE3MDc0NjEwMTQsImlkIjoiNjViNjBiMjIwYmEzMDQ3NTg4YjA5M2RkIiwiaWF0IjoxNzA3Mzc0NjE0fQ.xR-t4a6cl38I27i-PWoinjzDzjd5ncdkBCwaj2rBl1Y'\n }\n }\n fetchService.getService(config).then(data => setData(data[\"result\"]));\n }\n }, [id, products]);\n\n useEffect(()=> {\n setVideos(data?.project_video?.split(','))\n }, [data, location])\n\n \n\n const showAllCategory = (item) => {\n const category = item.industry_category + ',' + item.scope_category;\n let splitArray = category.split(',');\n\n // Add spaces after each comma\n let formattedString = splitArray.join(', ');\n\n // Replace the last comma with \"and\" and remove the space after it\n formattedString = formattedString.replace(/,([^,]*)$/, ' and$1');\n return formattedString;\n\n\n }\n\n const showAllCategoryWithoutC = (item) => {\n const category = item.scope_category;\n let splitArray = category.split(',');\n\n // Add spaces after each comma\n let formattedString = splitArray.join(', ');\n\n // Replace the last comma with \"and\" and remove the space after it\n formattedString = formattedString.replace(/([^,]+)(,|\\b)/g, '$1$2');\n return formattedString;\n\n\n }\n\n const showMoreCategory = (item) => {\n const category = item.industry_category + ',' + item.scope_category;\n let data = category.split(',');\n return (\n <>\n {data && data.map((item, index) => (\n
\n \n );\n}\n\nexport default ProjectDetails;\n","import React, { useRef, useState } from \"react\";\nimport { Container, Row, Col } from \"react-bootstrap\";\nimport Navbar from \"../Navbar\";\nimport Footer from \"../Footer\";\nimport $ from 'jquery';\nimport { useEffect } from \"react\";\nimport { Player } from \"video-react\";\n\nfunction Contact() {\n const videoRefs = useRef(null);\n const [thumbnails, setThumbnails] = useState();\n useEffect(() => {\n $('body').removeClass('overflow-hidden');\n $('.footer-info').removeClass('z-inc');\n var prevScrollPos = window.pageYOffset;\n window.onscroll = function () {\n var currentScrollPos = window.pageYOffset;\n // Scroll down \n if (prevScrollPos < currentScrollPos) {\n $(\".header\").addClass(\"header-hidden\").removeClass(\"header-visible\");\n $(\"#tile-1\").addClass(\"header-hidden-m\").removeClass(\"header-visible-m\");\n $('.footer-info').removeClass('z-inc');\n var scroll = $(window).scrollTop();\n if(scroll <= 0) {\n $(\".header\").removeClass(\"header-hidden\").removeClass(\"header-visible\");\n }\n }\n // Scroll up \n else {\n var scroll = $(window).scrollTop();\n if (scroll <= 100) {\n $(\".header\").removeClass(\"header-hidden\").removeClass(\"header-visible\");\n $(\"#tile-1\").removeClass(\"header-hidden-m\").removeClass(\"header-visible-m\");\n $('.footer-info').removeClass('z-inc');\n }else{\n $(\".header\").removeClass(\"header-hidden\").addClass(\"header-visible\");\n $(\"#tile-1\").removeClass(\"header-hidden-m\").addClass(\"header-visible-m\");\n $('.footer-info').removeClass('z-inc');\n }\n }\n prevScrollPos = currentScrollPos;\n };\n\n var width = (window.innerWidth > 0) ? window.innerWidth : window.screen.width;\n if (width <= 768) {\n\n $(\"main\").click(function () {\n $('.overlay-123').removeClass('d-block');\n });\n\n $(window).scroll(function () {\n $(\".footer-info\").removeClass(\"z-inc\");\n if ($(window).scrollTop() + $(window).height() > ($(document).height() - 280)) {\n //you are at bottom\n $(\".footer-info\").addClass(\"z-inc\");\n }\n });\n $(\".footer-info .animate-image span\").click(function(){\n $('.footer-info').addClass('z-inc');\n $('#btn-back-to-top').addClass('d-none');\n $('.overlay-123').addClass('d-block');\n disableScroll();\n });\n\n }\n\n var width = (window.innerWidth > 0) ? window.innerWidth : window.screen.width;\n if (width >= 768) {\n\n $(window).scroll(function () {\n $(\".footer-info\").removeClass(\"z-inc\");\n if ($(window).scrollTop() + $(window).height() > ($(document).height() - 660)) {\n //you are at bottom\n $(\".footer-info\").addClass(\"z-inc\");\n }\n });\n\n $(\".animate-image\").hover(\n function () {\n $(\".footer-info\").addClass(\"z-inc\");\n $('#btn-back-to-top').addClass('d-none');\n //$('body').addClass('overflow-hidden');\n $('.overlay-123').addClass('d-block');\n disableScroll();\n },\n function () {\n $('#btn-back-to-top').removeClass('d-none');\n //$('body').removeClass('overflow-hidden');\n $('.overlay-123').removeClass('d-block');\n enableScroll();\n \n }\n );\n\n }\n\n $(window).scroll(function () {\n var scroll = $(window).scrollTop();\n if (scroll >= 200) {\n $(\".header\").removeClass(\"bg-none\");\n $(\"#btn-back-to-top\").addClass(\"d-block\");\n } else {\n $(\".header\").addClass(\"bg-none\");\n $(\"#btn-back-to-top\").removeClass(\"d-block\");\n }\n });\n \n \n \n $(\".overlay-123\").click(function(){\n $('.overlay-123').removeClass('d-block'); \n setTimeout(function() { $('.footer-info').removeClass('z-inc'); }, 500);\n enableScroll();\n });\n // left: 37, up: 38, right: 39, down: 40,\n// spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36\nvar keys = {37: 1, 38: 1, 39: 1, 40: 1};\n\nfunction preventDefault(e) {\n e.preventDefault();\n}\n\nfunction preventDefaultForScrollKeys(e) {\n if (keys[e.keyCode]) {\n preventDefault(e);\n return false;\n }\n}\n\n// modern Chrome requires { passive: false } when adding event\nvar supportsPassive = false;\ntry {\n window.addEventListener(\"test\", null, Object.defineProperty({}, 'passive', {\n get: function () { supportsPassive = true; } \n }));\n} catch(e) {}\n\nvar wheelOpt = supportsPassive ? { passive: false } : false;\nvar wheelEvent = 'onwheel' in document.createElement('div') ? 'wheel' : 'mousewheel';\n\n// call this to Disable\nfunction disableScroll() {\n window.addEventListener('DOMMouseScroll', preventDefault, false); // older FF\n window.addEventListener(wheelEvent, preventDefault, wheelOpt); // modern desktop\n window.addEventListener('touchmove', preventDefault, wheelOpt); // mobile\n window.addEventListener('keydown', preventDefaultForScrollKeys, false);\n}\n\n// call this to Enable\nfunction enableScroll() {\n window.removeEventListener('DOMMouseScroll', preventDefault, false);\n window.removeEventListener(wheelEvent, preventDefault, wheelOpt); \n window.removeEventListener('touchmove', preventDefault, wheelOpt);\n window.removeEventListener('keydown', preventDefaultForScrollKeys, false);\n}\n })\n\n\n return (\n
\n
\n \n
\n \n \n
\n
\n
\n Space predates all life, serving as the mother to all within.\n \n \n Our space, while not an ideal ecosystem, aims to nurture and\n eventually birth us. Expect productivity and great tea here.\n
\n );\n}\n\nexport default Contact;\n","import React, { useState, useEffect } from \"react\";\nimport { FetchService } from '../../service/FetchService';\nimport configData from \"../../config.json\";\nimport { Link } from \"react-router-dom\";\nimport $ from 'jquery';\nimport Navbar from \"../Navbar\";\nimport Footer from \"../Footer\";\nimport LoaderSkeleton from \"../LoaderSkeleton/LoaderSkeleton\";\n\nfunction Clients() {\n const [data, setData] = useState(null);\n\n useEffect(() => {\n $('body').removeClass('overflow-hidden');\n $('.footer-info').removeClass('z-inc');\n var prevScrollPos = window.pageYOffset;\n window.onscroll = function () {\n var currentScrollPos = window.pageYOffset;\n // Scroll down \n if (prevScrollPos < currentScrollPos) {\n $(\".header\").addClass(\"header-hidden\").removeClass(\"header-visible\");\n $(\"#tile-1\").addClass(\"header-hidden-m\").removeClass(\"header-visible-m\");\n $('.footer-info').removeClass('z-inc');\n var scroll = $(window).scrollTop();\n if(scroll <= 0) {\n $(\".header\").removeClass(\"header-hidden\").removeClass(\"header-visible\");\n }\n }\n // Scroll up \n else {\n var scroll = $(window).scrollTop();\n if (scroll <= 100) {\n $(\".header\").removeClass(\"header-hidden\").removeClass(\"header-visible\");\n $(\"#tile-1\").removeClass(\"header-hidden-m\").removeClass(\"header-visible-m\");\n $('.footer-info').removeClass('z-inc');\n } else {\n $(\".header\").removeClass(\"header-hidden\").addClass(\"header-visible\");\n $(\"#tile-1\").removeClass(\"header-hidden-m\").addClass(\"header-visible-m\");\n $('.footer-info').removeClass('z-inc');\n }\n }\n prevScrollPos = currentScrollPos;\n };\n\n var width = (window.innerWidth > 0) ? window.innerWidth : window.screen.width;\n if (width <= 768) {\n\n $(\"main\").click(function () {\n $('.overlay-123').removeClass('d-block');\n });\n\n $(window).scroll(function () {\n $(\".footer-info\").removeClass(\"z-inc\");\n if ($(window).scrollTop() + $(window).height() > ($(document).height() - 280)) {\n //you are at bottom\n $(\".footer-info\").addClass(\"z-inc\");\n }\n });\n\n $(\".footer-info .animate-image span\").click(function () {\n $('.footer-info').addClass('z-inc');\n $('#btn-back-to-top').addClass('d-none');\n $('.overlay-123').addClass('d-block');\n disableScroll();\n });\n\n }\n\n var width = (window.innerWidth > 0) ? window.innerWidth : window.screen.width;\n if (width >= 768) {\n\n $(window).scroll(function () {\n $(\".footer-info\").removeClass(\"z-inc\");\n if ($(window).scrollTop() + $(window).height() > ($(document).height() - 660)) {\n //you are at bottom\n $(\".footer-info\").addClass(\"z-inc\");\n }\n });\n\n $(\".animate-image\").hover(\n function () {\n $(\".footer-info\").addClass(\"z-inc\");\n $('#btn-back-to-top').addClass('d-none');\n //$('body').addClass('overflow-hidden');\n $('.overlay-123').addClass('d-block');\n disableScroll();\n },\n function () {\n $('#btn-back-to-top').removeClass('d-none');\n //$('body').removeClass('overflow-hidden');\n $('.overlay-123').removeClass('d-block');\n enableScroll();\n }\n );\n }\n\n $(window).scroll(function () {\n var scroll = $(window).scrollTop();\n if (scroll >= 200) {\n $(\".header\").removeClass(\"bg-none\");\n $(\"#btn-back-to-top\").addClass(\"d-block\");\n } else {\n $(\".header\").addClass(\"bg-none\");\n $(\"#btn-back-to-top\").removeClass(\"d-block\");\n }\n });\n\n\n\n\n $(\".overlay-123\").click(function () {\n $('.overlay-123').removeClass('d-block');\n setTimeout(function () { $('.footer-info').removeClass('z-inc'); }, 500);\n enableScroll();\n });\n\n // left: 37, up: 38, right: 39, down: 40,\n // spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36\n var keys = { 37: 1, 38: 1, 39: 1, 40: 1 };\n\n function preventDefault(e) {\n e.preventDefault();\n }\n\n function preventDefaultForScrollKeys(e) {\n if (keys[e.keyCode]) {\n preventDefault(e);\n return false;\n }\n }\n\n // modern Chrome requires { passive: false } when adding event\n var supportsPassive = false;\n try {\n window.addEventListener(\"test\", null, Object.defineProperty({}, 'passive', {\n get: function () { supportsPassive = true; }\n }));\n } catch (e) { }\n\n var wheelOpt = supportsPassive ? { passive: false } : false;\n var wheelEvent = 'onwheel' in document.createElement('div') ? 'wheel' : 'mousewheel';\n\n // call this to Disable\n function disableScroll() {\n window.addEventListener('DOMMouseScroll', preventDefault, false); // older FF\n window.addEventListener(wheelEvent, preventDefault, wheelOpt); // modern desktop\n window.addEventListener('touchmove', preventDefault, wheelOpt); // mobile\n window.addEventListener('keydown', preventDefaultForScrollKeys, false);\n }\n\n // call this to Enable\n function enableScroll() {\n window.removeEventListener('DOMMouseScroll', preventDefault, false);\n window.removeEventListener(wheelEvent, preventDefault, wheelOpt);\n window.removeEventListener('touchmove', preventDefault, wheelOpt);\n window.removeEventListener('keydown', preventDefaultForScrollKeys, false);\n }\n\n })\n\n const showAllScopes = (item) => {\n const category = item.scope_category;\n let splitArray = category.split(\",\");\n\n // Add spaces after each comma\n let formattedString = splitArray.join(\", \");\n\n // Replace the last comma with \"and\" and remove the space after it\n formattedString = formattedString.replace(/,([^,]*)$/, \" and$1\");\n return formattedString;\n };\n\n useEffect(() => {\n const fetchService = new FetchService();\n const config = {\n method: 'GET',\n url: configData.SERVER_URL + 'product/clientlist?items=200',\n headers: {\n 'Content-Type': 'application/json',\n 'X-Auth-Token': 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJleHAiOjE3MDc0NjEwMTQsImlkIjoiNjViNjBiMjIwYmEzMDQ3NTg4YjA5M2RkIiwiaWF0IjoxNzA3Mzc0NjE0fQ.xR-t4a6cl38I27i-PWoinjzDzjd5ncdkBCwaj2rBl1Y'\n }\n }\n fetchService.getService(config).then(data => setData(data[\"groupedByIndustry\"]));\n }, []);\n\n return (\n
\n
\n \n
\n \n \n {/*
\n
\n
\n
\n Client List\n
\n
*/}\n
\n
\n\n
\n Our client list reflects not just the number of brands we've worked with, but the diverse sectors we've explored. The brilliance in our work stems from our efforts and the insights gained from these varied industries, creating a cohesive result.\n
\r\n Form design embodies a project's vision, reflecting the brand's\r\n identity and elevating its integrity. Effective logos captivate\r\n and guide viewers to the right product with subtle impact. Our\r\n goal is to achieve this alignment, presenting our work as the\r\n \"Face of the Brand\" in this folio.\r\n
![](\"img/desktop_sparrow.svg\")
\r\n {/* ![](\"img/sparrow-green.jpg\")
*/}\r\n \r\n ![](\"img/mobile_sparrow.svg\")
\r\n {/* ![](\"img/sparrow-banner-mobile.svg\")
*/}\r\n ![](\"img/about-bg.jpg\")
*/}\r\n ![\"...\"](\"img/about/1.jpg\")
\r\n ![\"...\"](\"img/about/2.jpg\")
\r\n ![\"...\"](\"img/about/3.jpg\")
\r\n ![\"...\"](\"img/about/4.jpg\")
\r\n ![\"...\"](\"img/about/5.jpg\")
\r\n ![\"...\"](\"img/about/6.jpg\")
\r\n ![\"...\"](\"img/about/7.jpg\")
\r\n ![\"...\"](\"img/about/8.jpg\")
\r\n ![\"...\"](\"img/about/9.jpg\")
\r\n ![\"...\"](\"img/about/10.jpg\")
\r\n ![\"...\"](\"img/about/11.jpg\")
\r\n ![](\"./img/accordion-arrow.svg\"){kind=icon}
\r\n ![](\"./img/sparrow-green.jpg\")
\r\n \r\n ![](\"./img/sparrow-banner-mobile.svg\")
\r\n \r\n ![\"...\"](\"../img/view-more-proj.webp\")
\n ![\"...\"](\"../img/Mask)
\n ![](\"img/contact-image.jpg\")
*/}\n {/*