{"id":10,"date":"2024-07-06T09:18:49","date_gmt":"2024-07-06T09:18:49","guid":{"rendered":"http:\/\/localhost:10028\/?page_id=10"},"modified":"2025-06-13T12:34:52","modified_gmt":"2025-06-13T09:34:52","slug":"about-us","status":"publish","type":"page","link":"https:\/\/www.supramac.com\/en\/about-us\/","title":{"rendered":"About Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-95f6541 parallax-section e-flex e-con-boxed rt-default-class e-con e-parent\" data-id=\"95f6541\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-8c8d221 rt-default-class elementor-widget elementor-widget-rtbreadrumb\" data-id=\"8c8d221\" data-element_type=\"widget\" data-widget_type=\"rtbreadrumb.default\">\r\n\t\t\t\t<div class=\"elementor-widget-container\">\r\n\t\t\t\t\t\r\n    \r\r\n\r\r\n    <div class=\"breadcrumb-inner-addon\">\r\r\n        <div class=\"rt-title-part\">\r\r\n            <h1 class=\"page-title\"><\/h1>\r\r\n            \r\n        <\/div>\r\r\n        <div class=\"breadcrumb-path\">\r\r\n                <a href=\"https:\/\/www.supramac.com\/en\/\">Home<\/a>\r\n            <\/div>\r\r\n    <\/div>   \r\r\n    \t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-a7f311e e-flex e-con-boxed rt-default-class e-con e-parent\" data-id=\"a7f311e\" data-element_type=\"container\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t<div class=\"elementor-element elementor-element-65bac0f e-con-full e-flex rt-default-class e-con e-child\" data-id=\"65bac0f\" data-element_type=\"container\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-3b46c9c rt-default-class elementor-widget elementor-widget-rt-parallax-image\" data-id=\"3b46c9c\" data-element_type=\"widget\" data-widget_type=\"rt-parallax-image.default\">\r\n\t\t\t\t<div class=\"elementor-widget-container\">\r\n\t\t\t\t\t\r\n                                                            <div class=\"rt-image\">\r\n                                            <img decoding=\"async\" class=\"react-parallax-image2\" src=\"https:\/\/themewant.com\/products\/wordpress\/bizgen\/wp-content\/uploads\/2024\/09\/about.webp\" alt=\"image\" \/>\r\n                                    <\/div>\r\n            \r\n\r\n        <script>\r\n            jQuery(document).ready(function ($) {\r\n                \/\/ Function to handle parallax and zoom for a given set of elements\r\n                function handleParallaxZoom(elements, yPercent, startTrigger) {\r\n                    if (elements.length) {\r\n                        elements.each(function () {\r\n\r\n                            var $animImageParallax = $(this);\r\n                            var $aipWrap = $animImageParallax.wrap('<div class=\"anim-image-parallax-wrap\"><div class=\"anim-image-parallax-inner\"><\/div><\/div>').parent();\r\n                            var $aipInner = $aipWrap.find(\".anim-image-parallax-inner\");\r\n\r\n                            \/\/ Parallax\r\n                            gsap.to($animImageParallax, {\r\n                                yPercent: yPercent,\r\n                                ease: \"none\",\r\n                                scrollTrigger: {\r\n                                    trigger: $aipWrap,\r\n                                    start: startTrigger,\r\n                                    end: \"bottom top\",\r\n                                    scrub: true,\r\n                                    markers: false,\r\n                                },\r\n                            });\r\n\r\n                            \/\/ Zoom in\r\n                            let tl_aipZoomIn = gsap.timeline({\r\n                                scrollTrigger: {\r\n                                    trigger: $aipWrap,\r\n                                    start: \"top 90%\",\r\n                                    markers: false,\r\n                                },\r\n                            });\r\n                            tl_aipZoomIn.from($aipInner, {\r\n                                duration: 1.5,\r\n                                autoAlpha: 0,\r\n                                scale: 1.4,\r\n                                ease: Power2.easeOut,\r\n                                clearProps: \"all\",\r\n                            });\r\n                        });\r\n                    }\r\n                }\r\n                \/\/ Call the function for the first set of elements\r\n                handleParallaxZoom($(\".anim-image-parallax\"), 80, \"top bottom\");\r\n                \/\/ Call the function for the second set of elements\r\n                handleParallaxZoom($(\".anim-image-parallax-2\"), 20, \"top bottom\");\r\n\r\n                \/\/Style 2 anim-image-parallax Code \r\n                let parallaxElements = document.getElementsByClassName('anim-image-parallax');\r\n                if (parallaxElements.length) {\r\n                    Array.from(parallaxElements).forEach((element) => {\r\n                        \/\/ Wrap the element with the necessary divs.\r\n                        let wrapperDiv = document.createElement('div');\r\n                        wrapperDiv.className = 'anim-image-parallax-wrap';\r\n                        let innerDiv = document.createElement('div');\r\n                        innerDiv.className = 'anim-image-parallax-inner';\r\n\r\n                        element.parentNode.insertBefore(wrapperDiv, element);\r\n                        wrapperDiv.appendChild(innerDiv);\r\n                        innerDiv.appendChild(element);\r\n\r\n                        \/\/ Add overflow hidden to the wrapper div.\r\n                        wrapperDiv.style.overflow = 'hidden';\r\n\r\n                        \/\/ Get the references to the elements.\r\n                        let animImageParallax = gsap.utils.wrap(element);\r\n                        let aipWrap = wrapperDiv;\r\n                        let aipInner = innerDiv;\r\n\r\n                        \/\/ Parallax\r\n                        gsap.to(animImageParallax, {\r\n                            yPercent: 80,\r\n                            ease: 'none',\r\n                            scrollTrigger: {\r\n                            trigger: aipWrap,\r\n                            start: 'top bottom',\r\n                            end: 'bottom top',\r\n                            scrub: true,\r\n                            markers: false,\r\n                            },\r\n                        });\r\n\r\n                        \/\/ Zoom in\r\n                        let tl_aipZoomIn = gsap.timeline({\r\n                            scrollTrigger: {\r\n                            trigger: aipWrap,\r\n                            start: 'top 90%',\r\n                            markers: false,\r\n                            },\r\n                        });\r\n\r\n                        tl_aipZoomIn.from(aipInner, {\r\n                            duration: 1.5,\r\n                            autoAlpha: 0,\r\n                            scale: 1.4,\r\n                            ease: 'power2.out',\r\n                            clearProps: 'all',\r\n                        });\r\n                    });\r\n                }\r\n            });\r\n        <\/script>\r\n\r\n\r\n\r\n        \t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-71f53a7 e-con-full e-flex rt-default-class e-con e-child\" data-id=\"71f53a7\" data-element_type=\"container\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-175c278 rt-default-class elementor-widget elementor-widget-react-heading\" data-id=\"175c278\" data-element_type=\"widget\" data-widget_type=\"react-heading.default\">\r\n\t\t\t\t<div class=\"elementor-widget-container\">\r\n\t\t\t\t\t\r\n\t\t<div class=\"animation-style2 react-heading default\">\r\r\n\t\t\t<div class=\"title-inner  bg_sub_text_yes double_sub_text_no\">\r\r\n\t\t\t\t<span class=\"sub-text word-line\">About Us<\/span><div class=\"split_collab_words\"><h2 class=\"title word-line\">Supra Electromechanical<\/h2><\/div>\r\n\t\t\t<\/div>\r\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\t<div class=\"description\">\r\r\n\t\t\t\t\t<p>As a leading company in the textile sector, we offer our customers innovative, reliable and high-efficiency textile machines. Our aim is to facilitate your business's production processes and maximize your efficiency.<\/p><p>Our experienced and expert team produces fast and effective solutions for all kinds of needs with its customer-focused approach. Our machines, which we develop using the latest technologies in production, offer superior performance, durability and long-lasting usage advantages.<\/p><p>Quality is the basis of our business. We meet the highest standards thanks to the meticulously applied quality control processes at every stage of our products.<\/p><p>We attach great importance to customer satisfaction. We offer you special solutions by understanding your needs correctly, and we are always with you in pre-sales and after-sales processes. We ensure that our machines operate smoothly with our technical support and service services.<\/p><p>In addition, we closely follow the developments in the sector and constantly invest in R&amp;D studies. In this way, we develop innovative and high-tech solutions that will give you competitive power.<\/p>\r\n\t\t\t\t<\/div>\r\r\n\t\t\t\r\n\t\t\t\r\n\t\t<\/div>\t\t\t\r\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home About Us Supra Electromechanical As a leading company in the textile sector, we offer our customers innovative, reliable and high-efficiency textile machines. Our aim is to facilitate your business&#8217;s production processes and maximize your efficiency. Our experienced and expert team produces fast and effective solutions for all kinds of needs with its customer-focused approach&#8230;.<\/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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.supramac.com\/en\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.supramac.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.supramac.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.supramac.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.supramac.com\/en\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":13,"href":"https:\/\/www.supramac.com\/en\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":4695,"href":"https:\/\/www.supramac.com\/en\/wp-json\/wp\/v2\/pages\/10\/revisions\/4695"}],"wp:attachment":[{"href":"https:\/\/www.supramac.com\/en\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}