Luke a Pro

Luke Sun

Developer & Marketer

🇺🇦
EN||
MEXAR 官方網站落地頁

MEXAR Official Website

production
WebsiteAstroTailwindCSSDaisyUIi18nSEOB2BRemittanceComplianceContent

專案概覽

MEXAR Official Website 是 MEXAR 的公開產品官網。MEXAR 是一個面向持牌 money-changer 與跨境匯款營運商的 B2B 基礎設施平台。和作品集中其他 MEXAR 內部元件不同,這個網站並不是 back-office 模組或服務 dashboard 的直接演示,而是產品的公開入口,用於說明產品定位、平台能力、模組組成、合規考量與合作模式。

這是一個由我獨立企劃、設計、編碼、部署與維護的 Astro 網站,作為 MEXAR 產品的市場展示與文件入口。網站面向持牌營運商與商業決策者,協助他們在進入更深入的商務和技術溝通前,先理解平台的能力邊界與適用場景。

架構介紹

  • Static-first Astro build - 網站使用 Astro 5 進行靜態渲染,讓公開 marketing surface 保持快速、利於 SEO,並且易於部署。
  • TailwindCSS 與 DaisyUI 設計系統 - 樣式基於 TailwindCSS v4 與 DaisyUI v5,並包含自訂的 mexarmexar-dark theme,讓淺色與深色展示模式維持一致的品牌體驗。
  • 三語路由 - 英文為預設語言,同時提供 Bahasa Indonesia 與繁體中文版本。Locale dictionary 與結構化頁面文案放在 src/i18n,讓導覽、內容區塊與 CTA 在多語言之間保持一致。
  • 可重用內容頁面 - ContentPage.astroHome.astro 與 module showcase 等元件組合核心頁面,避免重複 layout 邏輯。
  • 結構化產品敘事 - 資訊架構涵蓋首頁、platform architecture、modules、security、licensing、about、contact、blog 與 legal pages。
  • Content collection blog - Blog 文章透過 Astro content collection 管理,方便承載公告、營運說明與面向市場的文章。
  • 公開產品定位 - 文案將 MEXAR 說明為一個可擴展平台,涵蓋模組化 provider integration、developer API、licensing、customization 與 white-label delivery options。

核心功能

  • 公開產品入口 - 為 MEXAR 提供一個穩定公開 URL,可用於作品集、銷售溝通與產品文件引用。
  • 多語言 B2B 展示 - 支援英文、Bahasa Indonesia 與繁體中文,滿足區域商業溝通與營運商溝通需求。
  • 架構敘事 - 以 queue-driven、integration-oriented 的 money services infrastructure 方式說明平台,同時避免暴露內部實作細節。
  • 模組目錄 - 說明 exchange、remittance、KYC、messaging、pay-in、payout 與 developer API access 等主要產品能力。
  • 面向合規的內容 - 強調 security、regulated-operation readiness 與 audit-conscious platform design,服務持牌 money-services operator 的評估需求。
  • 低維護部署面 - 靜態 Astro 網站讓公開產品站保持快速、低成本託管,並且易於長期維護。

Related Projects

MEXAR Back Office 儀表板

MEXAR Back Office

MEXAR 國際匯款系統的後台儀表板,負責管理營運、法遵與交易監控。

DashboardNext.jsMUITailwindCSS +1
MEXAR Backend

MEXAR Backend

MEXAR 國際匯款系統的核心後端 API,負責處理商業邏輯、身分驗證與服務編排。

APIPHPLaravelPostgreSQL +3
MEXAR Messaging microservice

MEXAR Messaging MSA

MEXAR 的 messaging microservice,負責處理 SMS 通知與交易訊息。

MicroservicePythonFastAPISMS +2
MEXAR KYC microservice

MEXAR KYC MSA

MEXAR 的 KYC(Know Your Customer)microservice,負責管理身分驗證與法遵工作流程。

MicroservicePythonFastAPIKYC +2
MEXAR Payment Gateway microservice

MEXAR Payment Gateway

MEXAR 的 payment gateway microservice,負責處理向匯款人收取款項的入款收款。

MicroservicePythonFastAPIPayment +2
MEXAR Payout Gateway microservice

MEXAR Payout Gateway

MEXAR 的 payout gateway microservice,負責處理向匯款收款人撥付的出款撥款。

MicroservicePythonFastAPIPayout +2
MEXAR MCP Server headless AI operations bridge
ongoing

MEXAR MCP Server

一個 headless Model Context Protocol server,透過 read tools 與 confirm-gated write tools 將部分 MEXAR Core API 工作流暴露給 AI clients。

MCPAITypeScriptNode.js +7