/* Mereka v2 — Public web pages */ /* =================== HOME =================== */ function WebHomePage() { return ( ); } function HeroSection() { const items = [ { icon: 'user', title: 'Experts', desc: 'Schedule 1-on-1 sessions', to: '/web/experts' }, { icon: 'award', title: 'Expertise', desc: 'Browse services by our Experts', to: '/web/expertise' }, { icon: 'briefcase', title: 'Jobs', desc: 'View available jobs', to: '/web/jobs' }, { icon: 'compass', title: 'Experiences', desc: 'Browse activities by Hubs', to: '/web/experiences' }, ]; return (

Book Leading Experts & Services

Mereka connects you to leading experts and services to solve your most pressing challenges. Gain insights from vetted professionals and organisations to work on your business, career, or personal well-being.

Are you an Expert? Explore Job Opportunities

{items.map(it => (

{it.title}

{it.desc}

))}

Corporate

Course creation, event management & funding opportunities.
Dr. Hanna Yusof
Brand Strategist
142 sessions
Sourdough Bread Class
Mill & Crust · KL
Active
Brand Identity Sprint
2 weeks · Online + 1 in-person
RM 8,500
Trusted by
4,200+ businesses
); } function ExperiencesSection() { return (
Discover View all
{EXPERIENCES.slice(0, 4).map((e, i) => )}
); } function ExperienceCard({ experience: e, seed }) { return (
{e.badge}

{e.title}

{e.host}

{e.price} {e.priceUnit}

); } function ExpertsSection() { return (
Book Leading View all
{EXPERTS.slice(0, 4).map(x => )}
); } function ExpertCard({ expert: x }) { return (

{x.name}

{x.role}

({x.reviews})
{x.skills.slice(0, 2).map(s => {s})}
{x.hourly}
 ); } function ExpertiseSection() { return (
Featured View all
{EXPERTISE.slice(0, 3).map((p, i) => )}
); } function ExpertiseCard({ expertise: p, seed }) { return ( {p.category}

{p.title}

by {p.host} · {p.delivery}

{p.price}
); } function JobsSection() { return (
Open View all
{JOBS.slice(0, 4).map(j => )}
); } function JobCard({ job: j }) { return (

{j.title}

{j.client} · Posted {j.posted}

{j.type}
{j.budget} · {j.duration}
{j.skills.map(s => {s})}
{j.proposals} proposals View details →
); } function ReviewsSection() { return (

What people say

Real businesses, real outcomes.

{REVIEWS.map(r => (
{[...Array(5)].map((_, i) => )}

"{r.quote}"

{r.name}
{r.role}
))}
); } function MarketplaceCTA() { return (
For Hubs & Studios

List a service.
Reach 4,200+ clients.

Set up your hub in 10 minutes. Bookings, payouts, and reviews — all in one place.

For Experts

Lend your expertise.
Build your practice.

Apply to vetted jobs, host workshops, and grow a portfolio of work that pays.

); } function CorporateCTA() { return (
Corporate Solutions

Run workshops, courses and events at scale

Curated for teams of 50+. Custom programmes, dedicated success managers, and consolidated invoicing.

); } /* =================== EXPERIENCES LIST =================== */ function WebExperiencesPage() { const [query, setQuery] = useState(''); const [fmt, setFmt] = useState('All'); const [sort, setSort] = useState('Recommended'); const q = query.trim().toLowerCase(); const FILTERS = ['All', 'In-person', 'Online']; const results = EXPERIENCES.filter(e => (fmt === 'All' || e.badge === fmt) && (q === '' || (e.title + ' ' + e.host + ' ' + e.location).toLowerCase().includes(q)) ); const _num = (v) => parseFloat(String(v).replace(/[^0-9.]/g, "")) || 0; let view = results; if (sort === 'Price: low to high') view = [...results].sort((a, b) => _num(a.price) - _num(b.price)); else if (sort === 'Price: high to low') view = [...results].sort((a, b) => _num(b.price) - _num(a.price)); else if (sort === 'Rating') view = [...results].sort((a, b) => b.rating - a.rating); else if (sort === 'Duration') view = [...results].sort((a, b) => _num(a.duration) - _num(b.duration)); return ( {/* Hero / search */}

Discover Experiences

Hands-on workshops, classes and tours hosted by Mereka hubs across Malaysia and beyond.

setQuery(e.target.value)} placeholder="Search experiences by title, host or location…" className="w-full h-13 pl-12 pr-4 py-3.5 rounded-full bg-white border border-neutral-300 text-[15px] placeholder:text-neutral-400 focus:outline-none focus:border-zinc-900 transition-colors" style={{ fontFamily: _la }} />
{/* Format pills */}
{FILTERS.map(c => ( ))}

{results.length} experience{results.length === 1 ? '' : 's'}{fmt !== 'All' ? ` · ${fmt}` : ''}

{results.length === 0 ? (

No experiences found

Try a different search or filter.

) : (
{view.map((e, i) => (
{e.badge}

{e.title}

{e.host}

{e.location} {e.duration}
{e.price} {e.priceUnit} {e.rating}({e.reviews})
))}
)}
); } /* =================== EXPERIENCE DETAIL =================== */ function WebExperienceDetailPage({ slug }) { const exp = EXPERIENCES.find(e => e.slug === slug) || EXPERIENCES[0]; return (
Back to experiences
{exp.badge} {exp.category}

{exp.title}

{exp.rating} · {exp.reviews} reviews · {exp.location}

Hosted by

{exp.host}

· Verified Host

About this experience

{exp.about.map((para, i) => (

{para}

))}

What's included

{exp.included.map(it => (
{it}
))}

Location

{exp.location}

Reviews ({exp.reviews})

{REVIEWS.slice(0, 3).map(r => (
{r.name}
2 weeks ago

{r.quote}

))}
); } function Row({ label, children }) { return
{label}{children}
; } /* =================== EXPERTS LIST =================== */ function WebExpertsPage() { const [query, setQuery] = useState(''); const [cat, setCat] = useState('All'); const [sort, setSort] = useState('Recommended'); const q = query.trim().toLowerCase(); const results = EXPERTS.filter(x => (cat === 'All' || x.category === cat) && (q === '' || (x.name + ' ' + x.role + ' ' + x.desc + ' ' + x.skills.join(' ')).toLowerCase().includes(q)) ); const _num = (v) => parseFloat(String(v).replace(/[^0-9.]/g, "")) || 0; let view = results; if (sort === 'Rating') view = [...results].sort((a, b) => b.rating - a.rating); else if (sort === 'Rate: low to high') view = [...results].sort((a, b) => _num(a.hourly) - _num(b.hourly)); else if (sort === 'Rate: high to low') view = [...results].sort((a, b) => _num(b.hourly) - _num(a.hourly)); return ( {/* Hero / search */}

Browse Experts

Schedule 1-on-1 sessions with vetted professionals across branding, design, engineering, marketing and more.

setQuery(e.target.value)} placeholder="Search experts by name, role or skill…" className="w-full h-13 pl-12 pr-4 py-3.5 rounded-full bg-white border border-neutral-300 text-[15px] placeholder:text-neutral-400 focus:outline-none focus:border-zinc-900 transition-colors" style={{ fontFamily: _la }} />
{/* Category pills */}
{EXPERT_CATEGORIES.map(c => ( ))}

{results.length} expert{results.length === 1 ? '' : 's'}{cat !== 'All' ? ` in ${cat}` : ''}

{results.length === 0 ? (

No experts found

Try a different search or category.

) : (
{view.map((x, i) => (

{x.name}

{x.role}

{x.desc}

{x.skills.slice(0, 3).map(s => ( {s} ))}
{x.rating}({x.reviews}) {x.hourly}
))}
)}
); } /* =================== EXPERT DETAIL =================== */ function WebExpertDetailPage({ id }) { const x = EXPERTS.find(x => x.id === id) || EXPERTS[0]; return (
Back to experts

{x.name}

{x.role}

{x.rating} · {x.reviews} reviews · {x.location}

{x.desc}

About

{x.desc} Based in {x.location}, {x.name.split(' ')[0]} has spent over a decade helping companies clarify their positioning, ship product, and grow with intention. Past clients include scale-ups across Southeast Asia and several Fortune 500 brand teams.

Skills & tools

{[...new Set([...x.skills, 'Figma', 'Notion', 'Miro', 'Workshops', 'Mentoring'])].map(s => {s})}

Recent work

{[0, 1, 2].map(i => (

Project {i + 1}

))}

Reviews

{REVIEWS.slice(0, 2).map(r => (
{r.name}
{r.role}

{r.quote}

))}
); } /* =================== EXPERTISE LIST =================== */ function WebExpertisePage() { const [query, setQuery] = useState(''); const [cat, setCat] = useState('All'); const [sort, setSort] = useState('Recommended'); const q = query.trim().toLowerCase(); const results = EXPERTISE.filter(p => (cat === 'All' || p.category === cat) && (q === '' || (p.title + ' ' + p.host + ' ' + p.desc + ' ' + p.category).toLowerCase().includes(q)) ); const _num = (v) => parseFloat(String(v).replace(/[^0-9.]/g, "")) || 0; let view = results; if (sort === 'Price: low to high') view = [...results].sort((a, b) => _num(a.price) - _num(b.price)); else if (sort === 'Price: high to low') view = [...results].sort((a, b) => _num(b.price) - _num(a.price)); else if (sort === 'Rating') view = [...results].sort((a, b) => b.rating - a.rating); return (

Browse their Expertise

Packaged services from our experts and hubs — clear scopes, fixed pricing, ready to book.

setQuery(e.target.value)} placeholder="Search expertise by service, skill or hub…" className="w-full h-13 pl-12 pr-4 py-3.5 rounded-full bg-white border border-neutral-300 text-[15px] placeholder:text-neutral-400 focus:outline-none focus:border-zinc-900 transition-colors" style={{ fontFamily: _la }} />
{EXPERTISE_CATEGORIES.map(c => ( ))}

{results.length} service{results.length === 1 ? '' : 's'}{cat !== 'All' ? ` in ${cat}` : ''}

{results.length === 0 ? (

No expertise found

Try a different search or category.

) : (
{view.map((p, i) => (

{p.title}

{p.desc}

{[p.category, p.delivery].map(s => ( {s} ))}
{p.rating}({p.reviews}) {p.price}
))}
)}
); } /* =================== EXPERTISE DETAIL =================== */ function WebExpertiseDetailPage({ slug }) { const p = EXPERTISE.find(p => p.slug === slug || p.id === slug) || EXPERTISE[0]; return (
Back to expertise
{p.category}

{p.title}

{p.rating} · {p.reviews} reviews · By {p.host}

What you get

{p.desc}

{p.deliverables.map(it => (
{it}
))}

Timeline

{p.timeline.map((s, i) => (
{s.w}
{s.t}
{s.d}
))}
); } /* =================== JOBS LIST =================== */ function WebJobsPage() { const [query, setQuery] = useState(''); const [type, setType] = useState(() => new Set()); const [budget, setBudget] = useState(() => new Set()); const [dur, setDur] = useState(() => new Set()); const [skills, setSkills] = useState(() => new Set()); const [sort, setSort] = useState('Most recent'); const q = query.trim().toLowerCase(); const toggle = (setter) => (v) => setter(p => { const n = new Set(p); n.has(v) ? n.delete(v) : n.add(v); return n; }); const inBudget = (j) => budget.size === 0 || [...budget].some(b => (b === 'Under RM 5k' && j.budgetVal < 5000) || (b === 'RM 5k\u201320k' && j.budgetVal >= 5000 && j.budgetVal <= 20000) || (b === 'RM 20k+' && j.budgetVal > 20000)); const inDur = (j) => dur.size === 0 || [...dur].some(d => (d === '< 1 month' && j.durMonths < 1) || (d === '1\u20133 months' && j.durMonths >= 1 && j.durMonths <= 3) || (d === '3+ months' && j.durMonths > 3)); let results = JOBS.filter(j => (type.size === 0 || type.has(j.type)) && inBudget(j) && inDur(j) && (skills.size === 0 || j.skills.some(sk => skills.has(sk))) && (q === '' || (j.title + ' ' + j.client + ' ' + j.skills.join(' ')).toLowerCase().includes(q)) ); if (sort === 'Highest budget') results = [...results].sort((a, b) => b.budgetVal - a.budgetVal); else if (sort === 'Fewest proposals') results = [...results].sort((a, b) => a.proposals - b.proposals); const anyFilter = type.size || budget.size || dur.size || skills.size || q; const reset = () => { setQuery(''); setType(new Set()); setBudget(new Set()); setDur(new Set()); setSkills(new Set()); setSort('Most recent'); }; return (

Jobs

Open briefs from clients across Southeast Asia. Apply, get hired, get paid.

setQuery(e.target.value)} placeholder="Search jobs by title, client or skill..." className="w-full h-11 pl-11 pr-4 rounded-full border border-neutral-300 bg-white text-sm focus:outline-none focus:border-zinc-900" />

{results.length} open job{results.length === 1 ? '' : 's'}

{results.length === 0 ? (

No jobs found

Try clearing a filter or searching differently.

) : (
{results.map(j => )}
)}
); } function FilterGroup({ title, items, selected, onToggle }) { return (
{title}
{items.map(it => ( ))}
); } /* =================== JOB DETAIL =================== */ function WebJobDetailPage({ id }) { const j = JOBS.find(j => j.id === id) || JOBS[0]; return (
Back to jobs
{j.type}

{j.title}

{j.client} · Posted {j.posted}

About the project

We're launching a clean-beauty skincare line and need a creative partner to develop our brand identity from scratch. You'll work directly with the founders to define positioning, name our SKUs, design our logo system, and produce packaging artwork for our first three products.

We have rough mood boards, customer interviews and a working name to share at kickoff. Looking for senior brand talent who's shipped at least three D2C consumer brands previously.

Skills required

{j.skills.concat(['Packaging', 'Print', 'Adobe Illustrator', 'Figma']).map(s => {s})}

About the client

{j.client}
Member since 2024 · 4 jobs posted · 100% payout rate
); } function Stat({ label, value }) { return (
{label}
{value}
); } /* =================== HUBS LIST =================== */ function WebHubsPage() { const [query, setQuery] = useState(''); const [sort, setSort] = useState('Recommended'); const q = query.trim().toLowerCase(); let results = HUBS.filter(h => q === '' || (h.name + ' ' + h.focus + ' ' + h.city).toLowerCase().includes(q)); if (sort === 'Rating') results = [...results].sort((a, b) => b.rating - a.rating); else if (sort === 'Most members') results = [...results].sort((a, b) => b.members - a.members); else if (sort === 'Name: A-Z') results = [...results].sort((a, b) => a.name.localeCompare(b.name)); return (

Hubs

Studios, makerspaces and collectives across Southeast Asia.

setQuery(e.target.value)} placeholder="Search hubs by name, focus or city..." className="w-full h-11 pl-11 pr-4 rounded-full border border-neutral-300 bg-white text-sm focus:outline-none focus:border-zinc-900" />

{results.length} hub{results.length === 1 ? '' : 's'}

{results.length === 0 ? (

No hubs found

Try a different search.

) : (
{results.map((h, i) => (

{h.name}

{h.focus} \u00b7 {h.city}

{h.members} members Visit hub \u2192
))}
)}
); } function WebHubDetailPage({ id }) { const h = HUBS.find(h => h.id === id) || HUBS[0]; return (
Back to hubs

{h.name}

{h.focus}· {h.city} ·{h.members} members ·
{}} className="mb-6" />
{EXPERIENCES.slice(0, 4).map((e, i) => )}
); } /* =================== PROGRAMS (AI Fundamentals) =================== */ function WebProgramsPage() { return (
Programs

Guided learning journeys, built around your goals.

Mereka Programs combine courses, experiences, and expertise from Mereka hubs into structured journeys — for individuals, teams, and entire organisations.

Featured programs

Built with Mereka hubs and industry partners.

{[ { title: 'AI Fundamentals for Teams', desc: '6-week journey from zero to deploying your first AI workflow.', tag: 'Live cohort', n: 240 }, { title: 'Founder Brand Sprint', desc: '4 weeks. Position, name, identity and launch website — together.', tag: 'Self-paced', n: 86 }, { title: 'Sustainability for SMEs', desc: 'ESG basics, carbon audits, reporting and certification readiness.', tag: 'Hybrid', n: 142 }, ].map((p, i) => (
{p.tag}

{p.title}

{p.desc}

{p.n} learners Learn more →
))}

How programs work

{[ { t: '1 · Match a goal', d: 'Tell us what you want to learn or what your team needs.' }, { t: '2 · Curated journey', d: 'We assemble courses, experts and experiences into a plan.' }, { t: '3 · Run it', d: 'Live sessions, async modules, and hub visits — tracked together.' }, { t: '4 · Certify', d: 'Get a Mereka-verified certificate at the end of each track.' }, ].map((s, i) => (
{i + 1}

{s.t.split(' · ')[1]}

{s.d}

))}
); } Object.assign(window, { WebHomePage, WebExperiencesPage, WebExperienceDetailPage, WebExpertsPage, WebExpertDetailPage, WebExpertisePage, WebExpertiseDetailPage, WebJobsPage, WebJobDetailPage, WebHubsPage, WebHubDetailPage, WebProgramsPage, });