front/nanafa/services.html
2026-05-05 18:14:43 +08:00

553 lines
24 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Nanafa Express - Services</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">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html" class="active">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 -->
<main id="main">
<!-- ======= Breadcrumbs ======= -->
<div class="breadcrumbs">
<div class="page-header d-flex align-items-center" style="background-image: url('assets/img/page-header.jpg');">
<div class="container position-relative">
<div class="row d-flex justify-content-center">
<div class="col-lg-6 text-center">
<h2>Services</h2>
<p>We provide transparent pricing, stable transit timelines, and responsive support to help cross-border businesses ship with confidence.</p>
</div>
</div>
</div>
</div>
<nav>
<div class="container">
<ol>
<li><a href="index.html">Home</a></li>
<li>Services</li>
</ol>
</div>
</nav>
</div><!-- End Breadcrumbs -->
<!-- ======= 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 -->
<!-- ======= 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="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 -->
<!-- ======= 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 -->
<!-- ======= 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/js/main.js"></script>
</body>
</html>