بیست‌ونهمین نمایشگاه الکامپ با حضور حدود ۳۰۰ شرکت، از ۹ تا ۱۲ شهریورماه ۱۴۰۵، هر روز از ساعت ۸ تا ۱۶ در محل دائمی نمایشگاه‌های بین‌المللی تهران برگزار می‌شود.

امسال نیز مانند دوره‌های گذشته، بخشی از شرکت‌های فعال در بانکداری، پرداخت، لندتک، مدیریت دارایی، طلای آنلاین، هویت دیجیتال و زیرساخت فناوری در نمایشگاه غرفه دارند. برخی برای رونمایی یا معرفی محصول آمده‌اند و برخی دیگر الکامپ را فرصتی برای دیدار با مشتریان، شرکای تجاری و فعالان اکوسیستم می‌بینند.راه پرداخت در این راهنما، فهرست شرکت‌های موردتوجه فعالان فناوری مالی، بانکداری و اقتصاد دیجیتال را براساس حوزه فعالیت و به تفکیک سالن گردآوری کرده است.

@font-face {
font-family: “Sahel”;
src: url(“https://way2pay.ir/wp-content/uploads/Sahel.woff”) format(“woff”);
font-weight: 400;
font-display: swap;
}

@font-face {
font-family: “Sahel”;
src: url(“https://way2pay.ir/wp-content/uploads/Sahel-Bold.woff”) format(“woff”);
font-weight: 600;
font-display: swap;
}

@font-face {
font-family: “Sahel”;
src: url(“https://way2pay.ir/wp-content/uploads/Sahel-Black.woff”) format(“woff”);
font-weight: 800;
font-display: swap;
}

@font-face {
font-family: “Doran”;
src: url(“https://way2pay.ir/wp-content/uploads/Doran-Regular.woff2”) format(“woff2”);
font-weight: 400;
font-display: swap;
}

@font-face {
font-family: “Doran”;
src: url(“https://way2pay.ir/wp-content/uploads/Doran-ExtraBold.woff2”) format(“woff2”);
font-weight: 700;
font-display: swap;
}

:root {
–way-orange: #ff6600;
–way-cream: #fefcf6;
–way-cream-dark: #f8f4e8;
–ink: #333333;
–muted: #646464;
–line: #e7e0d1;
–paper: #ffffff;
–canvas: var(–way-cream);
–shadow: 0 12px 30px rgba(51, 51, 51, .06);
}

* { box-sizing: border-box; }

body {
margin: 0;
background: var(–canvas);
color: var(–ink);
font-family: “Sahel”, Tahoma, Arial, sans-serif;
line-height: 1.9;
}

a { color: inherit; }

.page {
width: min(1120px, calc(100% – 32px));
margin: 32px auto 56px;
}

.hero {
position: relative;
overflow: hidden;
padding: clamp(28px, 5vw, 58px);
border-radius: 24px;
border-top: 8px solid var(–way-orange);
background: var(–way-cream-dark);
color: #000;
box-shadow: var(–shadow);
}

.hero::after {
content: “”;
position: absolute;
inset: auto -90px -130px auto;
width: 310px;
height: 310px;
border: 56px solid rgba(255, 102, 0, .08);
border-radius: 50%;
}

.brand-line {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 18px;
font-weight: 700;
}

.brand-mark {
width: 11px;
height: 28px;
border-radius: 8px;
background: var(–way-orange);
}

h1 {
max-width: 820px;
margin: 0 0 16px;
font-size: clamp(28px, 5vw, 50px);
line-height: 1.45;
letter-spacing: -.8px;
font-family: “Doran”, “Sahel”, Tahoma, sans-serif;
}

.lead {
max-width: 880px;
margin: 0;
color: #404040;
font-size: clamp(15px, 2vw, 18px);
}

.facts {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 24px;
}

.fact {
padding: 7px 13px;
border: 1px solid #e1d6c2;
border-radius: 999px;
background: #fff;
font-size: 14px;
font-weight: 600;
}

.finder {
margin: 24px 0 4px;
padding: 18px;
border: 1px solid var(–line);
border-radius: 20px;
background: #fff;
box-shadow: var(–shadow);
}

.search-box {
display: grid;
grid-template-columns: 38px minmax(0, 1fr) auto;
align-items: center;
gap: 8px;
padding: 7px 10px 7px 8px;
border: 1px solid #ddd4c5;
border-radius: 15px;
background: var(–way-cream);
transition: border-color .18s ease, box-shadow .18s ease;
}

.search-box:focus-within {
border-color: var(–way-orange);
box-shadow: 0 0 0 4px rgba(255, 102, 0, .09);
}

.search-icon {
display: grid;
width: 34px;
height: 34px;
place-items: center;
border-radius: 11px;
background: rgba(255, 102, 0, .1);
color: var(–way-orange);
font-size: 18px;
}

.search-input {
width: 100%;
padding: 7px 0;
border: 0;
outline: 0;
background: transparent;
color: var(–ink);
font: 600 15px/1.8 “Sahel”, Tahoma, Arial, sans-serif;
}

.search-input::placeholder { color: #8a8177; font-weight: 400; }

.clear-search {
display: none;
padding: 5px 10px;
border: 0;
border-radius: 9px;
background: #eee8de;
color: #625b52;
cursor: pointer;
font: 700 12px/1.7 “Sahel”, Tahoma, Arial, sans-serif;
}

.clear-search.is-visible { display: inline-block; }

.quick-filters {
display: flex;
flex-wrap: wrap;
gap: 7px;
margin-top: 12px;
}

.filter-chip {
padding: 5px 11px;
border: 1px solid var(–line);
border-radius: 999px;
background: #fff;
color: #625b52;
cursor: pointer;
font: 700 12px/1.7 “Sahel”, Tahoma, Arial, sans-serif;
transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.filter-chip:hover,
.filter-chip.is-active {
border-color: var(–way-orange);
background: var(–way-orange);
color: #fff;
}

.results-line {
min-height: 24px;
margin: 10px 2px 0;
color: var(–muted);
font-size: 12px;
}

.empty-state {
display: none;
grid-column: 1 / -1;
padding: 30px 18px;
border: 1px dashed #d9cebc;
border-radius: 20px;
background: #fff;
color: var(–muted);
text-align: center;
}

.empty-state.is-visible { display: block; }

.hall[hidden], .stop[hidden] { display: none !important; }

.section-title {
display: flex;
align-items: center;
gap: 10px;
margin: 30px 0 16px;
color: #000;
font-size: 24px;
font-family: “Doran”, “Sahel”, Tahoma, sans-serif;
}

.section-title::before {
content: “”;
width: 8px;
height: 30px;
border-radius: 8px;
background: var(–way-orange);
}

.halls {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}

.hall {
position: relative;
overflow: hidden;
padding: 22px;
border: 1px solid var(–line);
border-radius: 22px;
background: linear-gradient(145deg, #fff 0%, #fff 74%, #fdf9ef 100%);
box-shadow: 0 8px 24px rgba(51, 51, 51, .055);
isolation: isolate;
}

.hall::after {
content: attr(data-hall);
position: absolute;
z-index: -1;
inset: -14px auto auto 14px;
color: rgba(255, 102, 0, .055);
font-family: “Doran”, “Sahel”, Tahoma, sans-serif;
font-size: 82px;
font-weight: 700;
line-height: 1;
pointer-events: none;
}

.hall.featured {
border-color: rgba(255, 102, 0, .32);
}

.hall.wide {
grid-column: 1 / -1;
}

.hall-head {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 10px;
}

.hall h2 {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
color: #000;
font-size: 21px;
line-height: 1.55;
font-family: “Doran”, “Sahel”, Tahoma, sans-serif;
}

.hall-icon {
display: grid;
width: 42px;
height: 42px;
place-items: center;
border: 1px solid rgba(255, 102, 0, .18);
border-radius: 14px;
background: rgba(255, 102, 0, .09);
font-family: “Sahel”, Tahoma, sans-serif;
font-size: 20px;
box-shadow: inset 0 0 0 4px rgba(255, 255, 255, .55);
}

.count {
flex: 0 0 auto;
padding: 3px 9px;
border-radius: 999px;
background: var(–way-cream-dark);
color: var(–way-orange);
font-size: 12px;
font-weight: 700;
}

.topics {
position: relative;
z-index: 1;
display: flex;
flex-wrap: wrap;
gap: 6px;
margin: 0 0 16px;
}

.topics span {
padding: 3px 9px;
border-radius: 999px;
background: var(–way-cream-dark);
color: #6f6557;
font-size: 11px;
font-weight: 700;
}

.stops {
position: relative;
z-index: 1;
display: grid;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}

.hall.wide .stops {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

.stop {
display: grid;
grid-template-columns: 32px minmax(0, 1fr) auto;
align-items: start;
gap: 9px;
min-height: 58px;
padding: 11px;
border: 1px solid #ebe4d7;
border-radius: 15px;
background: rgba(254, 252, 246, .88);
transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.stop::before {
content: “⌖”;
display: grid;
width: 30px;
height: 30px;
place-items: center;
border-radius: 10px;
background: #fff;
color: var(–way-orange);
font-size: 18px;
font-weight: 800;
box-shadow: 0 3px 10px rgba(255, 102, 0, .12);
}

.stop:hover {
transform: translateY(-2px);
border-color: rgba(255, 102, 0, .35);
box-shadow: 0 8px 18px rgba(51, 51, 51, .06);
}

.company {
align-self: center;
font-weight: 700;
line-height: 1.65;
}

.booth {
align-self: center;
white-space: nowrap;
padding: 2px 9px;
border-radius: 999px;
background: #fff;
color: #6b6258;
font-size: 12px;
font-weight: 700;
}

.note {
grid-column: 2 / -1;
padding-top: 1px;
border-top: 1px solid rgba(231, 224, 209, .65);
color: var(–muted);
font-size: 13px;
line-height: 1.8;
}

.note strong { color: var(–way-orange); }

.footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
margin-top: 24px;
padding: 18px 22px;
border-radius: 18px;
background: #fff;
border: 1px solid var(–line);
color: var(–muted);
font-size: 13px;
}

.footer a {
color: var(–way-orange);
font-weight: 700;
text-decoration: none;
}

@media (max-width: 1000px) {
.hall.wide .stops { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 800px) {
.halls { grid-template-columns: 1fr; }
.hall.wide { grid-column: auto; }
.hall.wide .stops { grid-template-columns: 1fr; }
.page { width: min(100% – 20px, 1120px); margin-top: 10px; }
.hero { border-radius: 18px; }
.footer { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 520px) {
.hall { padding: 17px; }
.hall-head { align-items: flex-start; }
.stop { grid-template-columns: 30px minmax(0, 1fr); }
.booth { grid-column: 2; justify-self: start; }
.note { grid-column: 2; }
}

@media print {
body { background: #fff; }
.page { width: 100%; margin: 0; }
.hero, .hall, .finder { break-inside: avoid; box-shadow: none; }
.hero { border-radius: 0; }
.finder { display: none; }
.stop:hover { transform: none; box-shadow: none; }
a { text-decoration: none; }
}

(() => {
const aliases = {
“هلدینگ دکا”: “لجستیک اقتصاد پلتفرمی فناوری”,
“مؤسسه اعتباری ملل”: “بانک بانکداری خدمات مالی اعتباری”,
“بانک اقتصادنوین”: “بانک بانکداری بانکداری دیجیتال خدمات مالی”,
“پرداخت نوین آرین”: “پرداخت پرداخت الکترونیکی PSP پی اس پی”,
“بانک صادرات ایران”: “بانک بانکداری بانکداری دیجیتال خدمات مالی”,
“بیت‌بانک”: “بانکداری بانک دیجیتال نئوبانک خدمات مالی”,
“هویتا”: “هویت دیجیتال احراز هویت امضای دیجیتال”,
“مهیمن”: “زیرساخت فناوری امنیت داده سازمانی”,
“گروه مالی کاریزما”: “بازار سرمایه مدیریت دارایی سرمایه گذاری ولث تک”,
“بانک رفاه کارگران”: “بانک بانکداری بانکداری دیجیتال خدمات مالی”,
“تکنوپی”: “لندتک اعتبار اعتباردهی اعتبارسنجی ریسک محور تراز”,
“ملی گلد”: “طلا طلای آنلاین سرمایه گذاری”,
“طلاین”: “طلا طلای آنلاین سرمایه گذاری”,
“طلاسی”: “طلا طلای آنلاین سرمایه گذاری”,
“ردبانک”: “بانکداری دیجیتال بانک نئوبانک خدمات مالی”,
“آروان‌کلاد”: “زیرساخت ابری کلاد رایانش ابری دیتاسنتر”,
“پست‌بانک ایران”: “بانک بانکداری بانکداری دیجیتال خدمات مالی”,
“آسیاتک”: “زیرساخت ارتباطات اینترنت دیتاسنتر”,
“پرمان”: “فناوری سازمانی نرم افزار”,
“آن‌باکس”: “لجستیک ارسال بسته تعارف رونمایی تغییر برند”,
“استودیو راه پرداخت”: “رسانه فین تک بانکداری پرداخت اقتصاد دیجیتال”,
“هوشمند سینا”: “فناوری هوش مصنوعی راهکار سازمانی”,
“دیبارایان”: “هویت دیجیتال احراز هویت بیومتریک امضای دیجیتال هوش مصنوعی”,
“اتاق بازرگانی تهران”: “صنفی سیاست گذاری اقتصاد دیجیتال بخش خصوصی”,
“رایتل”: “ارتباطات اپراتور زیرساخت اینترنت”,
“گروه فن‌آوا”: “پرداخت پرداخت الکترونیکی زیرساخت فناوری”,
“بهین تکنولوژی”: “سخت افزار زیرساخت فناوری تجهیزات”,
“رهاکو”: “زیرساخت مجازی سازی کلاد رایانش ابری”,
“بانک شهر و راهبرد هوشمند شهر”: “بانک بانکداری شهر هوشمند پرداخت خدمات مالی”,
“آداک فناوری مانیا”: “زیرساخت سخت افزار سرور شبکه ذخیره سازی دیتاسنتر”,
“هلدینگ دارا”: “بانکداری پرداخت وایت لیبل فناوری مالی”,
“سیموتک”: “بانکداری دیجیتال اعتبار پلتفرم باجت فناوری مالی”,
“سازمان نظام صنفی رایانه‌ای کشور یا تهران”: “صنفی سیاست گذاری نصر الکام تاکس اقتصاد دیجیتال”
};

const input = document.getElementById(“booth-search”);
const clearButton = document.getElementById(“clear-search”);
const status = document.getElementById(“search-status”);
const emptyState = document.getElementById(“empty-state”);
const halls = […document.querySelectorAll(“.hall”)];
const stops = […document.querySelectorAll(“.stop”)];
const chips = […document.querySelectorAll(“.filter-chip”)];

const normalize = value => value
.toString()
.trim()
.toLowerCase()
.replace(/[يى]/g, “ی”)
.replace(/ك/g, “ک”)
.replace(/ة/g, “ه”)
.replace(/[‌ـ]/g, ” “)
.replace(/s+/g, ” “);

const index = new Map(stops.map(stop => {
const company = stop.querySelector(“.company”)?.textContent.trim() || “”;
const booth = stop.querySelector(“.booth”)?.textContent.trim() || “”;
return [stop, normalize(`${company} ${booth} ${aliases[company] || “”}`)];
}));

const applyFilter = value => {
const query = normalize(value);
const tokens = query ? query.split(” “) : [];
let visibleCount = 0;

stops.forEach(stop => {
const haystack = index.get(stop);
const matches = tokens.every(token => haystack.includes(token));
stop.hidden = !matches;
if (matches) visibleCount += 1;
});

halls.forEach(hall => {
hall.hidden = !hall.querySelector(“.stop:not([hidden])”);
});

clearButton.classList.toggle(“is-visible”, Boolean(query));
emptyState.classList.toggle(“is-visible”, Boolean(query) && visibleCount === 0);
status.textContent = query ? `${visibleCount.toLocaleString(“fa-IR”)} نتیجه برای «${value.trim()}»` : “”;
chips.forEach(chip => chip.classList.toggle(“is-active”, normalize(chip.dataset.filter) === query));
};

input.addEventListener(“input”, event => applyFilter(event.target.value));

clearButton.addEventListener(“click”, () => {
input.value = “”;
applyFilter(“”);
input.focus();
});

chips.forEach(chip => chip.addEventListener(“click”, () => {
input.value = chip.dataset.filter;
applyFilter(input.value);
}));
})();