/* global React, ReactDOM, NOBBYO_ICONS, PageHeader, PageTopBar, PageFooter */
const { useState: cuS, useEffect: cuE } = React;
const CI = window.NOBBYO_ICONS;
// ============================================================
// COMPANY DATA — bKash
// ============================================================
const COMPANY = {
name: 'bKash',
name_bn: 'বিকাশ',
logo: 'b',
logoColor: '#E2126B',
tagline_bn: 'বাংলাদেশের লিডিং মোবাইল ফাইন্যান্সিয়াল সার্ভিস · "Fintech for the next billion"',
tagline_en: 'Bangladesh\'s leading mobile financial service · "Fintech for the next billion"',
founded: 2011,
hq_bn: 'গুলশান, ঢাকা',
hq_en: 'Gulshan, Dhaka',
size_bn: '২,৮০০+ জন',
size_en: '2,800+ employees',
industry_bn: 'মোবাইল ফাইন্যান্সিয়াল সার্ভিস',
industry_en: 'Mobile Financial Services',
website: 'bkash.com',
};
const ABOUT_BN = [
'bKash বাংলাদেশের সর্ববৃহৎ Mobile Financial Service (MFS) প্রোভাইডার, যা ৭ কোটি+ গ্রাহককে দৈনিক payments, savings, ঋণ ও remittance সেবা দিয়ে আসছে। আমরা শুধু একটি কোম্পানি না — আমরা একটি **ফাইন্যান্সিয়াল ইনক্লুশন আন্দোলন।**',
'গ্রাম থেকে শহর — চা-দোকানদার থেকে গার্মেন্টস কর্মী, রিকশাচালক থেকে ফ্রিল্যান্সার — সবার পকেটে ব্যাংক পৌঁছে দিচ্ছি। আমাদের লক্ষ্য ২০৩০ সালের মধ্যে বাংলাদেশের প্রতিটি digitally-enabled পরিবারের আর্থিক জীবনের কেন্দ্রবিন্দু হওয়া।',
];
const ABOUT_EN = [
'bKash is Bangladesh\'s largest Mobile Financial Service (MFS) provider, serving **70M+ customers** with daily payments, savings, credit, and remittance. We\'re not just a company — we\'re a **financial inclusion movement.**',
'From villages to cities — tea-stall owners to garment workers, rickshaw pullers to freelancers — we put a bank in everyone\'s pocket. Our goal: by 2030, be the financial heartbeat of every digitally-enabled household in Bangladesh.',
];
const PULL_BN = '"একটি দেশ গড়তে গেলে প্রথমে তার মানুষকে আর্থিকভাবে যুক্ত করতে হয়।"';
const PULL_EN = '"To build a nation, first connect its people financially."';
const STATS = [
{ num_bn: '৭০M+', num_en: '70M+', label_bn: 'গ্রাহক', label_en: 'Customers', trend: '+12% YoY' },
{ num_bn: '২,৮০০+', num_en: '2,800+', label_bn: 'কর্মী', label_en: 'Employees', trend: '+340 in 2025' },
{ num_bn: '৪.৬', num_en: '4.6', suffix: '/5', label_bn: 'এমপ্লয়ি রেটিং', label_en: 'Employee Rating', trend: 'Top 5%' },
{ num_bn: '১২', num_en: '12', label_bn: 'খোলা পদ', label_en: 'Open Roles', trend: '+4 this week' },
{ num_bn: '১৪', num_en: '14', label_bn: 'বছর', label_en: 'Years Active', trend: 'Since 2011' },
];
const VALUES_BN = [
{ i: 'shield', t: 'বিশ্বস্ততা সর্বাগ্রে', d: '৭ কোটি গ্রাহকের টাকা — তাই প্রতিটি decision-এ trust ও security প্রথম।' },
{ i: 'heart', t: 'মানুষ-প্রথম প্রোডাক্ট', d: 'Designs শুরু হয় গ্রাম থেকে — feature phone থেকে smartphone পর্যন্ত সবার জন্য।' },
{ i: 'zap', t: 'দ্রুত শিখি, দ্রুত গড়ি', d: 'Failure is feedback. Quarterly OKR cycles, weekly demos, monthly retros।' },
{ i: 'globe', t: 'গর্বিতভাবে বাংলাদেশি', d: 'Local context, local language, local insights — সব কিছুর কেন্দ্রে।' },
];
const VALUES_EN = [
{ i: 'shield', t: 'Trust above all', d: '70M customers\' money — every decision starts with trust and security.' },
{ i: 'heart', t: 'People-first products', d: 'Design starts from the village — feature phone to smartphone, all included.' },
{ i: 'zap', t: 'Learn fast, build fast', d: 'Failure is feedback. Quarterly OKRs, weekly demos, monthly retros.' },
{ i: 'globe', t: 'Proudly Bangladeshi', d: 'Local context, local language, local insight — at the heart of everything.' },
];
const VALUE_ICONS = {
shield: ,
heart: ,
zap: ,
globe: ,
};
const PERKS_BN = [
{ e: '🏥', n: 'স্বাস্থ্য বীমা পরিবার সহ' },
{ e: '🏖️', n: '২৫ দিন বার্ষিক ছুটি' },
{ e: '👶', n: 'ম্যাটারনিটি ৬ মাস + পিতৃত্ব ১৫ দিন' },
{ e: '🏠', n: 'হাইব্রিড ওয়ার্ক' },
{ e: '📚', n: 'বছরে $২,০০০ লার্নিং বাজেট' },
{ e: '🎽', n: 'ESOP ও পারফরম্যান্স বোনাস' },
{ e: '🧘', n: 'মেন্টাল হেলথ সাপোর্ট' },
{ e: '☕', n: 'ফ্রি লাঞ্চ ও স্ন্যাকস' },
];
const PERKS_EN = [
{ e: '🏥', n: 'Health insurance for family' },
{ e: '🏖️', n: '25 days paid leave' },
{ e: '👶', n: '6mo maternity, 15 days paternity' },
{ e: '🏠', n: 'Hybrid work model' },
{ e: '📚', n: '$2,000 annual learning budget' },
{ e: '🎽', n: 'ESOP & performance bonus' },
{ e: '🧘', n: 'Mental health support' },
{ e: '☕', n: 'Free lunch & snacks' },
];
const ROLES = [
{ dept: 'Design', title_bn: 'সিনিয়র প্রোডাক্ট ডিজাইনার', title_en: 'Senior Product Designer', loc: 'Gulshan', type_bn: 'হাইব্রিড', type_en: 'Hybrid', salary_bn: '১,২০K – ১,৮০K', salary_en: '120K – 180K', applicants: 142, isNew: true, href: 'job-detail.html' },
{ dept: 'Engineering', title_bn: 'স্টাফ ব্যাকএন্ড ইঞ্জিনিয়ার', title_en: 'Staff Backend Engineer', loc: 'Gulshan', type_bn: 'হাইব্রিড', type_en: 'Hybrid', salary_bn: '২,৫০K – ৩,৫০K', salary_en: '250K – 350K', applicants: 86, isNew: true, href: '#' },
{ dept: 'Product', title_bn: 'প্রোডাক্ট ম্যানেজার, পেমেন্টস', title_en: 'Product Manager, Payments', loc: 'Gulshan', type_bn: 'অন-সাইট', type_en: 'On-site', salary_bn: '১,৮০K – ২,৪০K', salary_en: '180K – 240K', applicants: 198, href: '#' },
{ dept: 'Data', title_bn: 'সিনিয়র ডেটা সায়েন্টিস্ট', title_en: 'Senior Data Scientist', loc: 'Gulshan', type_bn: 'রিমোট', type_en: 'Remote', salary_bn: '২,০০K – ২,৮০K', salary_en: '200K – 280K', applicants: 67, href: '#' },
{ dept: 'Marketing', title_bn: 'গ্রোথ মার্কেটিং লিড', title_en: 'Growth Marketing Lead', loc: 'Gulshan', type_bn: 'হাইব্রিড', type_en: 'Hybrid', salary_bn: '১,৫০K – ২,২০K', salary_en: '150K – 220K', applicants: 124, href: '#' },
{ dept: 'Engineering', title_bn: 'iOS ডেভেলপার (মিড)', title_en: 'iOS Developer (Mid)', loc: 'Gulshan', type_bn: 'হাইব্রিড', type_en: 'Hybrid', salary_bn: '১,১০K – ১,৬০K', salary_en: '110K – 160K', applicants: 91, isNew: true, href: '#' },
];
const VOICES_BN = [
{
text: 'bKash-এ আমি প্রথম অনুভব করলাম যে design সরাসরি ১০ লাখ মানুষের জীবন পরিবর্তন করতে পারে। প্রতিটি screen-এ একটি গ্রামের গল্প থাকে।',
name: 'নুসরাত জাহান',
role: 'Lead Product Designer',
tenure: '৩ বছর',
rating: 5,
avatar: 'N',
color: '#E2126B',
},
{
text: 'Engineering culture-টা অসাধারণ — আমরা production-এ প্রতি সপ্তাহে ship করি, কিন্তু কোনো compromise security-তে না। Senior leadership সরাসরি accessible।',
name: 'রাকিবুল ইসলাম',
role: 'Staff Backend Engineer',
tenure: '৫ বছর',
rating: 5,
avatar: 'R',
color: '#2A3656',
},
{
text: 'Maternity leave-এর পর আমাকে part-time return-এর সুযোগ দিয়েছে। Bangladesh-এ এমন employer খুঁজে পাওয়া কঠিন।',
name: 'ফাহিমা আক্তার',
role: 'Product Manager',
tenure: '৪ বছর',
rating: 4,
avatar: 'F',
color: '#52A22E',
},
{
text: 'Scale-এ কাজ করার যে thrill — ৭ কোটি users — সেটা অন্য কোথাও পাবেন না। শিখছি প্রতিদিন।',
name: 'তাহসিন ইসলাম',
role: 'Data Scientist',
tenure: '২ বছর',
rating: 5,
avatar: 'T',
color: '#F58220',
},
];
const VOICES_EN = [
{
text: 'At bKash, I first realized design can directly change the lives of millions. Every screen carries a story from a village.',
name: 'Nusrat Jahan', role: 'Lead Product Designer', tenure: '3 yrs', rating: 5, avatar: 'N', color: '#E2126B',
},
{
text: 'The engineering culture is remarkable — we ship to production weekly without compromising on security. Senior leadership is directly accessible.',
name: 'Rakibul Islam', role: 'Staff Backend Engineer', tenure: '5 yrs', rating: 5, avatar: 'R', color: '#2A3656',
},
{
text: 'After maternity leave, I was offered a part-time return option. That kind of employer is rare in Bangladesh.',
name: 'Fahima Akter', role: 'Product Manager', tenure: '4 yrs', rating: 4, avatar: 'F', color: '#52A22E',
},
{
text: 'The thrill of working at scale — 70M users — you won\'t find anywhere else. I learn every single day.',
name: 'Tahsin Islam', role: 'Data Scientist', tenure: '2 yrs', rating: 5, avatar: 'T', color: '#F58220',
},
];
const TIMELINE_BN = [
{ y: 2011, e: 'bKash যাত্রা শুরু — BRAC Bank ও Money in Motion LLC এর JV হিসেবে।' },
{ y: 2014, e: '১ কোটি গ্রাহক পার করে — দেশের দ্রুততম MFS গ্রোথ।' },
{ y: 2018, e: 'Ant Financial বিনিয়োগ পায় — international fintech recognition।' },
{ y: 2021, e: 'bKash Pay Later চালু — Bangladesh-এর প্রথম digital credit at scale।' },
{ y: 2023, e: '৫ কোটি গ্রাহক ও ২,০০০ কর্মী — দেশে No.1 fintech employer।' },
{ y: 2025, e: '৭ কোটি গ্রাহক ও AI-driven personalized banking চালু।' },
];
const TIMELINE_EN = [
{ y: 2011, e: 'bKash launches — JV between BRAC Bank and Money in Motion LLC.' },
{ y: 2014, e: '10M customers — fastest MFS growth in the country.' },
{ y: 2018, e: 'Ant Financial invests — international fintech recognition.' },
{ y: 2021, e: 'bKash Pay Later launches — first digital credit at scale in Bangladesh.' },
{ y: 2023, e: '50M customers, 2,000+ employees — #1 fintech employer in the country.' },
{ y: 2025, e: '70M customers and AI-driven personalized banking.' },
];
const ACTIVITY_BN = [
{ t: '২ জন hire হলো এই সপ্তাহে', m: '২ ঘণ্টা আগে' },
{ t: 'iOS ডেভেলপার পদ post হলো', m: '৬ ঘণ্টা আগে' },
{ t: 'Design টিম-এ ৩ জন interview', m: 'গতকাল' },
{ t: 'Q4 ২০২৫ hiring update প্রকাশ', m: '২ দিন আগে' },
];
const ACTIVITY_EN = [
{ t: '2 hires made this week', m: '2 hrs ago' },
{ t: 'iOS Developer role posted', m: '6 hrs ago' },
{ t: 'Design team holding 3 interviews', m: 'Yesterday' },
{ t: 'Q4 2025 hiring update published', m: '2 days ago' },
];
const LOCATIONS = [
{ city_bn: 'গুলশান', city_en: 'Gulshan', addr_bn: 'গুলশান এভিনিউ, ঢাকা ১২১২', addr_en: 'Gulshan Avenue, Dhaka 1212', isHQ: true, jobs: 9 },
{ city_bn: 'ধানমন্ডি', city_en: 'Dhanmondi', addr_bn: 'ধানমন্ডি ৩২, ঢাকা', addr_en: 'Dhanmondi 32, Dhaka', jobs: 2 },
{ city_bn: 'চট্টগ্রাম', city_en: 'Chittagong', addr_bn: 'আগ্রাবাদ, চট্টগ্রাম', addr_en: 'Agrabad, Chittagong', jobs: 1 },
];
const TECH_STACK = ['React', 'TypeScript', 'Java', 'Kotlin', 'Swift', 'Node.js', 'Python', 'PostgreSQL', 'Kafka', 'Kubernetes', 'AWS', 'Figma'];
const TABS_BN = [
{ id: 'about', label: 'সম্পর্কে', icon: 'i' },
{ id: 'jobs', label: 'খোলা পদ', icon: 'briefcase', count: 12 },
{ id: 'people', label: 'কর্মীদের কণ্ঠ', icon: 'people' },
{ id: 'gallery', label: 'গ্যালারি', icon: 'image' },
{ id: 'journey', label: 'জার্নি', icon: 'clock' },
];
const TABS_EN = [
{ id: 'about', label: 'About', icon: 'i' },
{ id: 'jobs', label: 'Open Jobs', icon: 'briefcase', count: 12 },
{ id: 'people', label: 'Voices', icon: 'people' },
{ id: 'gallery', label: 'Gallery', icon: 'image' },
{ id: 'journey', label: 'Journey', icon: 'clock' },
];
// ============================================================
// COVER + IDENTITY
// ============================================================
function CoverAndId({ lang, following, setFollowing }) {
return (
<>
{lang === 'bn' ? 'এমপ্লয়ার লাইভ' : 'Employer Live'}
{lang === 'bn' ? 'বিকাশ' : 'bKash'}
{COMPANY.logo}
{lang === 'bn' ? 'এমপ্লয়ার প্রোফাইল' : 'Employer Profile'}
{lang === 'bn' ? 'যাচাইকৃত' : 'Verified'}
{lang === 'bn' ? COMPANY.name_bn : COMPANY.name}
{lang === 'bn' ? COMPANY.tagline_bn : COMPANY.tagline_en}
📍 {lang === 'bn' ? COMPANY.hq_bn : COMPANY.hq_en}
👥 {lang === 'bn' ? COMPANY.size_bn : COMPANY.size_en}
💼 {lang === 'bn' ? COMPANY.industry_bn : COMPANY.industry_en}
📅 {lang === 'bn' ? `${COMPANY.founded} সাল থেকে` : `Since ${COMPANY.founded}`}
{STATS.map((s, i) => (
{lang === 'bn' ? s.num_bn : s.num_en}
{s.suffix && {s.suffix}}
{lang === 'bn' ? s.label_bn : s.label_en}
{s.trend}
))}
);
}
// ============================================================
// TABS
// ============================================================
function CompanyTabs({ tab, setTab, lang }) {
const items = lang === 'bn' ? TABS_BN : TABS_EN;
return (
{items.map(t => (
))}
);
}
// ============================================================
// ABOUT SECTION
// ============================================================
function AboutSection({ lang }) {
const paragraphs = lang === 'bn' ? ABOUT_BN : ABOUT_EN;
return (
{lang === 'bn' ? 'আমরা কারা' : 'Who We Are'}
{lang === 'bn' ? 'বাংলাদেশকে আর্থিকভাবে সংযুক্ত করছি' : 'Banking Bangladesh, one phone at a time'}
{paragraphs.map((p, i) => (
$1') }} />
))}
{lang === 'bn' ? PULL_BN : PULL_EN}
{lang === 'bn' ? '৭ কোটি' : '70M'}+
{lang === 'bn' ? 'গ্রাহক যারা bKash ব্যবহার করেন' : 'Customers using bKash'}
{lang === 'bn' ? '২৫ কোটি+' : '$2.5B+'}
{lang === 'bn' ? 'মাসিক transaction value (USD)' : 'Monthly transaction value'}
{lang === 'bn' ? '৬৪' : '64'}
{lang === 'bn' ? 'জেলায় bKash এজেন্ট' : 'Districts with bKash agents'}
);
}
function ValuesSection({ lang }) {
const values = lang === 'bn' ? VALUES_BN : VALUES_EN;
return (
{lang === 'bn' ? 'আমাদের মূল্যবোধ' : 'Our Values'}
{lang === 'bn' ? 'যা আমাদের চালায়' : 'What drives us'}
{values.map((v, i) => (
{String(i + 1).padStart(2, '0')}
{VALUE_ICONS[v.i]}
{v.t}
{v.d}
))}
);
}
function PerksSection({ lang }) {
const perks = lang === 'bn' ? PERKS_BN : PERKS_EN;
return (
{lang === 'bn' ? 'সুবিধাসমূহ' : 'Perks & Benefits'}
{lang === 'bn' ? 'কর্মীদের যত্ন নিই' : 'We take care of our people'}
{perks.map((p, i) => (
))}
);
}
// ============================================================
// JOBS SECTION
// ============================================================
function JobsSection({ lang }) {
const [filter, setFilter] = cuS('all');
const depts = ['all', 'Design', 'Engineering', 'Product', 'Data', 'Marketing'];
const filtered = filter === 'all' ? ROLES : ROLES.filter(r => r.dept === filter);
return (
);
}
// ============================================================
// PEOPLE SECTION
// ============================================================
function PeopleSection({ lang }) {
const voices = lang === 'bn' ? VOICES_BN : VOICES_EN;
return (
{lang === 'bn' ? 'কর্মীদের কণ্ঠ' : 'Voices'}
{lang === 'bn' ? 'বর্তমান কর্মীরা যা বলেন' : 'What current employees say'}
{lang === 'bn' ? 'যাচাইকৃত NOBBYO প্রোফাইল থেকে অনন্য রিভিউ · ৪.৬/৫ গড় রেটিং' : 'Verified reviews from NOBBYO profiles · 4.6/5 average rating'}
{voices.map((v, i) => (
”
{[1,2,3,4,5].map(n => (
v.rating ? 'is-empty' : ''}`}>★
))}
{v.text}
))}
);
}
// ============================================================
// GALLERY SECTION
// ============================================================
function GallerySection({ lang }) {
const cells = [
{ cls: 'cp-art-office', mod: 'is-tall', label_bn: 'গুলশান অফিস', label_en: 'Gulshan Office' },
{ cls: 'cp-art-team', label_bn: 'প্রোডাক্ট টিম', label_en: 'Product Team' },
{ cls: 'cp-art-event', label_bn: 'টাউন হল ২০২৫', label_en: 'Town Hall 2025' },
{ cls: 'cp-art-product', label_bn: 'অ্যাপ ল্যাব', label_en: 'App Lab' },
{ cls: 'cp-art-csr', mod: 'is-wide', label_bn: 'CSR · ফ্লাড রিলিফ', label_en: 'CSR · Flood Relief' },
{ cls: 'cp-art-lobby', label_bn: 'লবি', label_en: 'Lobby' },
];
return (
{lang === 'bn' ? 'কর্মস্থল' : 'Workplace'}
{lang === 'bn' ? 'একনজরে কেমন bKash-এ কাজ করা' : 'A glimpse of life at bKash'}
{cells.map((c, i) => (
{lang === 'bn' ? c.label_bn : c.label_en}
))}
);
}
// ============================================================
// JOURNEY SECTION
// ============================================================
function JourneySection({ lang }) {
const events = lang === 'bn' ? TIMELINE_BN : TIMELINE_EN;
return (
{lang === 'bn' ? 'যাত্রাপথ' : 'Journey'}
{lang === 'bn' ? '১৪ বছরের গল্প' : '14 years in the making'}
{events.map((t, i) => (
))}
);
}
// ============================================================
// SIDEBAR
// ============================================================
function Sidebar({ lang }) {
const activity = lang === 'bn' ? ACTIVITY_BN : ACTIVITY_EN;
return (
);
}
// ============================================================
// APP
// ============================================================
function CompanyProfileApp() {
const [lang, setLang] = cuS('bn');
const [tab, setTab] = cuS('about');
const [following, setFollowing] = cuS(false);
cuE(() => {
document.body.classList.toggle('lang-bn', lang === 'bn');
document.body.classList.toggle('lang-en', lang === 'en');
}, [lang]);
return (
<>
{tab === 'about' && (
<>
)}
{tab === 'jobs' &&
}
{tab === 'people' &&
}
{tab === 'gallery' &&
}
{tab === 'journey' &&
}
);
}
ReactDOM.createRoot(document.getElementById('root')).render();