{"id":367,"date":"2025-08-16T06:40:38","date_gmt":"2025-08-16T06:40:38","guid":{"rendered":"https:\/\/kamdhenuelevator.com\/?page_id=367"},"modified":"2025-08-17T06:23:14","modified_gmt":"2025-08-17T06:23:14","slug":"clients","status":"publish","type":"page","link":"https:\/\/kamdhenuelevator.com\/index.php\/clients\/","title":{"rendered":"Clients"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"367\" class=\"elementor elementor-367\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7631cfb e-con-full e-flex e-con e-parent\" data-id=\"7631cfb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ef62ef elementor-widget elementor-widget-html\" data-id=\"5ef62ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"clients-big\" aria-label=\"Our Clients (A\u2013Z)\">\r\n  <style>\r\n    #clients-big, #clients-big *{box-sizing:border-box}\r\n    #clients-big{\r\n      --brand:#1f4f9a; --gold:#f0b84b;\r\n      font-family:\"Segoe UI\", Roboto, Arial, sans-serif;\r\n      background:#fff; padding:56px 16px;\r\n    }\r\n    #clients-big .wrap{max-width:1280px;margin:0 auto;text-align:center}\r\n\r\n    \/* HEADING \u2014 single line *\/\r\n    #clients-big h2{\r\n      margin:0 0 22px; font-weight:800; font-size:clamp(22px,3.2vw,32px);\r\n      white-space:nowrap;\r\n    }\r\n    #clients-big h2 span{display:inline-block;vertical-align:middle}\r\n    #clients-big h2 .gold{color:var(--gold)}\r\n    #clients-big h2 .brand{color:var(--brand)}\r\n    #clients-big h2 .dash{color:var(--gold);margin:0 10px;font-weight:700}\r\n\r\n    \/* Grid (UNCHANGED) *\/\r\n    #clients-big .grid{\r\n      display:grid; gap:24px;\r\n      grid-template-columns:repeat(auto-fit,minmax(220px,1fr));\r\n      align-items:stretch; justify-items:stretch;\r\n    }\r\n\r\n    \/* Card (UNCHANGED) *\/\r\n    #clients-big .card{\r\n      background:#fff; border:2px solid var(--gold);\r\n      border-radius:18px; padding:18px;\r\n      box-shadow:0 6px 18px rgba(0,0,0,.06);\r\n      display:grid; place-items:center;\r\n      transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;\r\n    }\r\n    #clients-big .card:hover{\r\n      transform:translateY(-2px);\r\n      box-shadow:0 10px 26px rgba(0,0,0,.10);\r\n      border-color:#ffc566;\r\n    }\r\n\r\n    \/* Logo box (UNCHANGED) *\/\r\n    #clients-big .logo-box{\r\n      width:100%;\r\n      aspect-ratio:16 \/ 9;\r\n      display:grid; place-items:center;\r\n    }\r\n    #clients-big img{\r\n      max-width:100%; max-height:100%;\r\n      width:auto; height:auto; object-fit:contain;\r\n      image-rendering:auto;\r\n    }\r\n\r\n    \/* Responsive (UNCHANGED) *\/\r\n    @media (max-width:1024px){ #clients-big .grid{gap:20px} }\r\n    @media (max-width:640px){\r\n      #clients-big{padding:42px 12px}\r\n      #clients-big .grid{gap:16px; grid-template-columns:repeat(2,1fr)}\r\n      #clients-big .card{padding:14px; border-radius:16px}\r\n      #clients-big .logo-box{aspect-ratio:7 \/ 3}\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"wrap\">\r\n    <h2>\r\n      <span class=\"gold\">Our<\/span>\r\n      <span class=\"dash\">\u2013<\/span>\r\n      <span class=\"brand\">Trusted Clients<\/span>\r\n    <\/h2>\r\n\r\n    <div class=\"grid\" id=\"clients-grid\" aria-live=\"polite\"><\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const grid = document.getElementById('clients-grid');\r\n\r\n      \/* \ud83d\udd27 Bas itna rule follow karo:\r\n         Media Library me jo bhi client logos upload karoge, unke filename\r\n         \"client-\" se start karo (e.g., client-omega.webp). *\/\r\n      const FILENAME_PREFIX = 'client-';\r\n\r\n      \/* Fallback list (agar REST se kuch na aaye to) \u2014 DESIGN ko affect nahi karega *\/\r\n      const FALLBACK = [\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Zydus-Ahl.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Zeon.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Zenex.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Vlcc.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Victus.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Synokem.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Strelite-Power.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Springfit.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Polymed.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Parrish.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Omega.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Om-Biomedic.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Napion.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Mcnore.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Mangalam.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Kundan.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/India-Nipon.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Imc.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Great-White.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Girish.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Genus.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Cotec.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Cello.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/C-s.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Aroma.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Anchor.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Akums.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Ais.png\",\r\n        \"https:\/\/kamdhenuelevator.com\/wp-content\/uploads\/2025\/08\/Abdos.png\"\r\n      ];\r\n\r\n      const altFrom = (url) =>\r\n        url.split('\/').pop().replace(\/\\.[a-z0-9]+$\/i,'').replace(\/[-_]+\/g,' ').trim();\r\n\r\n      function render(urls){\r\n        const sorted = urls.slice().sort((a,b)=>{\r\n          const fa = a.split('\/').pop().toLowerCase();\r\n          const fb = b.split('\/').pop().toLowerCase();\r\n          return fa.localeCompare(fb);\r\n        });\r\n        sorted.forEach(url=>{\r\n          const card = document.createElement('div');\r\n          card.className = 'card';\r\n          const box = document.createElement('div');\r\n          box.className = 'logo-box';\r\n          const img = document.createElement('img');\r\n          img.src = url; img.alt = altFrom(url);\r\n          img.loading = 'lazy'; img.decoding = 'async';\r\n          box.appendChild(img); card.appendChild(box); grid.appendChild(card);\r\n        });\r\n      }\r\n\r\n      async function loadFromWP(){\r\n        const base = '\/wp-json\/wp\/v2\/media';\r\n        const perPage = 100;\r\n        let page = 1, all = [], more = true;\r\n\r\n        while(more){\r\n          const url = `${base}?media_type=image&per_page=${perPage}&page=${page}&orderby=title&order=asc&search=${encodeURIComponent(FILENAME_PREFIX)}`;\r\n          const res = await fetch(url, {credentials:'same-origin'});\r\n          if(!res.ok) break;\r\n          const items = await res.json();\r\n          if(!Array.isArray(items) || !items.length){ more=false; break; }\r\n\r\n          items.forEach(it=>{\r\n            const src = (it?.media_details?.sizes?.large?.source_url)\r\n                     || (it?.media_details?.sizes?.medium?.source_url)\r\n                     ||  it?.source_url;\r\n            if(!src) return;\r\n            const file = src.split('\/').pop().toLowerCase();\r\n            if(file.startsWith(FILENAME_PREFIX)) all.push(src);\r\n          });\r\n\r\n          if(items.length < perPage) more = false;\r\n          page++; if(page>20) more=false;\r\n        }\r\n        return all;\r\n      }\r\n\r\n      (async()=>{\r\n        try{\r\n          const urls = await loadFromWP();\r\n          render(urls && urls.length ? urls : FALLBACK);\r\n        }catch(e){\r\n          render(FALLBACK);\r\n        }\r\n      })();\r\n    })();\r\n  <\/script>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our \u2013 Trusted Clients<\/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":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-367","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/kamdhenuelevator.com\/author\/admin\/"},"uagb_comment_info":0,"uagb_excerpt":"Our \u2013 Trusted Clients","_links":{"self":[{"href":"https:\/\/kamdhenuelevator.com\/index.php\/wp-json\/wp\/v2\/pages\/367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kamdhenuelevator.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kamdhenuelevator.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kamdhenuelevator.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kamdhenuelevator.com\/index.php\/wp-json\/wp\/v2\/comments?post=367"}],"version-history":[{"count":20,"href":"https:\/\/kamdhenuelevator.com\/index.php\/wp-json\/wp\/v2\/pages\/367\/revisions"}],"predecessor-version":[{"id":520,"href":"https:\/\/kamdhenuelevator.com\/index.php\/wp-json\/wp\/v2\/pages\/367\/revisions\/520"}],"wp:attachment":[{"href":"https:\/\/kamdhenuelevator.com\/index.php\/wp-json\/wp\/v2\/media?parent=367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}