front/nanafa/index.html
zzh 5a26ae0048 feat: 小红书模块迁移、登录重构与 xhs-agent-desktop 桌面 Agent
- 新增小红书前端模块(启动服务、内容分析、爆款创作、发布记录、技能卡片、拟人设置、AI 助手)

- 新增 xhs-agent-desktop 独立桌面 Agent,对接 OMS 任务调度

- 登录页重构,整合微信登录与 OMS JWT 认证

- 订单、渠道、用户中心等页面与 API 增强

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-30 16:13:13 +08:00

703 lines
31 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Nanafa Express|Faster & Simpler</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/main.css" rel="stylesheet">
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="header d-flex align-items-center fixed-top">
<div class="container-fluid container-xl d-flex align-items-center justify-content-between">
<a href="index.html" class="logo d-flex align-items-center">
<img src="assets/img/logo1.png" alt="Nanafa logo">
<h1>Nanafa Express</h1>
</a>
<i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
<i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
<nav id="navbar" class="navbar">
<ul>
<li><a href="index.html" class="active">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a class="get-a-quote" href="https://oms.nanafa.com/login">Start Shipping</a></li>
<li><a class="get-a-quote wms-link" href="https://c.nanafa.com/" target="_blank" rel="noopener">WMS(Old)</a></li>
<li><a class="get-a-quote wms-link" href="https://wms.nanafa.com/" target="_blank" rel="noopener">WMS(New)</a></li>
</ul>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero" class="hero d-flex align-items-center">
<div class="container">
<div class="row gy-4 d-flex justify-content-between">
<div class="col-lg-6 order-2 order-lg-1 d-flex flex-column justify-content-center">
<h2 class="hero-main-title" data-aos="fade-up">Nanafa Express|Faster & Simpler</h2>
<p data-aos="fade-up" data-aos-delay="100">We provide end-to-end international logistics for cross-border sellers and brands. From first mile to final delivery, Nanafa Express makes shipping faster and simpler.</p>
<form action="#" class="form-search d-flex align-items-stretch mb-3" data-aos="fade-up" data-aos-delay="200">
<input type="text" class="form-control" placeholder="Enter tracking number">
<button type="submit" class="btn btn-primary">Track</button>
</form>
<div class="row gy-4" data-aos="fade-up" data-aos-delay="400">
<div class="col-lg-3 col-6">
<div class="stats-item text-center w-100 h-100">
<span>50+</span>
<p>Staff</p>
</div>
</div><!-- End Stats Item -->
<div class="col-lg-3 col-6">
<div class="stats-item text-center w-100 h-100">
<span>99%+</span>
<p>Delivered</p>
</div>
</div><!-- End Stats Item -->
<div class="col-lg-3 col-6">
<div class="stats-item text-center w-100 h-100">
<span>1000+</span>
<p>Customers</p>
</div>
</div><!-- End Stats Item -->
<div class="col-lg-3 col-6">
<div class="stats-item text-center w-100 h-100">
<span>10000+</span>
<p>Orders</p>
</div>
</div><!-- End Stats Item -->
</div>
</div>
<div class="col-lg-5 order-1 order-lg-2 hero-img" data-aos="zoom-out">
<img src="assets/img/裸眼3d.png" class="img-fluid mb-3 mb-lg-0" alt="">
</div>
</div>
</div>
</section><!-- End Hero Section -->
<main id="main">
<!-- ======= Featured Services Section ======= -->
<section id="featured-services" class="featured-services">
<div class="container">
<div class="row gy-4">
<div class="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up">
<div class="icon flex-shrink-0"><i class="fa-solid fa-cart-flatbed"></i></div>
<div>
<h4 class="title">Core Services</h4>
<p class="description">Built for high-volume international fulfillment with stable operations and measurable service quality.</p>
<a href="service-details.html" class="readmore stretched-link"><span>Learn More</span><i class="bi bi-arrow-right"></i></a>
</div>
</div>
<!-- End Service Item -->
<div class="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="100">
<div class="icon flex-shrink-0"><i class="fa-solid fa-truck"></i></div>
<div>
<h4 class="title">Transport Network</h4>
<p class="description">Flexible channels for parcels, pallets, and B2B cargo with optimized cost-time balance.</p>
<a href="service-details.html" class="readmore stretched-link"><span>Learn More</span><i class="bi bi-arrow-right"></i></a>
</div>
</div><!-- End Service Item -->
<div class="col-lg-4 col-md-6 service-item d-flex" data-aos="fade-up" data-aos-delay="200">
<div class="icon flex-shrink-0"><i class="fa-solid fa-truck-ramp-box"></i></div>
<div>
<h4 class="title">Fulfillment Assurance</h4>
<p class="description">Standard operating procedures that reduce delivery risk and improve on-time performance.</p>
<a href="service-details.html" class="readmore stretched-link"><span>Learn More</span><i class="bi bi-arrow-right"></i></a>
</div>
</div><!-- End Service Item -->
</div>
</div>
</section><!-- End Featured Services Section -->
<!-- ======= About Us Section ======= -->
<section id="about" class="about pt-0">
<div class="container" data-aos="fade-up">
<div class="row gy-4">
<div class="col-lg-6 position-relative align-self-start order-lg-last order-first">
<img src="assets/img/about.jpg" class="img-fluid" alt="">
<a href="#" class="glightbox play-btn"></a>
</div>
<div class="col-lg-6 content order-last order-lg-first">
<h3>About Us</h3>
<p>
Nanafa Express focuses on international logistics operations with stable timelines, clear tracking, and transparent pricing to make global fulfillment faster and simpler.
</p>
<ul>
<li data-aos="fade-up" data-aos-delay="100">
<i class="bi bi-diagram-3"></i>
<div>
<h5>Global routes with predictable transit times</h5>
<p>Integrated routes and carriers help us keep lead times short and delivery quality consistent.</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="200">
<i class="bi bi-fullscreen-exit"></i>
<div>
<h5>Real-time tracking with proactive exception control</h5>
<p>Every shipment is visible from pickup to delivery, with proactive alerts for delays or issues.</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="300">
<i class="bi bi-broadcast"></i>
<div>
<h5>Dedicated account support and response SLA</h5>
<p>Our specialists respond fast with SLA-backed support so operations stay smooth and simple.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</section><!-- End About Us Section -->
<!-- ======= Services Section ======= -->
<section id="service" class="services pt-0">
<div class="container" data-aos="fade-up">
<div class="section-header">
<span>Our Services</span>
<h2>Our Services</h2>
</div>
<div class="services-route-map">
<div id="services-route-map" class="services-route-map__canvas"></div>
</div>
<div class="row gy-4">
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
<div class="card">
<div class="card-img">
<img src="assets/img/storage-service.jpg" alt="" class="img-fluid">
</div>
<h3><a href="service-details.html" class="stretched-link">Storage</a></h3>
<p>Multi-warehouse inventory and order orchestration for international operations.</p>
</div>
</div><!-- End Card Item -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
<div class="card">
<div class="card-img">
<img src="assets/img/logistics-service.jpg" alt="" class="img-fluid">
</div>
<h3><a href="service-details.html" class="stretched-link">Logistics</a></h3>
<p>Line-haul and last-mile coordination across regions with stable performance.</p>
</div>
</div><!-- End Card Item -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
<div class="card">
<div class="card-img">
<img src="assets/img/cargo-service.jpg" alt="" class="img-fluid">
</div>
<h3><a href="service-details.html" class="stretched-link">Cargo</a></h3>
<p>Cost-efficient cargo plans tailored by route, weight, and service level.</p>
</div>
</div><!-- End Card Item -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="400">
<div class="card">
<div class="card-img">
<img src="assets/img/trucking-service.jpg" alt="" class="img-fluid">
</div>
<h3><a href="service-details.html" class="stretched-link">Trucking</a></h3>
<p>Cost-efficient cargo plans tailored by route, weight, and service level.</p>
</div>
</div><!-- End Card Item -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="500">
<div class="card">
<div class="card-img">
<img src="assets/img/packaging-service.jpg" alt="" class="img-fluid">
</div>
<h3><a href="service-details.html" class="stretched-link">Packaging</a></h3>
<p>Protective packaging options designed for international transport.</p>
</div>
</div><!-- End Card Item -->
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="600">
<div class="card">
<div class="card-img">
<img src="assets/img/warehousing-service.jpg" alt="" class="img-fluid">
</div>
<h3><a href="service-details.html" class="stretched-link">Warehousing</a></h3>
<p>Smart warehousing and fast dispatch to keep global orders moving.</p>
</div>
</div><!-- End Card Item -->
</div>
</div>
</section><!-- End Services Section -->
<!-- ======= Get Your Shipping Plan Section ======= -->
<section id="call-to-action" class="call-to-action">
<div class="container" data-aos="zoom-out">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h3>Get Your Shipping Plan</h3>
<p>Need a reliable international logistics partner? Get a route-specific plan with pricing, transit time, and SLA commitment within 24 hours.</p>
<a class="cta-btn" href="#">Get Your Shipping Plan</a>
</dic>
</div>
</div>
</section><!-- End Get Your Shipping Plan Section -->
<!-- ======= Features Section ======= -->
<section id="features" class="features">
<div class="container">
<div class="row gy-4 align-items-center features-item" data-aos="fade-up">
<div class="col-md-5">
<img src="assets/img/features-1.jpg" class="img-fluid" alt="">
</div>
<div class="col-md-7">
<h3>A commercial logistics system built for speed, visibility, and margin control.</h3>
<p class="fst-italic">
From pickup to customs clearance and final delivery, every milestone is managed with operational controls.
</p>
<ul>
<li><i class="bi bi-check"></i> Standard operating procedures ensure stable service quality.</li>
<li><i class="bi bi-check"></i> Route optimization improves both transit time and cost.</li>
<li><i class="bi bi-check"></i> Exception workflows reduce delays and customer complaints.</li>
</ul>
</div>
</div><!-- Features Item -->
<div class="row gy-4 align-items-center features-item" data-aos="fade-up">
<div class="col-md-5 order-1 order-md-2">
<img src="assets/img/features-2.jpg" class="img-fluid" alt="">
</div>
<div class="col-md-7 order-2 order-md-1">
<h3>Optimized for cross-border growth and profitability</h3>
<p class="fst-italic">
Faster and simpler fulfillment designed to support growing international revenue.
</p>
<p>
We align capacity, routing, and exception management so your team can scale volume without losing control of service levels.
</p>
</div>
</div><!-- Features Item -->
<div class="row gy-4 align-items-center features-item" data-aos="fade-up">
<div class="col-md-5">
<img src="assets/img/features-3.jpg" class="img-fluid" alt="">
</div>
<div class="col-md-7">
<h3>Data-driven operations, billing, and KPI reporting</h3>
<p>Operational dashboards track on-time rate, logistics cost, and fulfillment KPIs in one view.</p>
<ul>
<li><i class="bi bi-check"></i> Standard operating procedures ensure stable service quality.</li>
<li><i class="bi bi-check"></i> Route optimization improves both transit time and cost.</li>
<li><i class="bi bi-check"></i> Scale your logistics without adding operational complexity.</li>
</ul>
</div>
</div><!-- Features Item -->
<div class="row gy-4 align-items-center features-item" data-aos="fade-up">
<div class="col-md-5 order-1 order-md-2">
<img src="assets/img/features-4.jpg" class="img-fluid" alt="">
</div>
<div class="col-md-7 order-2 order-md-1">
<h3>Secure, compliant, and claim-ready international shipping</h3>
<p class="fst-italic">
Faster and simpler fulfillment designed to support growing international revenue.
</p>
<p>
We align capacity, routing, and exception management so your team can scale volume without losing control of service levels.
</p>
</div>
</div><!-- Features Item -->
</div>
</section><!-- End Features Section -->
<!-- ======= Pricing Section ======= -->
<section id="pricing" class="pricing pt-0">
<div class="container" data-aos="fade-up">
<div class="section-header">
<span>Pricing</span>
<h2>Pricing</h2>
</div>
<div class="row gy-4">
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">
<div class="pricing-item">
<h3>Customs Clearance</h3>
<ul>
<li><i class="bi bi-check"></i> Formal and express customs declaration support</li>
<li><i class="bi bi-check"></i> Document review and compliance check</li>
<li><i class="bi bi-check"></i> Customs status updates and exception follow-up</li>
</ul>
<a href="https://oms.nanafa.com/login" class="buy-btn">Consult Now</a>
</div>
</div><!-- End Pricing Item -->
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
<div class="pricing-item featured">
<h3>Warehousing</h3>
<ul>
<li><i class="bi bi-check"></i> Inbound, shelving, and inventory control</li>
<li><i class="bi bi-check"></i> Order picking, packing, and same-day dispatch</li>
<li><i class="bi bi-check"></i> Multi-platform order integration and reconciliation</li>
</ul>
<a href="https://oms.nanafa.com/login" class="buy-btn">Consult Now</a>
</div>
</div><!-- End Pricing Item -->
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="300">
<div class="pricing-item">
<h3>International Logistics</h3>
<ul>
<li><i class="bi bi-check"></i> Air, sea, and truck route options</li>
<li><i class="bi bi-check"></i> End-to-end tracking from pickup to delivery</li>
<li><i class="bi bi-check"></i> SLA-based operations and after-sales support</li>
</ul>
<a href="https://oms.nanafa.com/login" class="buy-btn">Consult Now</a>
</div>
</div><!-- End Pricing Item -->
</div>
</div>
</section><!-- End Pricing Section -->
<!-- ======= Testimonials Section ======= -->
<section id="testimonials" class="testimonials">
<div class="container">
<div class="slides-1 swiper" data-aos="fade-up">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">
<h3>Liam Chen</h3>
<h4>Ceo &amp; Founder</h4>
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
<i class="bi bi-quote quote-icon-left"></i>
Nanafa helped us shorten delivery lead time and stabilize order fulfillment across multiple countries. Our customer complaints dropped significantly.
<i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt="">
<h3>Sophie Lin</h3>
<h4>Brand Operations Director</h4>
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
<i class="bi bi-quote quote-icon-left"></i>
The route recommendations are practical and cost-effective. We can choose services by urgency and still keep margins healthy.
<i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt="">
<h3>David Wong</h3>
<h4>B2B Trading Manager</h4>
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
<i class="bi bi-quote quote-icon-left"></i>
Tracking visibility is excellent. Our team now handles exceptions faster with clearer operational ownership.
<i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt="">
<h3>Amy Zhao</h3>
<h4>Warehouse Operations Lead</h4>
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
<i class="bi bi-quote quote-icon-left"></i>
Nanafa helped us improve on-time delivery and reduce logistics exceptions while keeping operations fast and simple.
<i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt="">
<h3>Kevin Xu</h3>
<h4>International Business Owner</h4>
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
<i class="bi bi-quote quote-icon-left"></i>
For enterprise shipments, their SOP and billing reconciliation process saves us a lot of management time every month.
<i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section><!-- End Testimonials Section -->
<!-- ======= Frequently Asked Questions Section ======= -->
<section id="faq" class="faq">
<div class="container" data-aos="fade-up">
<div class="section-header">
<span>Frequently Asked Questions</span>
<h2>Frequently Asked Questions</h2>
</div>
<div class="row justify-content-center" data-aos="fade-up" data-aos-delay="200">
<div class="col-lg-10">
<div class="accordion accordion-flush" id="faqlist">
<div class="accordion-item">
<h3 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-1">
<i class="bi bi-question-circle question-icon"></i>
Which countries and routes do you support?
</button>
</h3>
<div id="faq-content-1" class="accordion-collapse collapse" data-bs-parent="#faqlist">
<div class="accordion-body">
We support major cross-border routes and can recommend channels based on transit time and cost targets.
</div>
</div>
</div><!-- # Faq item-->
<div class="accordion-item">
<h3 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-2">
<i class="bi bi-question-circle question-icon"></i>
Can I track every shipment in real time?
</button>
</h3>
<div id="faq-content-2" class="accordion-collapse collapse" data-bs-parent="#faqlist">
<div class="accordion-body">
Yes. You get milestone updates from pickup to delivery, with clear status visibility for your team.
</div>
</div>
</div><!-- # Faq item-->
<div class="accordion-item">
<h3 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-3">
<i class="bi bi-question-circle question-icon"></i>
How fast can I get a shipping quote?
</button>
</h3>
<div id="faq-content-3" class="accordion-collapse collapse" data-bs-parent="#faqlist">
<div class="accordion-body">
Share shipment details and we return a route-specific quote with transit-time options quickly.
</div>
</div>
</div><!-- # Faq item-->
<div class="accordion-item">
<h3 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-4">
<i class="bi bi-question-circle question-icon"></i>
Do you support enterprise-level custom workflows?
</button>
</h3>
<div id="faq-content-4" class="accordion-collapse collapse" data-bs-parent="#faqlist">
<div class="accordion-body">
<i class="bi bi-question-circle question-icon"></i>
Yes. You get milestone updates from pickup to delivery, with clear status visibility for your team.
</div>
</div>
</div><!-- # Faq item-->
<div class="accordion-item">
<h3 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-5">
<i class="bi bi-question-circle question-icon"></i>
How are claims and after-sales issues handled?
</button>
</h3>
<div id="faq-content-5" class="accordion-collapse collapse" data-bs-parent="#faqlist">
<div class="accordion-body">
Yes. We provide tailored SOPs, billing reconciliation, claims handling, and dedicated support teams.
</div>
</div>
</div><!-- # Faq item-->
</div>
</div>
</div>
</div>
</section><!-- End Frequently Asked Questions Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer" class="footer">
<div class="container">
<div class="row gy-4">
<div class="col-lg-5 col-md-12 footer-info">
<a href="index.html" class="logo d-flex align-items-center">
<span>Nanafa Express</span>
</a>
<p>Nanafa Express is your international logistics partner for cross-border fulfillment, helping teams ship worldwide with faster execution and simpler operations.</p>
<div class="social-links d-flex mt-4">
<a href="#" class="wechat"><i class="fa-brands fa-weixin"></i></a>
<a href="#" class="douyin"><i class="fa-brands fa-tiktok"></i></a>
<a href="#" class="xiaohongshu"><i class="fa-regular fa-note-sticky"></i></a>
<a href="#" class="weibo"><i class="fa-brands fa-weibo"></i></a>
</div>
</div>
<div class="col-lg-2 col-6 footer-links">
<h4>Useful Links</h4>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Terms of service</a></li>
<li><a href="#">Privacy policy</a></li>
</ul>
</div>
<div class="col-lg-2 col-6 footer-links">
<h4>友情链接</h4>
<ul>
<li><a href="https://wms.nanafa.com/" target="_blank">Nanafa WMS</a></li>
<li><a href="https://c.nanafa.com/" target="_blank">Nanafa WMS (Old)</a></li>
<li><a href="https://oms.nanafa.com/" target="_blank">Nanafa OMS</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
<h4>Contact</h4>
<img src="assets/img/二维码.png" alt="QR Code" class="img-fluid w-50 mb-3" />
<p>
<strong>Phone:</strong> 18123959245<br>
<strong>Email:</strong> bd01@1st56.com<br>
<strong>Address:</strong> 深圳宝安区福永怀德翠岗5区36栋<br>
</p>
</div>
</div>
</div>
<div class="container mt-4">
<div class="copyright">
Copyright &copy; 2017-2026 Nanafa express. All Rights Reserved.<a target="_blank" href="https://beian.miit.gov.cn">粤ICP备19018720号</a>
</div>
</div>
</div>
</footer><!-- End Footer -->
<!-- End Footer -->
<a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<div id="preloader"></div>
<!-- Vendor JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/map/echarts.min.js"></script>
<script src="assets/map/login-map-minimal-data.js"></script>
<script src="assets/map/geo/world.js"></script>
<script src="assets/map/route-map-core.js?v=20260606c"></script>
<script src="assets/js/main.js"></script>
</body>
</html>