提交
This commit is contained in:
gaofeng
279
app/home/view/index/index.html
Normal file
279
app/home/view/index/index.html
Normal file
@@ -0,0 +1,279 @@
|
||||
{include file="public/head" /}
|
||||
<link rel="stylesheet" href="/static/css/index.css">
|
||||
<style>
|
||||
body {
|
||||
background: #fff !important;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
{include file="public/newnav" /}
|
||||
<!-- ===== Hero ===== -->
|
||||
<section class="hero">
|
||||
<div class="container">
|
||||
<div class="hero-card">
|
||||
<h1>{$country|default=''}{:lang('index.visa_service')}</h1>
|
||||
<p>
|
||||
{:str_replace('%country%', $country ?? '', lang('index.welcome_message'))} </p>
|
||||
<a class="btn btn-primary btn-primary-brand w-100" href="/home/visa/index.html">{:lang('index.online_application')}</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ===== Notice ===== -->
|
||||
<section class="notice">
|
||||
<div class="container">
|
||||
<p>
|
||||
<span class="tip-title">{:lang('index.notice')}</span>
|
||||
{:lang('index.notice_text')}
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ===== Flow ===== -->
|
||||
<section class="section">
|
||||
<div class="container">
|
||||
<div class="section-title">{:lang('index.process_title')}</div>
|
||||
|
||||
<div class="row g-3 align-items-stretch">
|
||||
<div class="col-lg-7">
|
||||
<div class="flow2">
|
||||
<div class="step">
|
||||
<div class="badge-num">1</div>
|
||||
<div>
|
||||
<h6>{:lang('index.step1_title')}</h6>
|
||||
<p>{:lang('index.step1_desc')}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="step">
|
||||
<div class="badge-num">2</div>
|
||||
<div>
|
||||
<h6>{:lang('index.step2_title')}</h6>
|
||||
<p>{:lang('index.step2_desc')}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="step">
|
||||
<div class="badge-num">3</div>
|
||||
<div>
|
||||
<h6>{:lang('index.step3_title')}</h6>
|
||||
<p>{:lang('index.step3_desc')}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-5">
|
||||
<div class="flow2-side">
|
||||
<div class="k"><i class="bi bi-lightning-charge me-1"></i>{:lang('index.tip')}</div>
|
||||
<div class="i">
|
||||
• {:lang('index.tip_1')}<br>
|
||||
• {:lang('index.tip_2')}<br>
|
||||
• {:lang('index.tip_3')}<br>
|
||||
• {:lang('index.tip_4')}
|
||||
</div>
|
||||
<div class="d-grid mt-3">
|
||||
<a class="btn btn-primary btn-primary-brand" href="/home/visa/index.html">{:lang('index.online_application')}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ===== Intro + Map ===== -->
|
||||
<section class="section pt-0">
|
||||
<div class="container">
|
||||
<div class="intro2" id="apply">
|
||||
<div class="row g-0">
|
||||
<div class="col-lg-5">
|
||||
<div class="left"></div>
|
||||
</div>
|
||||
<div class="col-lg-7">
|
||||
<div class="right">
|
||||
<h2>{$country|default=''}{:lang('index.entry_card_application')}</h2>
|
||||
<p style="color: rgba(15,23,42,.72); line-height:1.9; margin:0;">
|
||||
{:str_replace('%country%', $country ?? '', lang('index.application_description1'))}
|
||||
</p>
|
||||
|
||||
<div class="bul">
|
||||
<div><i class="bi bi-check2-circle"></i> {:str_replace('%country%', $country ?? '', lang('index.application_notice'))}</div>
|
||||
</div>
|
||||
|
||||
<a class="btn btn-outline-brand w-100" href="/home/visa/index.html">
|
||||
{$country|default=''}{:lang('index.apply_now')}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- ===== 为什么选择我们 ===== -->
|
||||
<section class="section pt-0">
|
||||
<div class="container">
|
||||
<div class="why-title"> {:lang('index.why_choose_us_title')}</div>
|
||||
<div class="why-sub"> {:lang('index.why_choose_us_subtitle')}</div>
|
||||
|
||||
<div class="row g-3">
|
||||
<div class="col-lg-6">
|
||||
<div class="why2-item">
|
||||
<div class="why2-ico"><i class="bi bi-lightning-charge"></i></div>
|
||||
<div>
|
||||
<h6>{:lang('index.convenient')}</h6>
|
||||
<p>{:lang('index.convenient_desc')}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6">
|
||||
<div class="why2-item">
|
||||
<div class="why2-ico"><i class="bi bi-shield-check"></i></div>
|
||||
<div>
|
||||
<h6>{:lang('index.secure')}</h6>
|
||||
<p>{:lang('index.secure_desc')}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6">
|
||||
<div class="why2-item">
|
||||
<div class="why2-ico"><i class="bi bi-award"></i></div>
|
||||
<div>
|
||||
<h6>{:lang('index.approval')}</h6>
|
||||
<p>{:lang('index.approval_desc')}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6">
|
||||
<div class="why2-item">
|
||||
<div class="why2-ico"><i class="bi bi-headset"></i></div>
|
||||
<div>
|
||||
<h6>{:lang('index.support')}</h6>
|
||||
<p>{:lang('index.support_desc')}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-4">
|
||||
<a class="btn btn-primary btn-primary-brand px-5" href="/home/visa/index.html">
|
||||
{$country|default=''}{:lang('index.apply_now')}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section pt-0" id="plans">
|
||||
<div class="container">
|
||||
<div class="section-title">{:lang('index.setmeal')}</div>
|
||||
|
||||
<div class="row g-3">
|
||||
<div class="col-lg-4">
|
||||
<div class="plan">
|
||||
<span class="tag">{:lang('index.setmeal_st')}</span>
|
||||
<h5>{:lang('index.suitable_for_advance_preparation')}</h5>
|
||||
<div class="meta">{:lang('index.processing_time_limit')}</div>
|
||||
<ul>
|
||||
<li>{:lang('index.chinese_guided_filling')}</li>
|
||||
<li>{:lang('index.key_field_consistency_check')}</li>
|
||||
<li>{:lang('index.basic_error_reminder')}</li>
|
||||
</ul>
|
||||
<div class="d-grid mt-3">
|
||||
<a class="btn btn-outline-brand" href="/home/visa/index.html">{:lang('index.select_standard_plan')}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4">
|
||||
<div class="plan" style="border-color: rgba(240,90,40,.35);">
|
||||
<span class="tag" style="border-color: rgba(240,90,40,.22); background: rgba(240,90,40,.10);">{:lang('index.setmeal_ex')}</span>
|
||||
<h5>{:lang('index.suitable_for_departure_soon')}</h5>
|
||||
<div class="meta">{:lang('index.urgent_availability')}</div>
|
||||
<ul>
|
||||
<li>{:lang('index.priority_processing_queue')}</li>
|
||||
<li>{:lang('index.stricter_reminder_for_key_fields')}</li>
|
||||
<li>{:lang('index.faster_feedback_and_supplementary_suggestions')}</li>
|
||||
</ul>
|
||||
<div class="d-grid mt-3">
|
||||
<a class="btn btn-accent" href="/home/visa/index.html">{:lang('index.select_urgent_plan')}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-4">
|
||||
<div class="plan">
|
||||
<span class="tag">{:lang('index.setmeal_team')}</span>
|
||||
<h5>{:lang('index.group_travel_batch_reg')}</h5>
|
||||
<div class="meta">{:lang('index.group_meta_info')}</div>
|
||||
<ul>
|
||||
<li>{:lang('index.batch_data_collect')}</li>
|
||||
<li>{:lang('index.unified_verify_submit')}</li>
|
||||
<li>{:lang('index.progress_track_reconcile')}</li>
|
||||
</ul>
|
||||
<div class="d-grid mt-3">
|
||||
<a class="btn btn-primary btn-primary-brand" href="/home/contact">{:lang('index.contact_team_plan')}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ===== 新增模块 2：FAQ（提升转化，不改整体风格） ===== -->
|
||||
<section class="section pt-0" id="faq">
|
||||
<div class="container">
|
||||
<div class="section-title">{:lang('index.common_questions')}</div>
|
||||
<div class="accordion" id="accFaq">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#f1">
|
||||
{:lang('index.faq_is_official_website')}
|
||||
</button>
|
||||
</h2>
|
||||
<div id="f1" class="accordion-collapse collapse" data-bs-parent="#accFaq">
|
||||
<div class="accordion-body" style="color: rgba(15,23,42,.72); line-height: 1.9; font-size: 13px;">
|
||||
{:lang('index.faq_is_official_website_answer')}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#f2">
|
||||
{:lang('index.faq_guarantee_approval')}
|
||||
</button>
|
||||
</h2>
|
||||
<div id="f2" class="accordion-collapse collapse" data-bs-parent="#accFaq">
|
||||
<div class="accordion-body" style="color: rgba(15,23,42,.72); line-height: 1.9; font-size: 13px;">
|
||||
{:lang('index.faq_guarantee_approval_answer')}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#f3">
|
||||
{:lang('index.faq_query_download_after_payment')}
|
||||
</button>
|
||||
</h2>
|
||||
<div id="f3" class="accordion-collapse collapse" data-bs-parent="#accFaq">
|
||||
<div class="accordion-body" style="color: rgba(15,23,42,.72); line-height: 1.9; font-size: 13px;">
|
||||
{:lang('index.faq_query_download_after_payment_answer')}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{include file="public/newfooter" /}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user