Zentriad - Profile and About<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body, html {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Inter', sans-serif;\r\n background-color: #ffffff;\r\n }\r\n\r\n \/* ==========================================\r\n 1. PROFILE HERO SECTION (Top Header)\r\n ========================================== *\/\r\n .profile-hero {\r\n background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), \r\n url('https:\/\/zentriad.com\/wp-content\/uploads\/2026\/02\/sfeesffs.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n height: 300px; \r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n .profile-hero .hero-title {\r\n font-size: 52px;\r\n font-weight: 700;\r\n color: #FFFFFF; \r\n margin: 0 0 10px 0;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .profile-hero .breadcrumb {\r\n font-size: 15px;\r\n color: #E2E8F0;\r\n font-weight: 400;\r\n }\r\n\r\n .profile-hero .breadcrumb span {\r\n color: #FFB400;\r\n cursor: pointer;\r\n }\r\n\r\n \/* ==========================================\r\n 2. ABOUT US SECTION (Side-by-Side)\r\n ========================================== *\/\r\n .about-container {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n max-width: 1250px;\r\n margin: 0 auto;\r\n padding: 80px 40px;\r\n gap: 60px;\r\n }\r\n\r\n .about-content {\r\n flex: 1.2;\r\n }\r\n\r\n .about-content .about-heading {\r\n font-size: 52px; \r\n font-weight: 700;\r\n color: #2B2F33;\r\n margin: 0 0 24px 0;\r\n line-height: 1.1;\r\n }\r\n\r\n \/* Updated Subheading: Increased to 21px *\/\r\n .about-content .about-subheading {\r\n font-size: 21px; \r\n font-weight: 600;\r\n color: #1F2933;\r\n margin: 0 0 24px 0; \r\n line-height: 1.5; \/* Slightly tighter line height for larger text *\/\r\n }\r\n\r\n .about-content .about-description {\r\n font-size: 16px;\r\n color: #4A5568;\r\n line-height: 1.8;\r\n margin: 0;\r\n }\r\n\r\n .about-content .about-description p {\r\n margin: 0 0 20px 0;\r\n }\r\n\r\n .image-side {\r\n flex: 0.8;\r\n display: flex;\r\n justify-content: flex-end;\r\n }\r\n\r\n .image-blob {\r\n width: 100%;\r\n max-width: 480px;\r\n aspect-ratio: 1 \/ 1;\r\n overflow: hidden;\r\n border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 70%;\r\n box-shadow: 20px 20px 50px rgba(0,0,0,0.06);\r\n }\r\n\r\n .image-blob img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* Mobile Responsive *\/\r\n @media (max-width: 992px) {\r\n .about-container {\r\n flex-direction: column;\r\n text-align: center;\r\n }\r\n .image-side { justify-content: center; }\r\n .profile-hero .hero-title { font-size: 40px; }\r\n .about-content .about-heading { font-size: 42px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"profile-hero\">\r\n <h1 class=\"hero-title\">PROFILE<\/h1>\r\n <div class=\"breadcrumb\">\r\n <span>Home<\/span> > Profile\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"about-container\">\r\n <div class=\"about-content\">\r\n <h2 class=\"about-heading\">About Us<\/h2>\r\n <h3 class=\"about-subheading\">Welcome to ZENTRIAD, your trusted partner in manufacturing and international trade.<\/h3>\r\n <div class=\"about-description\">\r\n <p>With a strong commitment to excellence and customer satisfaction, we are a leading manufacturer and exporter of high-quality products, including all kinds of temperature sensors, industrial electronic temperature-sensing components, automobile and electric vehicle temperature modules, and metal components.<\/p>\r\n <p>From design and production to global distribution, we ensure superior quality, reliability, and timely delivery. Our dedication to innovation and precision manufacturing allows us to meet international standards and serve clients worldwide with excellence.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"image-side\">\r\n <div class=\"image-blob\">\r\n <img decoding=\"async\" src=\"https:\/\/zentriad.com\/wp-content\/uploads\/2026\/02\/keral.png\" alt=\"Zentriad Solutions\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-32cc169 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"32cc169\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9e065f0\" data-id=\"9e065f0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-852f392 elementor-widget elementor-widget-html\" data-id=\"852f392\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Founder & CEO - Zentriad<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Inter', sans-serif;\r\n background-color: #ffffff;\r\n color: #4A5568;\r\n }\r\n\r\n .ceo-section {\r\n max-width: 1250px;\r\n margin: 120px auto;\r\n padding: 0 20px;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n min-height: 550px;\r\n }\r\n\r\n \/* 1. Main Content Box *\/\r\n .ceo-bg-box {\r\n background: linear-gradient(135deg, #F8F9FA 0%, #F1F3F5 100%);\r\n width: 85%;\r\n padding: 80px 350px 80px 60px; \/* Large right padding to clear the image on desktop *\/\r\n border-radius: 40px;\r\n z-index: 1;\r\n position: relative;\r\n border: 1px solid rgba(0,0,0,0.03);\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.02);\r\n }\r\n\r\n .ceo-heading-wrap {\r\n border-left: 5px solid #2B2F33;\r\n padding-left: 25px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .ceo-heading {\r\n font-size: 52px;\r\n font-weight: 700;\r\n color: #2B2F33;\r\n margin: 0;\r\n line-height: 1.1;\r\n }\r\n\r\n .ceo-name {\r\n font-size: 20px;\r\n font-weight: 600;\r\n color: #1F2933;\r\n margin-top: 8px;\r\n display: block;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .ceo-description {\r\n font-size: 16px;\r\n line-height: 1.8;\r\n max-width: 550px;\r\n }\r\n\r\n \/* 2. Overlapping Image Stack *\/\r\n .image-stack-container {\r\n position: absolute;\r\n right: 40px;\r\n width: 420px;\r\n height: 520px;\r\n z-index: 2;\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: center;\r\n }\r\n\r\n .image-frame {\r\n position: absolute;\r\n bottom: 0;\r\n width: 100%;\r\n height: 90%;\r\n background: #ffffff;\r\n border-radius: 25px;\r\n z-index: 2;\r\n overflow: hidden;\r\n box-shadow: 0 25px 50px rgba(0,0,0,0.12);\r\n }\r\n\r\n \/* Radial light effect behind him *\/\r\n .image-frame::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background: radial-gradient(circle at center, #FFF4E8 0%, #FFFFFF 80%);\r\n z-index: 1;\r\n }\r\n\r\n .ceo-photo {\r\n height: 105%;\r\n width: auto;\r\n position: relative;\r\n z-index: 3;\r\n display: block;\r\n filter: drop-shadow(0 15px 25px rgba(0,0,0,0.1));\r\n }\r\n\r\n \/* MOBILE RESPONSIVE LOGIC *\/\r\n @media (max-width: 1024px) {\r\n .ceo-section {\r\n flex-direction: column;\r\n margin: 40px auto;\r\n padding: 0 15px;\r\n }\r\n\r\n .image-stack-container {\r\n position: relative;\r\n right: auto;\r\n width: 100%;\r\n max-width: 450px;\r\n height: 480px;\r\n margin-bottom: -40px; \/* Overlaps with the box below *\/\r\n }\r\n\r\n .ceo-bg-box {\r\n width: 100%;\r\n box-sizing: border-box;\r\n padding: 80px 25px 50px 25px;\r\n border-radius: 30px;\r\n text-align: center;\r\n }\r\n\r\n .ceo-heading-wrap {\r\n border-left: none;\r\n padding-left: 0;\r\n }\r\n\r\n .ceo-heading {\r\n font-size: 38px;\r\n }\r\n\r\n .ceo-description {\r\n max-width: 100%;\r\n margin: 0 auto;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"ceo-section\">\r\n <div class=\"image-stack-container\">\r\n <div class=\"image-frame\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/zentriad.com\/wp-content\/uploads\/2026\/02\/rgdrgrg.jpg\" class=\"ceo-photo\" alt=\"Haridas C Menon - Founder & CEO\">\r\n <\/div>\r\n\r\n <div class=\"ceo-bg-box\">\r\n <div class=\"ceo-heading-wrap\">\r\n <h2 class=\"ceo-heading\">Founder & CEO<\/h2>\r\n <span class=\"ceo-name\">Haridas C Menon<\/span>\r\n <\/div>\r\n \r\n <p class=\"ceo-description\">\r\n With a strong commitment to excellence and a deep understanding of global trade, Haridas leads Zentriad with a focus on precision manufacturing and customer trust. His dedication to innovation ensures that we continue to meet international standards and serve our clients worldwide with reliability.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fcecd5b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fcecd5b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9d2fae6\" data-id=\"9d2fae6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4651fd5 elementor-widget elementor-widget-html\" data-id=\"4651fd5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Zentriad Video Showcase<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Inter', sans-serif;\r\n background-color: #ffffff;\r\n }\r\n\r\n .video-section {\r\n padding: 100px 20px;\r\n text-align: center;\r\n background-color: #ffffff;\r\n }\r\n\r\n \/* Header Style *\/\r\n .video-header-wrap {\r\n max-width: 800px;\r\n margin: 0 auto 50px auto;\r\n }\r\n\r\n .video-main-heading {\r\n font-size: 38px;\r\n font-weight: 700;\r\n color: #2B2F33;\r\n margin-bottom: 15px;\r\n line-height: 1.2;\r\n }\r\n\r\n .video-sub-text {\r\n font-size: 15px;\r\n color: #4A5568;\r\n line-height: 1.6;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Video Container *\/\r\n .video-outer-container {\r\n max-width: 950px;\r\n margin: 0 auto;\r\n position: relative;\r\n filter: drop-shadow(0 30px 60px rgba(0,0,0,0.15));\r\n }\r\n\r\n .video-inner-box {\r\n border-radius: 24px;\r\n overflow: hidden;\r\n background-color: #000;\r\n line-height: 0;\r\n position: relative;\r\n cursor: pointer;\r\n }\r\n\r\n video {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n\r\n \/* The Orange Play Button *\/\r\n .play-button-overlay {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 80px;\r\n height: 80px;\r\n background-color: rgba(255, 102, 0, 0.95);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 10;\r\n transition: all 0.4s ease;\r\n box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.7);\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n \/* Hidden state for button when playing *\/\r\n .video-inner-box.is-playing .play-button-overlay {\r\n opacity: 0;\r\n visibility: hidden;\r\n transform: translate(-50%, -50%) scale(1.2);\r\n }\r\n\r\n .play-button-overlay::after {\r\n content: \"\";\r\n width: 0;\r\n height: 0;\r\n border-top: 12px solid transparent;\r\n border-bottom: 12px solid transparent;\r\n border-left: 20px solid #ffffff;\r\n margin-left: 5px;\r\n }\r\n\r\n \/* Pulse Animation *\/\r\n @keyframes pulse {\r\n 0% { box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.7); }\r\n 70% { box-shadow: 0 0 0 20px rgba(255, 102, 0, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(255, 102, 0, 0); }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .video-main-heading { font-size: 28px; }\r\n .play-button-overlay { width: 60px; height: 60px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"video-section\">\r\n <div class=\"video-header-wrap\">\r\n <h2 class=\"video-main-heading\">Take A Vital Look At Our<br>Application working<\/h2>\r\n <p class=\"video-sub-text\">\r\n By accessing and using the Zentriad platform, you agree to be bound by our commitment to precision manufacturing and global excellence.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"video-outer-container\">\r\n <div class=\"video-inner-box\" id=\"videoContainer\" onclick=\"togglePlay()\">\r\n <div class=\"play-button-overlay\" id=\"playBtn\"><\/div>\r\n\r\n <video \r\n id=\"myVideo\"\r\n loop \r\n playsinline\r\n src=\"https:\/\/zentriad.com\/wp-content\/uploads\/2026\/01\/zentriad-website.mp4\">\r\n <\/video>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n const video = document.getElementById('myVideo');\r\n const container = document.getElementById('videoContainer');\r\n\r\n function togglePlay() {\r\n if (video.paused) {\r\n video.play();\r\n container.classList.add('is-playing');\r\n } else {\r\n video.pause();\r\n container.classList.remove('is-playing');\r\n }\r\n }\r\n\r\n \/\/ Optional: Ensure button shows up again if video ends (if not looping)\r\n video.onended = function() {\r\n container.classList.remove('is-playing');\r\n };\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7c5e936 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7c5e936\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1abc75f\" data-id=\"1abc75f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9a7afc8 elementor-widget elementor-widget-html\" data-id=\"9a7afc8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n .zentriad-outer-container {\r\n position: relative;\r\n max-width: 1250px;\r\n margin: 60px auto;\r\n padding: 0 60px;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n .zentriad-main-wrapper {\r\n display: flex;\r\n background-color: #f7f9fc;\r\n height: 600px;\r\n position: relative;\r\n box-shadow: 0 15px 45px rgba(0,0,0,0.05);\r\n overflow: hidden;\r\n border-radius: 4px;\r\n }\r\n\r\n .zt-each-slide {\r\n display: none;\r\n width: 100%;\r\n height: 100%;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .zt-each-slide.is-visible {\r\n display: flex;\r\n animation: ztFadeIn 0.6s ease forwards;\r\n }\r\n\r\n .zt-left-content {\r\n flex: 1.2;\r\n padding: 60px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n min-width: 400px;\r\n height: 100%;\r\n box-sizing: border-box;\r\n }\r\n\r\n .zt-right-image {\r\n flex: 1;\r\n min-width: 300px;\r\n height: 100%;\r\n }\r\n\r\n .zt-right-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .zt-preheader { \r\n font-size: 21px;\r\n font-weight: 600; \r\n color: #1F2933;\r\n margin-bottom: 20px; \r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .zt-maintitle { \r\n font-size: 52px;\r\n line-height: 1.1; \r\n color: #2B2F33;\r\n margin-bottom: 25px; \r\n font-weight: 700; \r\n letter-spacing: -0.03em;\r\n }\r\n\r\n .zt-paragraph { \r\n font-size: 16px;\r\n color: #4A5568;\r\n line-height: 1.7; \r\n margin-bottom: 30px; \r\n }\r\n \r\n .zt-link-row {\r\n text-decoration: none;\r\n color: #2B2F33;\r\n font-weight: 700;\r\n border-bottom: 2px solid #e31e24;\r\n padding-bottom: 5px;\r\n display: inline-flex;\r\n align-items: center;\r\n width: fit-content;\r\n transition: 0.3s;\r\n }\r\n\r\n .zt-link-row:hover { border-bottom-color: #2B2F33; }\r\n .zt-link-row span { color: #e31e24; margin-left: 10px; font-size: 20px; }\r\n\r\n .zt-arrow-btn {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n border: 1px solid #cbd5e0;\r\n background: #fff;\r\n color: #2B2F33;\r\n cursor: pointer;\r\n z-index: 999;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 20px;\r\n transition: 0.3s;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n }\r\n\r\n .zt-arrow-btn:hover { background: #e31e24; color: #fff; border-color: #e31e24; }\r\n .zt-btn-prev { left: 20px; } \r\n .zt-btn-next { right: 20px; }\r\n\r\n @keyframes ztFadeIn { \r\n from { opacity: 0; transform: translateX(10px); } \r\n to { opacity: 1; transform: translateX(0); } \r\n }\r\n\r\n @media (max-width: 900px) {\r\n .zentriad-outer-container { padding: 0 10px; margin: 20px auto; }\r\n .zentriad-main-wrapper { flex-direction: column; height: auto; }\r\n .zt-right-image { height: 300px; width: 100%; }\r\n .zt-left-content { padding: 40px 25px; height: auto; min-width: 100%; }\r\n .zt-maintitle { font-size: 34px; }\r\n .zt-preheader { font-size: 18px; }\r\n .zt-arrow-btn { top: 300px; transform: translateY(-50%); width: 40px; height: 40px; }\r\n }\r\n<\/style>\r\n\r\n<div class=\"zentriad-outer-container\">\r\n <div class=\"zt-arrow-btn zt-btn-prev\" id=\"ztPrevBtn\">←<\/div>\r\n <div class=\"zt-arrow-btn zt-btn-next\" id=\"ztNextBtn\">→<\/div>\r\n\r\n <div class=\"zentriad-main-wrapper\">\r\n\r\n <div class=\"zt-each-slide is-visible\">\r\n <div class=\"zt-left-content\">\r\n <div class=\"zt-preheader\">World Wide Manufacturing Presence<\/div>\r\n <h2 class=\"zt-maintitle\">Saudi Arabia \u2013 Middle East Support<\/h2>\r\n <p class=\"zt-paragraph\">Our regional office in Saudi Arabia coordinates production planning, technical support, and supply chain management for the Middle East.<\/p>\r\n <a href=\"#\" class=\"zt-link-row\">Learn more <span>→<\/span><\/a>\r\n <\/div>\r\n <div class=\"zt-right-image\">\r\n <img decoding=\"async\" src=\"https:\/\/zentriad.com\/wp-content\/uploads\/2026\/03\/warehouse.webp\" alt=\"Saudi Arabia Warehouse\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"zt-each-slide\">\r\n <div class=\"zt-left-content\">\r\n <div class=\"zt-preheader\">World Wide Manufacturing Presence<\/div>\r\n <h2 class=\"zt-maintitle\">Sharjah, UAE \u2013 Logistics Hub<\/h2>\r\n <p class=\"zt-paragraph\">The Sharjah branch functions as our logistics and distribution hub, managing warehousing, export operations, and streamlined delivery.<\/p>\r\n <a href=\"#\" class=\"zt-link-row\">Learn more <span>→<\/span><\/a>\r\n <\/div>\r\n <div class=\"zt-right-image\">\r\n <img decoding=\"async\" src=\"https:\/\/zentriad.com\/wp-content\/uploads\/2026\/03\/logistics.webp\" alt=\"Sharjah Logistics Hub\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"zt-each-slide\">\r\n <div class=\"zt-left-content\">\r\n <div class=\"zt-preheader\">World Wide Manufacturing Presence<\/div>\r\n <h2 class=\"zt-maintitle\">Gujarat, India \u2013 Manufacturing<\/h2>\r\n <p class=\"zt-paragraph\">Our Gujarat plant is the heart of production, equipped with advanced machinery and precision engineering systems for components.<\/p>\r\n <a href=\"#\" class=\"zt-link-row\">Learn more <span>→<\/span><\/a>\r\n <\/div>\r\n <div class=\"zt-right-image\">\r\n <img decoding=\"async\" src=\"https:\/\/zentriad.com\/wp-content\/uploads\/2026\/03\/production.webp\" alt=\"Gujarat Manufacturing Plant\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"zt-each-slide\">\r\n <div class=\"zt-left-content\">\r\n <div class=\"zt-preheader\">World Wide Manufacturing Presence<\/div>\r\n <h2 class=\"zt-maintitle\">Kerala, India \u2013 R&D Center<\/h2>\r\n <p class=\"zt-paragraph\">The Kerala hub focuses on research, product development, and process innovation to continuously enhance manufacturing quality.<\/p>\r\n <a href=\"#\" class=\"zt-link-row\">Learn more <span>→<\/span><\/a>\r\n <\/div>\r\n <div class=\"zt-right-image\">\r\n <img decoding=\"async\" src=\"https:\/\/zentriad.com\/wp-content\/uploads\/2026\/03\/keral.webp\" alt=\"Kerala R&D Center\">\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n const initSlider = () => {\r\n const slides = document.querySelectorAll('.zt-each-slide');\r\n const pBtn = document.getElementById('ztPrevBtn');\r\n const nBtn = document.getElementById('ztNextBtn');\r\n let idx = 0;\r\n let autoPlay;\r\n\r\n if (!pBtn || !nBtn || slides.length === 0) return;\r\n\r\n const showSlide = (newIdx) => {\r\n slides[idx].classList.remove('is-visible');\r\n idx = (newIdx + slides.length) % slides.length;\r\n slides[idx].classList.add('is-visible');\r\n };\r\n\r\n const resetAutoPlay = () => {\r\n clearInterval(autoPlay);\r\n autoPlay = setInterval(() => showSlide(idx + 1), 6000);\r\n };\r\n\r\n pBtn.onclick = (e) => { \r\n e.stopPropagation(); \r\n showSlide(idx - 1); \r\n resetAutoPlay();\r\n };\r\n \r\n nBtn.onclick = (e) => { \r\n e.stopPropagation(); \r\n showSlide(idx + 1); \r\n resetAutoPlay();\r\n };\r\n \r\n autoPlay = setInterval(() => showSlide(idx + 1), 6000);\r\n };\r\n\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initSlider);\r\n } else {\r\n initSlider();\r\n }\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4410551 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4410551\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bea3691\" data-id=\"bea3691\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ea07363 elementor-widget elementor-widget-shortcode\" data-id=\"ea07363\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n\n <style>\n .contact-container {\n position: fixed;\n \/* --- MOVED POSITION DOWN --- *\/\n top: 60%; \n right: 45px; \n transform: translateY(-50%);\n z-index: 9999;\n font-family: 'Inter', sans-serif;\n }\n\n \/* --- CALL TO ACTION BUBBLE --- *\/\n .cta-bubble {\n position: absolute;\n top: -40px; \n right: 0;\n background: #ffffff;\n color: #333;\n padding: 6px 12px;\n border-radius: 18px;\n font-size: 12px;\n font-weight: 600;\n white-space: nowrap;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n animation: bounceIn 1s ease forwards;\n pointer-events: none;\n }\n\n .cta-bubble::after {\n content: '';\n position: absolute;\n bottom: -5px;\n right: 24px;\n width: 0;\n height: 0;\n border-left: 7px solid transparent;\n border-right: 7px solid transparent;\n border-top: 7px solid #ffffff;\n }\n\n @keyframes bounceIn {\n 0% { opacity: 0; transform: translateY(10px) scale(0.9); }\n 60% { opacity: 1; transform: translateY(-5px) scale(1.05); }\n 100% { opacity: 1; transform: translateY(0) scale(1); }\n }\n\n \/* The Popup Menu *\/\n .contact-popup {\n position: absolute;\n right: 85px; \n top: -100px;\n width: 250px;\n background: #ffffff;\n border-radius: 16px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.15);\n padding: 20px;\n display: none;\n animation: fadeIn 0.3s ease;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateX(10px); }\n to { opacity: 1; transform: translateX(0); }\n }\n\n .popup-header {\n display: flex;\n justify-content: space-between;\n font-weight: 600;\n margin-bottom: 14px;\n color: #333;\n }\n\n .close-btn { cursor: pointer; color: #888; font-size: 18px; }\n\n .contact-btn {\n display: flex;\n align-items: center;\n gap: 12px;\n text-decoration: none;\n color: #fff;\n padding: 12px;\n margin: 8px 0;\n border-radius: 12px;\n font-size: 14px;\n font-weight: 500;\n transition: 0.25s ease;\n }\n\n .contact-btn:hover {\n transform: translateY(-3px);\n filter: brightness(1.1);\n }\n\n .whatsapp { background: #25D366; }\n .call { background: #3a3a3a; }\n .facebook { background: #1877F2; }\n .instagram { background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); }\n\n \/* Main Floating Button Size (64px) *\/\n .contact-button {\n width: 64px; \n height: 64px; \n background: #25D366;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n box-shadow: 0 10px 25px rgba(0,0,0,0.2);\n position: relative;\n z-index: 10;\n transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n }\n\n .contact-button img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n position: relative;\n z-index: 11;\n image-rendering: -webkit-optimize-contrast; \n image-rendering: crisp-edges;\n display: block;\n }\n\n .contact-button:hover { transform: scale(1.1); }\n\n \/* Pulse Animation *\/\n .pulse::before, .pulse::after {\n content: \"\";\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background: #25D366;\n z-index: 1; \n opacity: 0;\n pointer-events: none;\n }\n\n .pulse::before { animation: pulse-ripple 2.5s ease-out infinite; }\n .pulse::after { animation: pulse-ripple 2.5s ease-out 1.25s infinite; }\n\n @keyframes pulse-ripple {\n 0% { transform: scale(1); opacity: 0.7; }\n 100% { transform: scale(2.2); opacity: 0; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"contact-container\" id=\"contactContainer\">\n <div class=\"cta-bubble\" id=\"ctaBubble\">Hi! Need help?<\/div>\n \n <div class=\"contact-popup\" id=\"contactPopup\">\n <div class=\"popup-header\">\n <span>Get Support<\/span>\n <span class=\"close-btn\" onclick=\"toggleContact()\">\u2715<\/span>\n <\/div>\n\n <a href=\"https:\/\/wa.me\/918086561017?text=can%20i%20know%20more%20about%20this%20product\" target=\"_blank\" class=\"contact-btn whatsapp\">\n <svg viewBox=\"0 0 32 32\" width=\"18\" height=\"18\" fill=\"white\"><path d=\"M16 3C9.37 3 4 8.2 4 14.6c0 2.54.82 4.89 2.23 6.82L4 29l7.79-2.03A12.1 12.1 0 0016 27c6.63 0 12-5.2 12-11.6S22.63 3 16 3zm0 21.2c-1.9 0-3.68-.5-5.23-1.38l-.37-.22-4.62 1.2 1.24-4.5-.24-.38A9.02 9.02 0 017 14.6C7 9.58 11.03 5.6 16 5.6s9 3.98 9 9-4.03 9-9 9zm4.93-6.73c-.27-.14-1.6-.78-1.85-.87-.25-.09-.43-.14-.61.14-.18.27-.69.87-.85 1.05-.16.18-.31.2-.58.07-.27-.14-1.14-.42-2.17-1.34-.8-.71-1.34-1.6-1.5-1.87-.16-.27-.02-.42.12-.56.12-.12.27-.31.4-.46.13-.16.18-.27.27-.45.09-.18.05-.34-.02-.47-.07-.14-.61-1.47-.84-2.01-.22-.53-.45-.46-.61-.47l-.52-.01c-.18 0-.47.07-.72.34-.25.27-.95.93-.95 2.26 0 1.33.97 2.62 1.11 2.8.13.18 1.9 2.9 4.6 4.06.64.27 1.13.43 1.52.55.64.2 1.22.17 1.68.1.52-.07 1.6-.64 1.83-1.25.23-.61.23-1.13.16-1.25-.07-.11-.25-.18-.52-.32z\"\/><\/svg>\n WhatsApp\n <\/a>\n\n <a href=\"tel:+918086561017\" class=\"contact-btn call\">\n <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"white\"><path d=\"M6.62 10.79a15.46 15.46 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.11.37 2.3.57 3.52.57a1 1 0 011 1V20a1 1 0 01-1 1C10.3 21 3 13.7 3 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.22.2 2.41.57 3.52a1 1 0 01-.25 1.01l-2.2 2.26z\"\/><\/svg>\n Call Us\n <\/a>\n\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=100091610807150\" target=\"_blank\" class=\"contact-btn facebook\">\n <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"white\"><path d=\"M22 12a10 10 0 10-11.63 9.88v-6.99H8.08V12h2.29V9.8c0-2.26 1.34-3.51 3.4-3.51.99 0 2.03.18 2.03.18v2.23h-1.15c-1.14 0-1.49.71-1.49 1.44V12h2.54l-.41 2.89h-2.13v6.99A10 10 0 0022 12z\"\/><\/svg>\n Facebook\n <\/a>\n\n <a href=\"https:\/\/www.instagram.com\/zentriad\" target=\"_blank\" class=\"contact-btn instagram\">\n <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"white\"><path d=\"M7 2C4.2 2 2 4.2 2 7v10c0 2.8 2.2 5 5 5h10c2.8 0 5-2.2 5-5V7c0-2.8-2.2-5-5-5H7zm5 5.5A4.5 4.5 0 1112 16a4.5 4.5 0 010-9zm6.5-1.75a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0z\"\/><\/svg>\n Instagram\n <\/a>\n <\/div>\n\n <div class=\"contact-button pulse\" onclick=\"toggleContact()\">\n <img decoding=\"async\" src=\"https:\/\/zentriad.com\/wp-content\/uploads\/2026\/02\/smalll.jpg\" alt=\"Support Agent\">\n <\/div>\n<\/div>\n\n<script>\nfunction toggleContact() {\n var popup = document.getElementById(\"contactPopup\");\n var cta = document.getElementById(\"ctaBubble\");\n \n if (popup.style.display === \"block\") {\n popup.style.display = \"none\";\n cta.style.display = \"block\";\n } else {\n popup.style.display = \"block\";\n cta.style.display = \"none\";\n }\n}\n\ndocument.addEventListener(\"click\", function(event) {\n var container = document.getElementById(\"contactContainer\");\n var popup = document.getElementById(\"contactPopup\");\n var cta = document.getElementById(\"ctaBubble\");\n \n if (!container.contains(event.target)) {\n popup.style.display = \"none\";\n cta.style.display = \"block\";\n }\n});\n<\/script>\n\n<\/body>\n<\/html><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Zentriad – Profile and About PROFILE Home > Profile About Us Welcome to ZENTRIAD, your trusted partner in manufacturing and international trade. With a strong commitment to excellence and customer satisfaction, we are a leading manufacturer and exporter of high-quality products, including all kinds of temperature sensors, industrial electronic temperature-sensing components, automobile and electric vehicle […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/zentriad.com\/wp-json\/wp\/v2\/pages\/2314"}],"collection":[{"href":"https:\/\/zentriad.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zentriad.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zentriad.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/zentriad.com\/wp-json\/wp\/v2\/comments?post=2314"}],"version-history":[{"count":40,"href":"https:\/\/zentriad.com\/wp-json\/wp\/v2\/pages\/2314\/revisions"}],"predecessor-version":[{"id":3285,"href":"https:\/\/zentriad.com\/wp-json\/wp\/v2\/pages\/2314\/revisions\/3285"}],"wp:attachment":[{"href":"https:\/\/zentriad.com\/wp-json\/wp\/v2\/media?parent=2314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n \r\n \r\n Zentriad - Profile and About<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body, html {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Inter', sans-serif;\r\n background-color: #ffffff;\r\n }\r\n\r\n \/* ==========================================\r\n 1. PROFILE HERO SECTION (Top Header)\r\n ========================================== *\/\r\n .profile-hero {\r\n background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), \r\n url('https:\/\/zentriad.com\/wp-content\/uploads\/2026\/02\/sfeesffs.jpg');\r\n background-size: cover;\r\n background-position: center;\r\n height: 300px; \r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n .profile-hero .hero-title {\r\n font-size: 52px;\r\n font-weight: 700;\r\n color: #FFFFFF; \r\n margin: 0 0 10px 0;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n }\r\n\r\n .profile-hero .breadcrumb {\r\n font-size: 15px;\r\n color: #E2E8F0;\r\n font-weight: 400;\r\n }\r\n\r\n .profile-hero .breadcrumb span {\r\n color: #FFB400;\r\n cursor: pointer;\r\n }\r\n\r\n \/* ==========================================\r\n 2. ABOUT US SECTION (Side-by-Side)\r\n ========================================== *\/\r\n .about-container {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n max-width: 1250px;\r\n margin: 0 auto;\r\n padding: 80px 40px;\r\n gap: 60px;\r\n }\r\n\r\n .about-content {\r\n flex: 1.2;\r\n }\r\n\r\n .about-content .about-heading {\r\n font-size: 52px; \r\n font-weight: 700;\r\n color: #2B2F33;\r\n margin: 0 0 24px 0;\r\n line-height: 1.1;\r\n }\r\n\r\n \/* Updated Subheading: Increased to 21px *\/\r\n .about-content .about-subheading {\r\n font-size: 21px; \r\n font-weight: 600;\r\n color: #1F2933;\r\n margin: 0 0 24px 0; \r\n line-height: 1.5; \/* Slightly tighter line height for larger text *\/\r\n }\r\n\r\n .about-content .about-description {\r\n font-size: 16px;\r\n color: #4A5568;\r\n line-height: 1.8;\r\n margin: 0;\r\n }\r\n\r\n .about-content .about-description p {\r\n margin: 0 0 20px 0;\r\n }\r\n\r\n .image-side {\r\n flex: 0.8;\r\n display: flex;\r\n justify-content: flex-end;\r\n }\r\n\r\n .image-blob {\r\n width: 100%;\r\n max-width: 480px;\r\n aspect-ratio: 1 \/ 1;\r\n overflow: hidden;\r\n border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 70%;\r\n box-shadow: 20px 20px 50px rgba(0,0,0,0.06);\r\n }\r\n\r\n .image-blob img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n \/* Mobile Responsive *\/\r\n @media (max-width: 992px) {\r\n .about-container {\r\n flex-direction: column;\r\n text-align: center;\r\n }\r\n .image-side { justify-content: center; }\r\n .profile-hero .hero-title { font-size: 40px; }\r\n .about-content .about-heading { font-size: 42px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"profile-hero\">\r\n <h1 class=\"hero-title\">PROFILE<\/h1>\r\n <div class=\"breadcrumb\">\r\n <span>Home<\/span> > Profile\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"about-container\">\r\n <div class=\"about-content\">\r\n <h2 class=\"about-heading\">About Us<\/h2>\r\n <h3 class=\"about-subheading\">Welcome to ZENTRIAD, your trusted partner in manufacturing and international trade.<\/h3>\r\n <div class=\"about-description\">\r\n <p>With a strong commitment to excellence and customer satisfaction, we are a leading manufacturer and exporter of high-quality products, including all kinds of temperature sensors, industrial electronic temperature-sensing components, automobile and electric vehicle temperature modules, and metal components.<\/p>\r\n <p>From design and production to global distribution, we ensure superior quality, reliability, and timely delivery. Our dedication to innovation and precision manufacturing allows us to meet international standards and serve clients worldwide with excellence.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"image-side\">\r\n <div class=\"image-blob\">\r\n <img decoding=\"async\" src=\"https:\/\/zentriad.com\/wp-content\/uploads\/2026\/02\/keral.png\" alt=\"Zentriad Solutions\">\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-32cc169 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"32cc169\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9e065f0\" data-id=\"9e065f0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-852f392 elementor-widget elementor-widget-html\" data-id=\"852f392\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Founder & CEO - Zentriad<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Inter', sans-serif;\r\n background-color: #ffffff;\r\n color: #4A5568;\r\n }\r\n\r\n .ceo-section {\r\n max-width: 1250px;\r\n margin: 120px auto;\r\n padding: 0 20px;\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n min-height: 550px;\r\n }\r\n\r\n \/* 1. Main Content Box *\/\r\n .ceo-bg-box {\r\n background: linear-gradient(135deg, #F8F9FA 0%, #F1F3F5 100%);\r\n width: 85%;\r\n padding: 80px 350px 80px 60px; \/* Large right padding to clear the image on desktop *\/\r\n border-radius: 40px;\r\n z-index: 1;\r\n position: relative;\r\n border: 1px solid rgba(0,0,0,0.03);\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.02);\r\n }\r\n\r\n .ceo-heading-wrap {\r\n border-left: 5px solid #2B2F33;\r\n padding-left: 25px;\r\n margin-bottom: 30px;\r\n }\r\n\r\n .ceo-heading {\r\n font-size: 52px;\r\n font-weight: 700;\r\n color: #2B2F33;\r\n margin: 0;\r\n line-height: 1.1;\r\n }\r\n\r\n .ceo-name {\r\n font-size: 20px;\r\n font-weight: 600;\r\n color: #1F2933;\r\n margin-top: 8px;\r\n display: block;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .ceo-description {\r\n font-size: 16px;\r\n line-height: 1.8;\r\n max-width: 550px;\r\n }\r\n\r\n \/* 2. Overlapping Image Stack *\/\r\n .image-stack-container {\r\n position: absolute;\r\n right: 40px;\r\n width: 420px;\r\n height: 520px;\r\n z-index: 2;\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: center;\r\n }\r\n\r\n .image-frame {\r\n position: absolute;\r\n bottom: 0;\r\n width: 100%;\r\n height: 90%;\r\n background: #ffffff;\r\n border-radius: 25px;\r\n z-index: 2;\r\n overflow: hidden;\r\n box-shadow: 0 25px 50px rgba(0,0,0,0.12);\r\n }\r\n\r\n \/* Radial light effect behind him *\/\r\n .image-frame::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background: radial-gradient(circle at center, #FFF4E8 0%, #FFFFFF 80%);\r\n z-index: 1;\r\n }\r\n\r\n .ceo-photo {\r\n height: 105%;\r\n width: auto;\r\n position: relative;\r\n z-index: 3;\r\n display: block;\r\n filter: drop-shadow(0 15px 25px rgba(0,0,0,0.1));\r\n }\r\n\r\n \/* MOBILE RESPONSIVE LOGIC *\/\r\n @media (max-width: 1024px) {\r\n .ceo-section {\r\n flex-direction: column;\r\n margin: 40px auto;\r\n padding: 0 15px;\r\n }\r\n\r\n .image-stack-container {\r\n position: relative;\r\n right: auto;\r\n width: 100%;\r\n max-width: 450px;\r\n height: 480px;\r\n margin-bottom: -40px; \/* Overlaps with the box below *\/\r\n }\r\n\r\n .ceo-bg-box {\r\n width: 100%;\r\n box-sizing: border-box;\r\n padding: 80px 25px 50px 25px;\r\n border-radius: 30px;\r\n text-align: center;\r\n }\r\n\r\n .ceo-heading-wrap {\r\n border-left: none;\r\n padding-left: 0;\r\n }\r\n\r\n .ceo-heading {\r\n font-size: 38px;\r\n }\r\n\r\n .ceo-description {\r\n max-width: 100%;\r\n margin: 0 auto;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"ceo-section\">\r\n <div class=\"image-stack-container\">\r\n <div class=\"image-frame\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/zentriad.com\/wp-content\/uploads\/2026\/02\/rgdrgrg.jpg\" class=\"ceo-photo\" alt=\"Haridas C Menon - Founder & CEO\">\r\n <\/div>\r\n\r\n <div class=\"ceo-bg-box\">\r\n <div class=\"ceo-heading-wrap\">\r\n <h2 class=\"ceo-heading\">Founder & CEO<\/h2>\r\n <span class=\"ceo-name\">Haridas C Menon<\/span>\r\n <\/div>\r\n \r\n <p class=\"ceo-description\">\r\n With a strong commitment to excellence and a deep understanding of global trade, Haridas leads Zentriad with a focus on precision manufacturing and customer trust. His dedication to innovation ensures that we continue to meet international standards and serve our clients worldwide with reliability.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fcecd5b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fcecd5b\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9d2fae6\" data-id=\"9d2fae6\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-4651fd5 elementor-widget elementor-widget-html\" data-id=\"4651fd5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Zentriad Video Showcase<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Inter', sans-serif;\r\n background-color: #ffffff;\r\n }\r\n\r\n .video-section {\r\n padding: 100px 20px;\r\n text-align: center;\r\n background-color: #ffffff;\r\n }\r\n\r\n \/* Header Style *\/\r\n .video-header-wrap {\r\n max-width: 800px;\r\n margin: 0 auto 50px auto;\r\n }\r\n\r\n .video-main-heading {\r\n font-size: 38px;\r\n font-weight: 700;\r\n color: #2B2F33;\r\n margin-bottom: 15px;\r\n line-height: 1.2;\r\n }\r\n\r\n .video-sub-text {\r\n font-size: 15px;\r\n color: #4A5568;\r\n line-height: 1.6;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* Video Container *\/\r\n .video-outer-container {\r\n max-width: 950px;\r\n margin: 0 auto;\r\n position: relative;\r\n filter: drop-shadow(0 30px 60px rgba(0,0,0,0.15));\r\n }\r\n\r\n .video-inner-box {\r\n border-radius: 24px;\r\n overflow: hidden;\r\n background-color: #000;\r\n line-height: 0;\r\n position: relative;\r\n cursor: pointer;\r\n }\r\n\r\n video {\r\n width: 100%;\r\n height: auto;\r\n display: block;\r\n }\r\n\r\n \/* The Orange Play Button *\/\r\n .play-button-overlay {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: 80px;\r\n height: 80px;\r\n background-color: rgba(255, 102, 0, 0.95);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 10;\r\n transition: all 0.4s ease;\r\n box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.7);\r\n animation: pulse 2s infinite;\r\n }\r\n\r\n \/* Hidden state for button when playing *\/\r\n .video-inner-box.is-playing .play-button-overlay {\r\n opacity: 0;\r\n visibility: hidden;\r\n transform: translate(-50%, -50%) scale(1.2);\r\n }\r\n\r\n .play-button-overlay::after {\r\n content: \"\";\r\n width: 0;\r\n height: 0;\r\n border-top: 12px solid transparent;\r\n border-bottom: 12px solid transparent;\r\n border-left: 20px solid #ffffff;\r\n margin-left: 5px;\r\n }\r\n\r\n \/* Pulse Animation *\/\r\n @keyframes pulse {\r\n 0% { box-shadow: 0 0 0 0 rgba(255, 102, 0, 0.7); }\r\n 70% { box-shadow: 0 0 0 20px rgba(255, 102, 0, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(255, 102, 0, 0); }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .video-main-heading { font-size: 28px; }\r\n .play-button-overlay { width: 60px; height: 60px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <section class=\"video-section\">\r\n <div class=\"video-header-wrap\">\r\n <h2 class=\"video-main-heading\">Take A Vital Look At Our<br>Application working<\/h2>\r\n <p class=\"video-sub-text\">\r\n By accessing and using the Zentriad platform, you agree to be bound by our commitment to precision manufacturing and global excellence.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"video-outer-container\">\r\n <div class=\"video-inner-box\" id=\"videoContainer\" onclick=\"togglePlay()\">\r\n <div class=\"play-button-overlay\" id=\"playBtn\"><\/div>\r\n\r\n <video \r\n id=\"myVideo\"\r\n loop \r\n playsinline\r\n src=\"https:\/\/zentriad.com\/wp-content\/uploads\/2026\/01\/zentriad-website.mp4\">\r\n <\/video>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n const video = document.getElementById('myVideo');\r\n const container = document.getElementById('videoContainer');\r\n\r\n function togglePlay() {\r\n if (video.paused) {\r\n video.play();\r\n container.classList.add('is-playing');\r\n } else {\r\n video.pause();\r\n container.classList.remove('is-playing');\r\n }\r\n }\r\n\r\n \/\/ Optional: Ensure button shows up again if video ends (if not looping)\r\n video.onended = function() {\r\n container.classList.remove('is-playing');\r\n };\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7c5e936 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7c5e936\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1abc75f\" data-id=\"1abc75f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9a7afc8 elementor-widget elementor-widget-html\" data-id=\"9a7afc8\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n .zentriad-outer-container {\r\n position: relative;\r\n max-width: 1250px;\r\n margin: 60px auto;\r\n padding: 0 60px;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n .zentriad-main-wrapper {\r\n display: flex;\r\n background-color: #f7f9fc;\r\n height: 600px;\r\n position: relative;\r\n box-shadow: 0 15px 45px rgba(0,0,0,0.05);\r\n overflow: hidden;\r\n border-radius: 4px;\r\n }\r\n\r\n .zt-each-slide {\r\n display: none;\r\n width: 100%;\r\n height: 100%;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .zt-each-slide.is-visible {\r\n display: flex;\r\n animation: ztFadeIn 0.6s ease forwards;\r\n }\r\n\r\n .zt-left-content {\r\n flex: 1.2;\r\n padding: 60px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n min-width: 400px;\r\n height: 100%;\r\n box-sizing: border-box;\r\n }\r\n\r\n .zt-right-image {\r\n flex: 1;\r\n min-width: 300px;\r\n height: 100%;\r\n }\r\n\r\n .zt-right-image img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .zt-preheader { \r\n font-size: 21px;\r\n font-weight: 600; \r\n color: #1F2933;\r\n margin-bottom: 20px; \r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .zt-maintitle { \r\n font-size: 52px;\r\n line-height: 1.1; \r\n color: #2B2F33;\r\n margin-bottom: 25px; \r\n font-weight: 700; \r\n letter-spacing: -0.03em;\r\n }\r\n\r\n .zt-paragraph { \r\n font-size: 16px;\r\n color: #4A5568;\r\n line-height: 1.7; \r\n margin-bottom: 30px; \r\n }\r\n \r\n .zt-link-row {\r\n text-decoration: none;\r\n color: #2B2F33;\r\n font-weight: 700;\r\n border-bottom: 2px solid #e31e24;\r\n padding-bottom: 5px;\r\n display: inline-flex;\r\n align-items: center;\r\n width: fit-content;\r\n transition: 0.3s;\r\n }\r\n\r\n .zt-link-row:hover { border-bottom-color: #2B2F33; }\r\n .zt-link-row span { color: #e31e24; margin-left: 10px; font-size: 20px; }\r\n\r\n .zt-arrow-btn {\r\n position: absolute;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 50%;\r\n border: 1px solid #cbd5e0;\r\n background: #fff;\r\n color: #2B2F33;\r\n cursor: pointer;\r\n z-index: 999;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 20px;\r\n transition: 0.3s;\r\n box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n }\r\n\r\n .zt-arrow-btn:hover { background: #e31e24; color: #fff; border-color: #e31e24; }\r\n .zt-btn-prev { left: 20px; } \r\n .zt-btn-next { right: 20px; }\r\n\r\n @keyframes ztFadeIn { \r\n from { opacity: 0; transform: translateX(10px); } \r\n to { opacity: 1; transform: translateX(0); } \r\n }\r\n\r\n @media (max-width: 900px) {\r\n .zentriad-outer-container { padding: 0 10px; margin: 20px auto; }\r\n .zentriad-main-wrapper { flex-direction: column; height: auto; }\r\n .zt-right-image { height: 300px; width: 100%; }\r\n .zt-left-content { padding: 40px 25px; height: auto; min-width: 100%; }\r\n .zt-maintitle { font-size: 34px; }\r\n .zt-preheader { font-size: 18px; }\r\n .zt-arrow-btn { top: 300px; transform: translateY(-50%); width: 40px; height: 40px; }\r\n }\r\n<\/style>\r\n\r\n<div class=\"zentriad-outer-container\">\r\n <div class=\"zt-arrow-btn zt-btn-prev\" id=\"ztPrevBtn\">←<\/div>\r\n <div class=\"zt-arrow-btn zt-btn-next\" id=\"ztNextBtn\">→<\/div>\r\n\r\n <div class=\"zentriad-main-wrapper\">\r\n\r\n <div class=\"zt-each-slide is-visible\">\r\n <div class=\"zt-left-content\">\r\n <div class=\"zt-preheader\">World Wide Manufacturing Presence<\/div>\r\n <h2 class=\"zt-maintitle\">Saudi Arabia \u2013 Middle East Support<\/h2>\r\n <p class=\"zt-paragraph\">Our regional office in Saudi Arabia coordinates production planning, technical support, and supply chain management for the Middle East.<\/p>\r\n <a href=\"#\" class=\"zt-link-row\">Learn more <span>→<\/span><\/a>\r\n <\/div>\r\n <div class=\"zt-right-image\">\r\n <img decoding=\"async\" src=\"https:\/\/zentriad.com\/wp-content\/uploads\/2026\/03\/warehouse.webp\" alt=\"Saudi Arabia Warehouse\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"zt-each-slide\">\r\n <div class=\"zt-left-content\">\r\n <div class=\"zt-preheader\">World Wide Manufacturing Presence<\/div>\r\n <h2 class=\"zt-maintitle\">Sharjah, UAE \u2013 Logistics Hub<\/h2>\r\n <p class=\"zt-paragraph\">The Sharjah branch functions as our logistics and distribution hub, managing warehousing, export operations, and streamlined delivery.<\/p>\r\n <a href=\"#\" class=\"zt-link-row\">Learn more <span>→<\/span><\/a>\r\n <\/div>\r\n <div class=\"zt-right-image\">\r\n <img decoding=\"async\" src=\"https:\/\/zentriad.com\/wp-content\/uploads\/2026\/03\/logistics.webp\" alt=\"Sharjah Logistics Hub\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"zt-each-slide\">\r\n <div class=\"zt-left-content\">\r\n <div class=\"zt-preheader\">World Wide Manufacturing Presence<\/div>\r\n <h2 class=\"zt-maintitle\">Gujarat, India \u2013 Manufacturing<\/h2>\r\n <p class=\"zt-paragraph\">Our Gujarat plant is the heart of production, equipped with advanced machinery and precision engineering systems for components.<\/p>\r\n <a href=\"#\" class=\"zt-link-row\">Learn more <span>→<\/span><\/a>\r\n <\/div>\r\n <div class=\"zt-right-image\">\r\n <img decoding=\"async\" src=\"https:\/\/zentriad.com\/wp-content\/uploads\/2026\/03\/production.webp\" alt=\"Gujarat Manufacturing Plant\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"zt-each-slide\">\r\n <div class=\"zt-left-content\">\r\n <div class=\"zt-preheader\">World Wide Manufacturing Presence<\/div>\r\n <h2 class=\"zt-maintitle\">Kerala, India \u2013 R&D Center<\/h2>\r\n <p class=\"zt-paragraph\">The Kerala hub focuses on research, product development, and process innovation to continuously enhance manufacturing quality.<\/p>\r\n <a href=\"#\" class=\"zt-link-row\">Learn more <span>→<\/span><\/a>\r\n <\/div>\r\n <div class=\"zt-right-image\">\r\n <img decoding=\"async\" src=\"https:\/\/zentriad.com\/wp-content\/uploads\/2026\/03\/keral.webp\" alt=\"Kerala R&D Center\">\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n const initSlider = () => {\r\n const slides = document.querySelectorAll('.zt-each-slide');\r\n const pBtn = document.getElementById('ztPrevBtn');\r\n const nBtn = document.getElementById('ztNextBtn');\r\n let idx = 0;\r\n let autoPlay;\r\n\r\n if (!pBtn || !nBtn || slides.length === 0) return;\r\n\r\n const showSlide = (newIdx) => {\r\n slides[idx].classList.remove('is-visible');\r\n idx = (newIdx + slides.length) % slides.length;\r\n slides[idx].classList.add('is-visible');\r\n };\r\n\r\n const resetAutoPlay = () => {\r\n clearInterval(autoPlay);\r\n autoPlay = setInterval(() => showSlide(idx + 1), 6000);\r\n };\r\n\r\n pBtn.onclick = (e) => { \r\n e.stopPropagation(); \r\n showSlide(idx - 1); \r\n resetAutoPlay();\r\n };\r\n \r\n nBtn.onclick = (e) => { \r\n e.stopPropagation(); \r\n showSlide(idx + 1); \r\n resetAutoPlay();\r\n };\r\n \r\n autoPlay = setInterval(() => showSlide(idx + 1), 6000);\r\n };\r\n\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initSlider);\r\n } else {\r\n initSlider();\r\n }\r\n})();\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4410551 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4410551\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"aux-parallax-section elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bea3691\" data-id=\"bea3691\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ea07363 elementor-widget elementor-widget-shortcode\" data-id=\"ea07363\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n\n <style>\n .contact-container {\n position: fixed;\n \/* --- MOVED POSITION DOWN --- *\/\n top: 60%; \n right: 45px; \n transform: translateY(-50%);\n z-index: 9999;\n font-family: 'Inter', sans-serif;\n }\n\n \/* --- CALL TO ACTION BUBBLE --- *\/\n .cta-bubble {\n position: absolute;\n top: -40px; \n right: 0;\n background: #ffffff;\n color: #333;\n padding: 6px 12px;\n border-radius: 18px;\n font-size: 12px;\n font-weight: 600;\n white-space: nowrap;\n box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n animation: bounceIn 1s ease forwards;\n pointer-events: none;\n }\n\n .cta-bubble::after {\n content: '';\n position: absolute;\n bottom: -5px;\n right: 24px;\n width: 0;\n height: 0;\n border-left: 7px solid transparent;\n border-right: 7px solid transparent;\n border-top: 7px solid #ffffff;\n }\n\n @keyframes bounceIn {\n 0% { opacity: 0; transform: translateY(10px) scale(0.9); }\n 60% { opacity: 1; transform: translateY(-5px) scale(1.05); }\n 100% { opacity: 1; transform: translateY(0) scale(1); }\n }\n\n \/* The Popup Menu *\/\n .contact-popup {\n position: absolute;\n right: 85px; \n top: -100px;\n width: 250px;\n background: #ffffff;\n border-radius: 16px;\n box-shadow: 0 15px 40px rgba(0,0,0,0.15);\n padding: 20px;\n display: none;\n animation: fadeIn 0.3s ease;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateX(10px); }\n to { opacity: 1; transform: translateX(0); }\n }\n\n .popup-header {\n display: flex;\n justify-content: space-between;\n font-weight: 600;\n margin-bottom: 14px;\n color: #333;\n }\n\n .close-btn { cursor: pointer; color: #888; font-size: 18px; }\n\n .contact-btn {\n display: flex;\n align-items: center;\n gap: 12px;\n text-decoration: none;\n color: #fff;\n padding: 12px;\n margin: 8px 0;\n border-radius: 12px;\n font-size: 14px;\n font-weight: 500;\n transition: 0.25s ease;\n }\n\n .contact-btn:hover {\n transform: translateY(-3px);\n filter: brightness(1.1);\n }\n\n .whatsapp { background: #25D366; }\n .call { background: #3a3a3a; }\n .facebook { background: #1877F2; }\n .instagram { background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); }\n\n \/* Main Floating Button Size (64px) *\/\n .contact-button {\n width: 64px; \n height: 64px; \n background: #25D366;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n box-shadow: 0 10px 25px rgba(0,0,0,0.2);\n position: relative;\n z-index: 10;\n transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n }\n\n .contact-button img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n object-fit: cover;\n position: relative;\n z-index: 11;\n image-rendering: -webkit-optimize-contrast; \n image-rendering: crisp-edges;\n display: block;\n }\n\n .contact-button:hover { transform: scale(1.1); }\n\n \/* Pulse Animation *\/\n .pulse::before, .pulse::after {\n content: \"\";\n position: absolute;\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background: #25D366;\n z-index: 1; \n opacity: 0;\n pointer-events: none;\n }\n\n .pulse::before { animation: pulse-ripple 2.5s ease-out infinite; }\n .pulse::after { animation: pulse-ripple 2.5s ease-out 1.25s infinite; }\n\n @keyframes pulse-ripple {\n 0% { transform: scale(1); opacity: 0.7; }\n 100% { transform: scale(2.2); opacity: 0; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"contact-container\" id=\"contactContainer\">\n <div class=\"cta-bubble\" id=\"ctaBubble\">Hi! Need help?<\/div>\n \n <div class=\"contact-popup\" id=\"contactPopup\">\n <div class=\"popup-header\">\n <span>Get Support<\/span>\n <span class=\"close-btn\" onclick=\"toggleContact()\">\u2715<\/span>\n <\/div>\n\n <a href=\"https:\/\/wa.me\/918086561017?text=can%20i%20know%20more%20about%20this%20product\" target=\"_blank\" class=\"contact-btn whatsapp\">\n <svg viewBox=\"0 0 32 32\" width=\"18\" height=\"18\" fill=\"white\"><path d=\"M16 3C9.37 3 4 8.2 4 14.6c0 2.54.82 4.89 2.23 6.82L4 29l7.79-2.03A12.1 12.1 0 0016 27c6.63 0 12-5.2 12-11.6S22.63 3 16 3zm0 21.2c-1.9 0-3.68-.5-5.23-1.38l-.37-.22-4.62 1.2 1.24-4.5-.24-.38A9.02 9.02 0 017 14.6C7 9.58 11.03 5.6 16 5.6s9 3.98 9 9-4.03 9-9 9zm4.93-6.73c-.27-.14-1.6-.78-1.85-.87-.25-.09-.43-.14-.61.14-.18.27-.69.87-.85 1.05-.16.18-.31.2-.58.07-.27-.14-1.14-.42-2.17-1.34-.8-.71-1.34-1.6-1.5-1.87-.16-.27-.02-.42.12-.56.12-.12.27-.31.4-.46.13-.16.18-.27.27-.45.09-.18.05-.34-.02-.47-.07-.14-.61-1.47-.84-2.01-.22-.53-.45-.46-.61-.47l-.52-.01c-.18 0-.47.07-.72.34-.25.27-.95.93-.95 2.26 0 1.33.97 2.62 1.11 2.8.13.18 1.9 2.9 4.6 4.06.64.27 1.13.43 1.52.55.64.2 1.22.17 1.68.1.52-.07 1.6-.64 1.83-1.25.23-.61.23-1.13.16-1.25-.07-.11-.25-.18-.52-.32z\"\/><\/svg>\n WhatsApp\n <\/a>\n\n <a href=\"tel:+918086561017\" class=\"contact-btn call\">\n <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"white\"><path d=\"M6.62 10.79a15.46 15.46 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.11.37 2.3.57 3.52.57a1 1 0 011 1V20a1 1 0 01-1 1C10.3 21 3 13.7 3 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.22.2 2.41.57 3.52a1 1 0 01-.25 1.01l-2.2 2.26z\"\/><\/svg>\n Call Us\n <\/a>\n\n <a href=\"https:\/\/www.facebook.com\/profile.php?id=100091610807150\" target=\"_blank\" class=\"contact-btn facebook\">\n <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"white\"><path d=\"M22 12a10 10 0 10-11.63 9.88v-6.99H8.08V12h2.29V9.8c0-2.26 1.34-3.51 3.4-3.51.99 0 2.03.18 2.03.18v2.23h-1.15c-1.14 0-1.49.71-1.49 1.44V12h2.54l-.41 2.89h-2.13v6.99A10 10 0 0022 12z\"\/><\/svg>\n Facebook\n <\/a>\n\n <a href=\"https:\/\/www.instagram.com\/zentriad\" target=\"_blank\" class=\"contact-btn instagram\">\n <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"white\"><path d=\"M7 2C4.2 2 2 4.2 2 7v10c0 2.8 2.2 5 5 5h10c2.8 0 5-2.2 5-5V7c0-2.8-2.2-5-5-5H7zm5 5.5A4.5 4.5 0 1112 16a4.5 4.5 0 010-9zm6.5-1.75a1.25 1.25 0 11-2.5 0 1.25 1.25 0 012.5 0z\"\/><\/svg>\n Instagram\n <\/a>\n <\/div>\n\n <div class=\"contact-button pulse\" onclick=\"toggleContact()\">\n <img decoding=\"async\" src=\"https:\/\/zentriad.com\/wp-content\/uploads\/2026\/02\/smalll.jpg\" alt=\"Support Agent\">\n <\/div>\n<\/div>\n\n<script>\nfunction toggleContact() {\n var popup = document.getElementById(\"contactPopup\");\n var cta = document.getElementById(\"ctaBubble\");\n \n if (popup.style.display === \"block\") {\n popup.style.display = \"none\";\n cta.style.display = \"block\";\n } else {\n popup.style.display = \"block\";\n cta.style.display = \"none\";\n }\n}\n\ndocument.addEventListener(\"click\", function(event) {\n var container = document.getElementById(\"contactContainer\");\n var popup = document.getElementById(\"contactPopup\");\n var cta = document.getElementById(\"ctaBubble\");\n \n if (!container.contains(event.target)) {\n popup.style.display = \"none\";\n cta.style.display = \"block\";\n }\n});\n<\/script>\n\n<\/body>\n<\/html><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Zentriad – Profile and About PROFILE Home > Profile About Us Welcome to ZENTRIAD, your trusted partner in manufacturing and international trade. With a strong commitment to excellence and customer satisfaction, we are a leading manufacturer and exporter of high-quality products, including all kinds of temperature sensors, industrial electronic temperature-sensing components, automobile and electric vehicle […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/zentriad.com\/wp-json\/wp\/v2\/pages\/2314"}],"collection":[{"href":"https:\/\/zentriad.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zentriad.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zentriad.com\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/zentriad.com\/wp-json\/wp\/v2\/comments?post=2314"}],"version-history":[{"count":40,"href":"https:\/\/zentriad.com\/wp-json\/wp\/v2\/pages\/2314\/revisions"}],"predecessor-version":[{"id":3285,"href":"https:\/\/zentriad.com\/wp-json\/wp\/v2\/pages\/2314\/revisions\/3285"}],"wp:attachment":[{"href":"https:\/\/zentriad.com\/wp-json\/wp\/v2\/media?parent=2314"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}