{"id":21247,"date":"2026-01-09T06:58:47","date_gmt":"2026-01-09T01:28:47","guid":{"rendered":"https:\/\/demo.vleafy.com\/ibc2\/?page_id=21247"},"modified":"2026-01-09T07:27:13","modified_gmt":"2026-01-09T01:57:13","slug":"registered-vendors","status":"publish","type":"page","link":"https:\/\/demo.vleafy.com\/ibc2\/registered-vendors\/","title":{"rendered":"Registered Vendors"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"21247\" class=\"elementor elementor-21247\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0415051 e-con-full e-flex e-con e-parent \" data-id=\"0415051\" data-element_type=\"container\">\t\t<div class=\"elementor-element elementor-element-c5fc7af elementor-widget elementor-widget-pxl_heading\" data-id=\"c5fc7af\" data-element_type=\"widget\" data-widget_type=\"pxl_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"pxl-pxl_heading-c5fc7af-6156\" class=\"pxl-heading pxl-heading--tcustom\">\n\t<div class=\"pxl-heading--inner\">\n\n\t\t\n\t<h3 class=\"pxl-item--title   pxl-color-style-1 wow fadeInUp\" data-wow-delay=\"300ms\">\n\n\n\tRegistered Vendors\t\t\t\n\t<\/h3>\n\n<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-031c6c6 elementor-widget elementor-widget-image\" data-id=\"031c6c6\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"218\" height=\"80\" src=\"https:\/\/demo.vleafy.com\/ibc2\/wp-content\/uploads\/2024\/06\/home-1-light.png\" class=\"attachment-large size-large wp-image-7236\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-21b48a4 e-flex e-con-boxed e-con e-parent \" data-id=\"21b48a4\" data-element_type=\"container\">\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-a0ec5cb elementor-widget elementor-widget-html\" data-id=\"a0ec5cb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\r\nbody {\r\n  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif!important;}\r\n\r\n.regvd-section { margin: 100px 0; padding: 0 20px; }\r\n.regvd-container { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 280px 1fr; gap: 40px; align-items: start; }\r\n.regvd-sidebar { position: sticky; top: 100px; }\r\n.regvd-nav { background: linear-gradient(145deg, rgba(138,43,226,.15), rgba(75,0,130,.15)); backdrop-filter: blur(15px); border: 2px solid rgba(138,43,226,.3); border-radius: 20px; padding: 10px; overflow: hidden; }\r\n.regvd-nav-item { display: block; padding: 15px 20px; color: rgba(255,255,255,.7); text-decoration: none; font-weight: 600; border-radius: 12px; transition: .3s; margin-bottom: 5px; cursor: pointer; position: relative; }\r\n.regvd-nav-item:hover { background: rgba(138,43,226,.2); color: #fff; transform: translateX(5px); }\r\n.regvd-nav-item.active { background: linear-gradient(135deg, #8a2be2, #ff1493); color: #fff; box-shadow: 0 8px 20px rgba(138,43,226,.5); }\r\n.regvd-nav-item.active::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 60%; background: #fff; border-radius: 0 4px 4px 0; }\r\n\r\n.regvd-content-section { background: linear-gradient(145deg, rgba(138,43,226,.2), rgba(75,0,130,.2)); backdrop-filter: blur(15px); border: 2px solid rgba(138,43,226,.4); border-radius: 25px; padding: 20px 30px; margin-bottom: 40px; scroll-margin-top: 100px; transition: .4s; }\r\n.regvd-content-section:hover { border-color: #ff1493; box-shadow: 0 20px 50px rgba(138,43,226,.5); }\r\n.regvd-content-section.active-section { border: 2px solid #ff1493; box-shadow: 0 20px 50px rgba(138,43,226,.7); }\r\n\r\n.regvd-content-title { font-size: 2rem; margin-bottom: 15px; color: #fff; }\r\n.regvd-contact-info { display: flex; flex-direction: column; gap: 10px; margin-bottom: 15px; }\r\n.regvd-contact-item { display: flex; align-items: center; gap: 10px; font-weight: 600; color: rgba(255,255,255,.9); }\r\n.regvd-contact-icon { width: 20px; height: 20px; fill: #ff1493; }\r\n\r\n@keyframes regvd-float { 0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-20px) rotate(180deg);} }\r\n.regvd-particle { position: fixed; width: 4px; height: 4px; background: rgba(138,43,226,.5); border-radius: 50%; pointer-events: none; animation: regvd-float 6s infinite ease-in-out; z-index: 0; }\r\n\r\n@media (max-width: 968px) {\r\n  .regvd-container { grid-template-columns: 1fr; }\r\n  .regvd-sidebar { position: static; margin-bottom: 30px; }\r\n  .regvd-nav { display: flex; overflow-x: auto; padding: 10px; gap: 10px; }\r\n  .regvd-nav-item { white-space: nowrap; margin-bottom: 0; }\r\n  .regvd-nav::-webkit-scrollbar { height: 6px; }\r\n  .regvd-nav::-webkit-scrollbar-track { background: rgba(138,43,226,.1); border-radius: 10px; }\r\n  .regvd-nav::-webkit-scrollbar-thumb { background: rgba(138,43,226,.5); border-radius: 10px; }\r\n  .regvd-content-section { padding: 30px 20px; }\r\n  .regvd-content-title { font-size: 1.8rem; }\r\n}\r\n@media (max-width: 480px) {\r\n  .regvd-content-section { padding: 20px 15px; }\r\n  .regvd-content-title { font-size: 1.5rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"regvd-section\">\r\n<div class=\"regvd-container\">\r\n<aside class=\"regvd-sidebar\">\r\n<nav class=\"regvd-nav\" id=\"sidebarNav\"><\/nav>\r\n<\/aside>\r\n<main class=\"regvd-content\" id=\"contentArea\"><\/main>\r\n<\/div>\r\n<\/section>\r\n\r\n<script>\r\n\/\/ JSON: Sections with multiple contacts\r\nconst sectionsData = [\r\n  { id: \"stall-fabrication\", contacts: [{name:\"Name\", phone:\"+91-99999 99999\"}, {name:\"Name\", phone:\"+91-99999 99999\"}] },\r\n  { id: \"customised-stall\", contacts: [{name:\"Name\", phone:\"+91-99999 99999\"}] },\r\n  { id: \"hospitality-services\", contacts: [{name:\"Name\", phone:\"+91-99999 99999\"}] },\r\n  { id: \"manpower-services\", contacts: [{name:\"Name\", phone:\"+91-99999 99999\"}] },\r\n  { id: \"flex-printing\", contacts: [{name:\"Name\", phone:\"+91-99999 99999\"}] },\r\n  { id: \"designs\", contacts: [{name:\"Name\", phone:\"+91-99999 99999\"}] },\r\n  { id: \"food\", contacts: [{name:\"Name\", phone:\"+91-99999 99999\"}] },\r\n  { id: \"hire-goods\", contacts: [{name:\"Name\", phone:\"+91-99999 99999\"}] },\r\n  { id: \"technical-requirements\", contacts: [{name:\"Name\", phone:\"+91-99999 99999\"}] },\r\n  { id: \"travel\", contacts: [{name:\"Name\", phone:\"+91-99999 99999\"}] },\r\n  { id: \"stay\", contacts: [{name:\"Name\", phone:\"+91-99999 99999\"}] },\r\n  { id: \"ticket\", contacts: [{name:\"Name\", phone:\"+91-99999 99999\"}] },\r\n  { id: \"photo-video\", contacts: [{name:\"Name\", phone:\"+91-99999 99999\"}] },\r\n  { id: \"advertisements\", contacts: [{name:\"Name\", phone:\"+91-99999 99999\"}] }\r\n];\r\n\r\nconst sidebarNav = document.getElementById(\"sidebarNav\");\r\nconst contentArea = document.getElementById(\"contentArea\");\r\n\r\n\/\/ Render sections dynamically\r\nsectionsData.forEach(sec => {\r\n  \/\/ Sidebar\r\n  const navItem = document.createElement(\"a\");\r\n  navItem.href = `#${sec.id}`;\r\n  navItem.className = \"regvd-nav-item\";\r\n  navItem.dataset.section = sec.id;\r\n  navItem.textContent = sec.id.replace(\/-\/g,' ').replace(\/\\b\\w\/g, l => l.toUpperCase());\r\n  sidebarNav.appendChild(navItem);\r\n\r\n  \/\/ Section\r\n  const sectionEl = document.createElement(\"section\");\r\n  sectionEl.id = sec.id;\r\n  sectionEl.className = \"regvd-content-section\";\r\n\r\n  const titleEl = document.createElement(\"h2\");\r\n  titleEl.className = \"regvd-content-title\";\r\n  titleEl.textContent = navItem.textContent;\r\n  sectionEl.appendChild(titleEl);\r\n\r\n  \/\/ Contacts\r\n  const contactWrap = document.createElement(\"div\");\r\n  contactWrap.className = \"regvd-contact-info\";\r\n  sec.contacts.forEach(contact => {\r\n    const contactName = document.createElement(\"div\");\r\n    contactName.className = \"regvd-contact-item\";\r\n    contactName.innerHTML = `<svg class=\"regvd-contact-icon\" viewBox=\"0 0 24 24\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4z\"\/><\/svg>${contact.name}`;\r\n    contactWrap.appendChild(contactName);\r\n\r\n    const contactPhone = document.createElement(\"div\");\r\n    contactPhone.className = \"regvd-contact-item\";\r\n    contactPhone.innerHTML = `<svg class=\"regvd-contact-icon\" viewBox=\"0 0 24 24\"><path d=\"M6.62 10.79l6.59 6.59\"\/><\/svg>${contact.phone}`;\r\n    contactWrap.appendChild(contactPhone);\r\n  });\r\n  sectionEl.appendChild(contactWrap);\r\n\r\n  contentArea.appendChild(sectionEl);\r\n});\r\n\r\nconst navItems = document.querySelectorAll('.regvd-nav-item');\r\nconst sections = document.querySelectorAll('.regvd-content-section');\r\n\r\nlet currentActive = 0;\r\n\/\/ Set first tab active by default\r\nnavItems[0].classList.add('active');\r\nsections[0].classList.add('active-section');\r\n\r\n\/\/ Scroll-based tab highlighting using index\r\nwindow.addEventListener('scroll', () => {\r\n  let index = sections.length - 1;\r\n  for (let i = 0; i < sections.length; i++) {\r\n    const rect = sections[i].getBoundingClientRect();\r\n    if (rect.top - 100 <= 0) {\r\n      index = i;\r\n    } else {\r\n      break;\r\n    }\r\n  }\r\n  if (index !== currentActive) {\r\n    navItems[currentActive].classList.remove('active');\r\n    sections[currentActive].classList.remove('active-section');\r\n    navItems[index].classList.add('active');\r\n    sections[index].classList.add('active-section');\r\n    currentActive = index;\r\n  }\r\n});\r\n\r\n\/\/ Smooth scroll + immediate highlight on click\r\nnavItems.forEach((item, idx) => {\r\n  item.addEventListener('click', e=>{\r\n    e.preventDefault();\r\n    sections[idx].scrollIntoView({behavior:'smooth'});\r\n    navItems[currentActive].classList.remove('active');\r\n    sections[currentActive].classList.remove('active-section');\r\n    item.classList.add('active');\r\n    sections[idx].classList.add('active-section');\r\n    currentActive = idx;\r\n  });\r\n});\r\n\r\n\/\/ Floating particles\r\nfunction createParticles(){\r\n  for(let i=0;i<50;i++){\r\n    const particle=document.createElement('div');\r\n    particle.className='regvd-particle';\r\n    particle.style.top=Math.random()*window.innerHeight+'px';\r\n    particle.style.left=Math.random()*window.innerWidth+'px';\r\n    particle.style.animationDelay=Math.random()*6+'s';\r\n    particle.style.animationDuration=(Math.random()*4+4)+'s';\r\n    document.body.appendChild(particle);\r\n  }\r\n}\r\ncreateParticles();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Registered Vendors<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21247","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/pages\/21247","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/comments?post=21247"}],"version-history":[{"count":0,"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/pages\/21247\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/media?parent=21247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}