mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/exchange-2.0.git
synced 2026-08-19 12:33:56 +00:00
Merge branch 'landing-pages' of https://gitlab.com/CIEFWorldwideSdnBhd/exchange-2.0 into pre-prod
# Conflicts: # routes/web.php
This commit is contained in:
Edmond Lang
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
@@ -0,0 +1,925 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-CN">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
<!-- Primary Meta Tags -->
|
||||
<title>1688支付替代方案 - 马币直付 | CIEF Source 官方授权代付服务</title>
|
||||
<meta name="title" content="1688支付替代方案 - 马币直付 | CIEF Source 官方授权代付服务">
|
||||
<meta name="description" content="无需开通支付宝，无需处理外汇。用马币（MYR）完成人民币代付1688订单，订单状态秒级同步，发票合规可对账。官方授权，安全合规，10,000+成功代付案例。">
|
||||
<meta name="keywords" content="1688支付,1688代付,马币支付1688,1688支付替代方案,支付宝替代,1688人民币代付,马来西亚1688支付,CIEF Source,1688订单支付,跨境支付">
|
||||
<meta name="author" content="CIEF Source">
|
||||
<meta name="robots" content="index, follow">
|
||||
<meta name="language" content="Chinese">
|
||||
|
||||
<!-- Canonical URL -->
|
||||
<link rel="canonical" href="{{ url('/1688-payment-alternative-cn') }}">
|
||||
|
||||
<!-- Open Graph / Facebook -->
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="{{ url('/1688-payment-alternative-cn') }}">
|
||||
<meta property="og:title" content="1688支付替代方案 - 马币直付 | CIEF Source">
|
||||
<meta property="og:description" content="无需开通支付宝，无需处理外汇。用马币完成人民币代付1688订单，订单状态秒级同步，发票合规可对账。">
|
||||
<meta property="og:locale" content="zh_CN">
|
||||
<meta property="og:site_name" content="CIEF Source">
|
||||
|
||||
<!-- Twitter -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:url" content="{{ url('/1688-payment-alternative-cn') }}">
|
||||
<meta name="twitter:title" content="1688支付替代方案 - 马币直付 | CIEF Source">
|
||||
<meta name="twitter:description" content="无需开通支付宝，无需处理外汇。用马币完成人民币代付1688订单，订单状态秒级同步，发票合规可对账。">
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{{ asset('images/favicon/apple-touch-icon.png') }}">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="{{ asset('images/favicon/favicon-32x32.png') }}">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="{{ asset('images/favicon/favicon-16x16.png') }}">
|
||||
<link rel="manifest" href="/site.webmanifest">
|
||||
|
||||
<!-- Preconnect for Performance -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="dns-prefetch" href="https://www.googletagmanager.com">
|
||||
|
||||
<!-- Structured Data (JSON-LD) -->
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "Service",
|
||||
"name": "1688支付替代方案",
|
||||
"description": "无需开通支付宝，无需处理外汇。用马币（MYR）完成人民币代付1688订单，订单状态秒级同步，发票合规可对账。",
|
||||
"provider": {
|
||||
"@type": "Organization",
|
||||
"name": "CIEF Source",
|
||||
"url": "{{ url('/') }}"
|
||||
},
|
||||
"areaServed": {
|
||||
"@type": "Country",
|
||||
"name": "Malaysia"
|
||||
},
|
||||
"serviceType": "跨境支付服务"
|
||||
}
|
||||
</script>
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@type": "FAQPage",
|
||||
"mainEntity": [{
|
||||
"@type": "Question",
|
||||
"name": "代付安全吗？",
|
||||
"acceptedAnswer": {
|
||||
"@type": "Answer",
|
||||
"text": "CIEF 通过阿里官方 API 进行代付，支付记录与订单回执全链路可追踪。"
|
||||
}
|
||||
}, {
|
||||
"@type": "Question",
|
||||
"name": "汇率如何计算？",
|
||||
"acceptedAnswer": {
|
||||
"@type": "Answer",
|
||||
"text": "系统每日更新官方汇率；确认前可在界面预览最终金额。"
|
||||
}
|
||||
}, {
|
||||
"@type": "Question",
|
||||
"name": "是否提供马来西亚发票？",
|
||||
"acceptedAnswer": {
|
||||
"@type": "Answer",
|
||||
"text": "支持开具马来西亚正规发票，便于会计与审计对账。"
|
||||
}
|
||||
}, {
|
||||
"@type": "Question",
|
||||
"name": "是否有最低代付金额？",
|
||||
"acceptedAnswer": {
|
||||
"@type": "Answer",
|
||||
"text": "无最低限制，小至单笔订单亦可受理。"
|
||||
}
|
||||
}, {
|
||||
"@type": "Question",
|
||||
"name": "代付后如何跟进发货？",
|
||||
"acceptedAnswer": {
|
||||
"@type": "Answer",
|
||||
"text": "订单与发货信息会回传至 CIEF Source，你可在同一系统继续安排清关与配送。"
|
||||
}
|
||||
}]
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
/* === CSS Variables === */
|
||||
:root {
|
||||
--primary: #22c55e;
|
||||
--secondary: #38bdf8;
|
||||
--dark: #0f172a;
|
||||
--dark-card: #1e293b;
|
||||
--text: #e2e8f0;
|
||||
--text-muted: #94a3b8;
|
||||
--border: #334155;
|
||||
--radius: 16px;
|
||||
}
|
||||
|
||||
/* === Reset & Base === */
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
|
||||
background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
|
||||
color: var(--text);
|
||||
line-height: 1.6;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0 20px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
img { max-width: 100%; height: auto; }
|
||||
a { text-decoration: none; color: inherit; }
|
||||
|
||||
/* === Typography === */
|
||||
.heading-xl {
|
||||
font-size: clamp(32px, 5vw, 52px);
|
||||
line-height: 1.2;
|
||||
font-weight: 700;
|
||||
margin-bottom: 20px;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.heading-lg {
|
||||
font-size: clamp(24px, 4vw, 36px);
|
||||
line-height: 1.3;
|
||||
font-weight: 700;
|
||||
margin-bottom: 16px;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.heading-md {
|
||||
font-size: clamp(20px, 3vw, 28px);
|
||||
line-height: 1.4;
|
||||
font-weight: 600;
|
||||
margin-bottom: 12px;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.text-lg {
|
||||
font-size: clamp(16px, 2.5vw, 20px);
|
||||
color: #cbd5e1;
|
||||
}
|
||||
|
||||
.text-muted {
|
||||
color: var(--text-muted);
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
/* === Buttons === */
|
||||
.btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
padding: 14px 28px;
|
||||
border-radius: 100px;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
transition: all 0.3s ease;
|
||||
cursor: pointer;
|
||||
border: 2px solid transparent;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: linear-gradient(135deg, var(--primary), #16a34a);
|
||||
color: #0a2e19;
|
||||
box-shadow: 0 8px 20px rgba(34, 197, 94, 0.3);
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 12px 28px rgba(34, 197, 94, 0.4);
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
background: rgba(148, 163, 184, 0.1);
|
||||
border-color: var(--border);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.btn-secondary:hover {
|
||||
background: rgba(148, 163, 184, 0.15);
|
||||
border-color: #475569;
|
||||
}
|
||||
|
||||
/* === Badges & Pills === */
|
||||
.badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 8px 16px;
|
||||
background: rgba(34, 197, 94, 0.1);
|
||||
border: 1px solid rgba(34, 197, 94, 0.3);
|
||||
border-radius: 100px;
|
||||
color: #86efac;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.pill {
|
||||
display: inline-block;
|
||||
padding: 6px 14px;
|
||||
background: rgba(56, 189, 248, 0.1);
|
||||
border: 1px solid rgba(56, 189, 248, 0.3);
|
||||
border-radius: 100px;
|
||||
color: #7dd3fc;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
/* === Cards === */
|
||||
.card {
|
||||
background: linear-gradient(180deg, rgba(30, 41, 59, 0.8), rgba(15, 23, 42, 0.6));
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
padding: 24px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
transform: translateY(-2px);
|
||||
border-color: #475569;
|
||||
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
/* === Grid System === */
|
||||
.grid {
|
||||
display: grid;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
.grid-2 { grid-template-columns: 1fr; }
|
||||
.grid-3 { grid-template-columns: 1fr; }
|
||||
|
||||
@media (min-width: 640px) {
|
||||
.grid-2 { grid-template-columns: repeat(2, 1fr); }
|
||||
.grid-3 { grid-template-columns: repeat(2, 1fr); }
|
||||
}
|
||||
|
||||
@media (min-width: 900px) {
|
||||
.grid-3 { grid-template-columns: repeat(3, 1fr); }
|
||||
}
|
||||
|
||||
/* === Sections === */
|
||||
.section {
|
||||
padding: 80px 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.section-sm { padding: 50px 0; }
|
||||
|
||||
/* === Hero Section === */
|
||||
.hero {
|
||||
padding: 100px 0 80px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.hero::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -20%;
|
||||
right: -10%;
|
||||
width: 800px;
|
||||
height: 800px;
|
||||
background: radial-gradient(circle, rgba(34, 197, 94, 0.15), transparent 70%);
|
||||
filter: blur(60px);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.hero::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -20%;
|
||||
left: -10%;
|
||||
width: 600px;
|
||||
height: 600px;
|
||||
background: radial-gradient(circle, rgba(56, 189, 248, 0.12), transparent 70%);
|
||||
filter: blur(50px);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.hero-content {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.hero-grid {
|
||||
display: grid;
|
||||
gap: 40px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@media (min-width: 900px) {
|
||||
.hero-grid { grid-template-columns: 1.2fr 1fr; }
|
||||
}
|
||||
|
||||
/* === Stats === */
|
||||
.stats {
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
.stat-item {
|
||||
padding: 10px 16px;
|
||||
background: rgba(99, 102, 241, 0.1);
|
||||
border: 1px dashed rgba(129, 140, 248, 0.3);
|
||||
border-radius: 12px;
|
||||
color: #a5b4fc;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* === Feature Items === */
|
||||
.feature-item {
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.feature-icon {
|
||||
flex-shrink: 0;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: rgba(56, 189, 248, 0.1);
|
||||
border: 1px solid rgba(56, 189, 248, 0.3);
|
||||
border-radius: 12px;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
/* === Flow Diagram === */
|
||||
.flow-card {
|
||||
background: rgba(15, 23, 42, 0.6);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 14px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.flow-step {
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
align-items: flex-start;
|
||||
padding: 16px;
|
||||
background: rgba(30, 41, 59, 0.5);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 12px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.flow-step:last-child { margin-bottom: 0; }
|
||||
|
||||
.step-number {
|
||||
flex-shrink: 0;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: rgba(56, 189, 248, 0.15);
|
||||
border: 1px solid rgba(56, 189, 248, 0.4);
|
||||
border-radius: 10px;
|
||||
color: #7dd3fc;
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.flow-arrow {
|
||||
text-align: center;
|
||||
color: var(--secondary);
|
||||
font-size: 24px;
|
||||
margin: -6px 0;
|
||||
}
|
||||
|
||||
/* === Diagram Box === */
|
||||
.diagram-box {
|
||||
background: linear-gradient(180deg, rgba(30, 41, 59, 0.7), rgba(15, 23, 42, 0.5));
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
padding: 24px;
|
||||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.node {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
padding: 14px 16px;
|
||||
background: rgba(30, 41, 59, 0.5);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 12px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.node:last-child { margin-bottom: 0; }
|
||||
|
||||
.node-badge {
|
||||
padding: 4px 12px;
|
||||
background: rgba(34, 197, 94, 0.15);
|
||||
border: 1px solid rgba(34, 197, 94, 0.3);
|
||||
border-radius: 8px;
|
||||
color: #86efac;
|
||||
font-size: 12px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* === Table === */
|
||||
.table-wrap {
|
||||
overflow-x: auto;
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
background: rgba(30, 41, 59, 0.6);
|
||||
border: 2px solid var(--border);
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
table th,
|
||||
table td {
|
||||
padding: 16px;
|
||||
text-align: left;
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
|
||||
table th {
|
||||
background: rgba(15, 23, 42, 0.8);
|
||||
color: var(--text);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
table tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
table tr:hover {
|
||||
background: rgba(30, 41, 59, 0.8);
|
||||
}
|
||||
|
||||
/* === FAQ === */
|
||||
.faq-item {
|
||||
background: rgba(30, 41, 59, 0.6);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 12px;
|
||||
padding: 16px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.faq-question {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
font-weight: 600;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.faq-question span {
|
||||
font-size: 20px;
|
||||
color: var(--secondary);
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.faq-item.active .faq-question span {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.faq-answer {
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.3s ease;
|
||||
margin-top: 12px;
|
||||
color: var(--text-muted);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.faq-item.active .faq-answer {
|
||||
max-height: 500px;
|
||||
padding-top: 12px;
|
||||
}
|
||||
|
||||
/* === CTA Banner === */
|
||||
.cta-banner {
|
||||
background: linear-gradient(135deg, rgba(34, 197, 94, 0.15), rgba(56, 189, 248, 0.1));
|
||||
border: 1px solid rgba(34, 197, 94, 0.3);
|
||||
border-radius: 24px;
|
||||
padding: 50px 30px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.cta-buttons {
|
||||
display: flex;
|
||||
gap: 16px;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 24px;
|
||||
}
|
||||
|
||||
/* === Footer === */
|
||||
.footer {
|
||||
padding: 40px 0;
|
||||
border-top: 1px solid var(--border);
|
||||
color: var(--text-muted);
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* === Utilities === */
|
||||
.text-center { text-align: center; }
|
||||
.mb-0 { margin-bottom: 0; }
|
||||
.mb-1 { margin-bottom: 8px; }
|
||||
.mb-2 { margin-bottom: 16px; }
|
||||
.mb-3 { margin-bottom: 24px; }
|
||||
.mt-2 { margin-top: 16px; }
|
||||
.mt-3 { margin-top: 24px; }
|
||||
.gap-2 { gap: 16px; }
|
||||
.flex { display: flex; }
|
||||
.flex-wrap { flex-wrap: wrap; }
|
||||
.highlight { color: var(--primary); }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="hero">
|
||||
<div class="container hero-content">
|
||||
<div class="hero-grid">
|
||||
<div>
|
||||
<span class="badge">✓ 官方授权 · 安全合规 · 马币直付</span>
|
||||
<h1 class="heading-xl">
|
||||
无法支付 1688 订单？<br>
|
||||
用 <span class="highlight">CIEF 支付替代方案</span> 一键搞定
|
||||
</h1>
|
||||
<p class="text-lg">
|
||||
无需开通支付宝，无需处理外汇。用马币（MYR）完成人民币代付，订单状态秒级同步，发票合规可对账。
|
||||
</p>
|
||||
<div class="flex flex-wrap gap-2 mt-3">
|
||||
<a href="#start" class="btn btn-primary">
|
||||
开始代付 1688 订单
|
||||
</a>
|
||||
<a href="https://wa.me/60123456789" class="btn btn-secondary" target="_blank" rel="noopener">
|
||||
WhatsApp 咨询
|
||||
</a>
|
||||
</div>
|
||||
<div class="stats">
|
||||
<div class="stat-item">🎯 10,000+ 成功代付</div>
|
||||
<div class="stat-item">⚡ API 直连 · 可追踪</div>
|
||||
<div class="stat-item">🧾 马来西亚正规发票</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="diagram-box">
|
||||
<div class="node">
|
||||
<strong>买家（你）</strong>
|
||||
<span class="node-badge">MYR 付款</span>
|
||||
</div>
|
||||
<div class="flow-arrow">⇣</div>
|
||||
<div class="node">
|
||||
<strong>CIEF 系统</strong>
|
||||
<span class="node-badge">API 处理</span>
|
||||
</div>
|
||||
<div class="flow-arrow">⇣</div>
|
||||
<div class="node">
|
||||
<strong>1688 卖家</strong>
|
||||
<span class="node-badge">RMB 收款</span>
|
||||
</div>
|
||||
<div class="flow-arrow">⇣</div>
|
||||
<div class="node">
|
||||
<strong>物流清关</strong>
|
||||
<span class="node-badge">一条龙</span>
|
||||
</div>
|
||||
<p class="text-muted" style="margin-top: 16px; font-size: 13px;">
|
||||
💡 提示：可在 CIEF Source 内直接跟踪订单状态与物流进度
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pain Points -->
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<span class="pill">常见难题</span>
|
||||
<h2 class="heading-lg">你是否也遇到这些支付障碍？</h2>
|
||||
<p class="text-muted mb-3">跨境采购最常见的痛点，我们都已替客户解决过：</p>
|
||||
|
||||
<div class="grid grid-2">
|
||||
<div class="card">
|
||||
<div class="feature-item">
|
||||
<div class="feature-icon">🚫</div>
|
||||
<div>
|
||||
<h3 class="heading-md mb-1">无法开通/使用支付宝</h3>
|
||||
<p class="text-muted">没有中国手机号或资质，支付宝难以落地。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="feature-item">
|
||||
<div class="feature-icon">🏢</div>
|
||||
<div>
|
||||
<h3 class="heading-md mb-1">公司账户难以对外汇款</h3>
|
||||
<p class="text-muted">银行外汇手续复杂、到账慢、沟通成本高。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="feature-item">
|
||||
<div class="feature-icon">⏱️</div>
|
||||
<div>
|
||||
<h3 class="heading-md mb-1">时效 & 可追踪性差</h3>
|
||||
<p class="text-muted">传统"找人代付"风险高、无法系统化追踪。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="feature-item">
|
||||
<div class="feature-icon">🧾</div>
|
||||
<div>
|
||||
<h3 class="heading-md mb-1">发票与对账不合规</h3>
|
||||
<p class="text-muted">无法拿到马来西亚发票，财务对账困难。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Solution -->
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<span class="pill">解决方案</span>
|
||||
<h2 class="heading-lg">官方授权 · 安全合规的 1688 支付替代方案</h2>
|
||||
<p class="text-muted mb-3">
|
||||
CIEF 作为 1688 官方合作方，支持你用马币完成人民币代付，付款即刻同步订单状态，并可无缝衔接采购、清关与配送。
|
||||
</p>
|
||||
|
||||
<div class="grid grid-2">
|
||||
<div class="flow-card">
|
||||
<div class="flow-step">
|
||||
<div class="step-number">1</div>
|
||||
<div>
|
||||
<strong>提交 1688 订单链接</strong>
|
||||
<p class="text-muted mb-0">在 CIEF Source 粘贴链接或上传截图，便可开始。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flow-step">
|
||||
<div class="step-number">2</div>
|
||||
<div>
|
||||
<strong>确认金额与汇率</strong>
|
||||
<p class="text-muted mb-0">系统显示代付金额（含当日汇率），确认无误即下一步。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flow-step">
|
||||
<div class="step-number">3</div>
|
||||
<div>
|
||||
<strong>用马币付款给 CIEF</strong>
|
||||
<p class="text-muted mb-0">支持转账/FPX 等方式，企业可走公司账。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flow-step">
|
||||
<div class="step-number">4</div>
|
||||
<div>
|
||||
<strong>API 代你支付卖家</strong>
|
||||
<p class="text-muted mb-0">Ali 官方 API 直连，安全稳定可追踪。</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flow-step">
|
||||
<div class="step-number">5</div>
|
||||
<div>
|
||||
<strong>订单与物流状态同步</strong>
|
||||
<p class="text-muted mb-0">代付完成后，订单状态与发货信息自动回传。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid">
|
||||
<div class="card">
|
||||
<div class="feature-item">
|
||||
<div class="feature-icon">💵</div>
|
||||
<div>
|
||||
<h3 class="heading-md mb-1">马币直付</h3>
|
||||
<p class="text-muted mb-0">无需人民币账户，无需外汇繁琐流程。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="feature-item">
|
||||
<div class="feature-icon">🔒</div>
|
||||
<div>
|
||||
<h3 class="heading-md mb-1">官方 API</h3>
|
||||
<p class="text-muted mb-0">阿里官方接口，支付与回执全链路记录。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="feature-item">
|
||||
<div class="feature-icon">⚡</div>
|
||||
<div>
|
||||
<h3 class="heading-md mb-1">秒级入账</h3>
|
||||
<p class="text-muted mb-0">确认后快速代付，缩短采购周期。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="feature-item">
|
||||
<div class="feature-icon">🧾</div>
|
||||
<div>
|
||||
<h3 class="heading-md mb-1">马来西亚发票</h3>
|
||||
<p class="text-muted mb-0">开具正规发票，方便会计与审计对账。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-2 mt-3">
|
||||
<a href="#start" class="btn btn-primary">
|
||||
现在用马币代付
|
||||
</a>
|
||||
<a href="https://wa.me/60123456789" class="btn btn-secondary" target="_blank" rel="noopener">
|
||||
咨询客服
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Comparison Table -->
|
||||
<section class="section-sm">
|
||||
<div class="container">
|
||||
<span class="pill">为什么选我们</span>
|
||||
<h2 class="heading-lg">一眼看懂：传统方式 vs CIEF 方案</h2>
|
||||
|
||||
<div class="table-wrap">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>项目</th>
|
||||
<th>传统方式</th>
|
||||
<th>CIEF 支付替代方案</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>开通支付宝</td>
|
||||
<td>需中国手机号/身份证，流程复杂</td>
|
||||
<td><strong style="color: var(--primary);">无需</strong>，直接用马币支付</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>外汇手续</td>
|
||||
<td>流程长、沟通成本高</td>
|
||||
<td><strong style="color: var(--primary);">省去外汇步骤</strong>，企业可走公司账</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>安全性</td>
|
||||
<td>找人代付，风险与纠纷高</td>
|
||||
<td><strong style="color: var(--primary);">官方 API</strong> 直连，支付有据可查</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>订单追踪</td>
|
||||
<td>支付后信息割裂，不易追踪</td>
|
||||
<td><strong style="color: var(--primary);">系统实时回传</strong> 下单/发货状态</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>发票对账</td>
|
||||
<td>无法取得本地发票</td>
|
||||
<td><strong style="color: var(--primary);">马来西亚正规发票</strong>，合规对账</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Social Proof -->
|
||||
<section class="section-sm">
|
||||
<div class="container">
|
||||
<div class="grid grid-3">
|
||||
<div class="card text-center">
|
||||
<h3 class="heading-md">1688 官方合作伙伴</h3>
|
||||
<p class="text-muted mb-0">长期技术与业务合作，可信赖的跨境解决方案。</p>
|
||||
</div>
|
||||
|
||||
<div class="card text-center">
|
||||
<h3 class="heading-md">10,000+ 成功代付</h3>
|
||||
<p class="text-muted mb-0">覆盖多行业客户，口碑沉淀与流程完善。</p>
|
||||
</div>
|
||||
|
||||
<div class="card text-center">
|
||||
<h3 class="heading-md">端到端一条龙</h3>
|
||||
<p class="text-muted mb-0">采购、代付、清关、配送与对账，全流程打通。</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FAQ -->
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<span class="pill">FAQ</span>
|
||||
<h2 class="heading-lg">常见问题</h2>
|
||||
|
||||
<div class="grid">
|
||||
<div class="faq-item">
|
||||
<div class="faq-question" onclick="this.parentElement.classList.toggle('active')">
|
||||
代付安全吗？
|
||||
<span>+</span>
|
||||
</div>
|
||||
<div class="faq-answer">
|
||||
CIEF 通过阿里官方 API 进行代付，支付记录与订单回执全链路可追踪。
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<div class="faq-question" onclick="this.parentElement.classList.toggle('active')">
|
||||
汇率如何计算？
|
||||
<span>+</span>
|
||||
</div>
|
||||
<div class="faq-answer">
|
||||
系统每日更新官方汇率；确认前可在界面预览最终金额。
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<div class="faq-question" onclick="this.parentElement.classList.toggle('active')">
|
||||
是否提供马来西亚发票？
|
||||
<span>+</span>
|
||||
</div>
|
||||
<div class="faq-answer">
|
||||
支持开具马来西亚正规发票，便于会计与审计对账。
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<div class="faq-question" onclick="this.parentElement.classList.toggle('active')">
|
||||
是否有最低代付金额？
|
||||
<span>+</span>
|
||||
</div>
|
||||
<div class="faq-answer">
|
||||
无最低限制，小至单笔订单亦可受理。
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="faq-item">
|
||||
<div class="faq-question" onclick="this.parentElement.classList.toggle('active')">
|
||||
代付后如何跟进发货？
|
||||
<span>+</span>
|
||||
</div>
|
||||
<div class="faq-answer">
|
||||
订单与发货信息会回传至 CIEF Source，你可在同一系统继续安排清关与配送。
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA Banner -->
|
||||
<section class="section-sm">
|
||||
<div class="container">
|
||||
<div class="cta-banner">
|
||||
<h2 class="heading-lg mb-2">让采购更简单、安全、合规</h2>
|
||||
<p class="text-lg mb-0">现在就用马币为你的 1688 订单代付，并在同一平台完成清关与对账。</p>
|
||||
<div class="cta-buttons">
|
||||
<a href="#start" class="btn btn-primary">开始使用</a>
|
||||
<a href="https://wa.me/60123456789" class="btn btn-secondary" target="_blank" rel="noopener">联系客服</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<p>© {{ date('Y') }} CIEF Source. All rights reserved.</p>
|
||||
<p>1688 官方授权支付替代方案服务商</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
+1257
File diff suppressed because it is too large
Load Diff
+1288
File diff suppressed because it is too large
Load Diff
+1288
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1406,3 +1406,19 @@ Route::get('/run-batch-unfinished-payment-orders', function (Request $request) {
|
||||
Route::get('/locks', function () {
|
||||
return view('pages.dashboards.admin_lock');
|
||||
})->name('admin.admin_lock');
|
||||
|
||||
// Landing Pages
|
||||
$landingPages = [
|
||||
'1688-payment-alternative-cn',
|
||||
'en-1688-vip-landing-page-general-fb',
|
||||
'en-1688-vip-landing-page-general-google',
|
||||
'1688-vip-payment-landing-page-wf-comparison-fb',
|
||||
'1688-vip-payment-landing-page-general-fb',
|
||||
'1688-vip-payment-landing-page-wf-comparison-google',
|
||||
'1688-vip-payment-landing-page-general-google',
|
||||
];
|
||||
foreach ($landingPages as $landingPage) {
|
||||
Route::get('/'.$landingPage, function () use ($landingPage) {
|
||||
return view('pages.landing.'.$landingPage);
|
||||
})->name('landing.'.$landingPage);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user