{"id":12,"date":"2025-09-03T15:24:22","date_gmt":"2025-09-03T15:24:22","guid":{"rendered":"https:\/\/msdaraknchina.com\/en\/?page_id=12"},"modified":"2025-11-12T08:42:51","modified_gmt":"2025-11-12T08:42:51","slug":"about-us","status":"publish","type":"page","link":"https:\/\/www.msdaraknchina.com\/en\/about-us\/","title":{"rendered":"About us"},"content":{"rendered":"\n\n\n\n\n\n<p><\/p><p pagelayer-id=\"9wc195\" class=\"p-9wc195 pagelayer-text\" style=\"box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: 400; font-stretch: inherit; font-size: 19px !important; line-height: 2em !important; font-family: Notonaskharabic; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; transition: 0.5s; width: 1140px; color: rgb(68, 68, 68); letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial;\"><div class=\"pagelayer-text-holder\" style=\"box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: Notonaskharabic; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline;\"><\/div><\/p><div pagelayer-id=\"G8WgG55cgvbwn45D\" class=\"p-G8WgG55cgvbwn45D pagelayer-heading fadeInDown pagelayer-wow\" align=\"center\" style=\"box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-weight: 400; font-stretch: inherit; font-size: 27.04px; line-height: inherit; font-family: Notonaskharabic; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; transition: 0.5s; width: 1140px; animation-name: fadeInDown; text-align: center; animation-delay: 600ms; color: rgb(68, 68, 68); letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; white-space: normal; background-color: rgb(255, 255, 255); text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; visibility: visible;\"><div class=\"pagelayer-heading-holder pagelayer-pen pagelayer-pen-focused\" style=\"box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: normal !important; font-variant: normal !important; font-weight: 900 !important; font-stretch: inherit; font-size: 49px !important; line-height: 1.5em !important; font-family: Cabin !important; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; color: rgb(0, 0, 0); text-decoration-line: none !important; text-decoration-style: double !important; text-transform: uppercase !important;\" pagelayer-editable=\"text\" contenteditable=\"true\"><p style=\"box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-style: normal !important; font-variant: normal !important; font-weight: 900 !important; font-stretch: inherit; font-size: 49px !important; line-height: 1.5em !important; font-family: Cabin !important; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; vertical-align: baseline; overflow-wrap: break-word; color: rgb(0, 0, 0); text-decoration-line: none !important; text-decoration-style: double !important; text-transform: uppercase !important;\">About us<\/p><\/div><\/div>\n\n\n\n\n\n\n<section class=\"about-section\" dir=\"ltr\">\n  <div class=\"about-container\">\n    <h2 class=\"about-title\">About Us<\/h2>\n    <div class=\"about-divider\"><\/div>\n    <p class=\"about-text\">\n      Welcome to <strong>Your Source in China<\/strong> \u2014 your trusted destination for export and international shipping from China to the world.\u00a0\u00a0\n      We are a specialized company offering complete logistics and trade solutions that help individuals and businesses\u00a0\u00a0\n      make the most of the incredible opportunities offered by the Chinese market.\n    <\/p>\n    <p class=\"about-text\">\n      With years of experience and strong partnerships with top factories and suppliers,\u00a0\u00a0\n      we provide high-quality products and reliable shipping services, including\u00a0\u00a0\n      sea freight, air freight, customs clearance, as well as professional packaging and accurate shipment tracking.\n    <\/p>\n  <\/div>\n<\/section>\n\n<style>\n.about-section {\n  background: linear-gradient(to bottom, #ffffff, #f9f9f9);\n  padding: 80px 20px;\n  text-align: center;\n  font-family: \"Tajawal\", \"Cairo\", sans-serif;\n}\n\n.about-container {\n  max-width: 850px;\n  margin: auto;\n  background: #fff;\n  padding: 50px 40px;\n  border-radius: 18px;\n  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);\n  border-top: 4px solid #FFD700; \/* Gold *\/\n}\n\n.about-title {\n  font-size: 42px;\n  color: #131337; \/* Main brand color *\/\n  font-weight: 700;\n  position: relative;\n  display: inline-block;\n}\n\n.about-divider {\n  width: 80px;\n  height: 3px;\n  background: #FFD700; \/* Gold *\/\n  margin: 10px auto 25px;\n  border-radius: 3px;\n}\n\n.about-text {\n  color: #131337;\n  font-size: 22px;\n  line-height: 2;\n  margin-bottom: 18px;\n}\n\n.about-text strong {\n  color: #FFD700; \/* Gold *\/\n  font-weight: 700;\n}\n\n\/* Fade-in animation *\/\n.about-container {\n  opacity: 0;\n  transform: translateY(30px);\n  transition: all 0.8s ease;\n}\n.about-container.show {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Mobile optimization *\/\n@media (max-width: 768px) {\n  .about-container {\n    padding: 35px 20px;\n  }\n  .about-title {\n    font-size: 26px;\n  }\n  .about-text {\n    font-size: 15px;\n  }\n}\n<\/style>\n\n<script>\n\/\/ Function to check and show the element\nfunction checkAboutVisibility() {\n  const section = document.querySelector(\".about-container\");\n  if (!section) return; \/\/ Exit if element not found\n\n  const position = section.getBoundingClientRect().top;\n  \/\/ Trigger point: 1.2 means when 1\/1.2 (approx 83%) of the element is visible\n  const screenPosition = window.innerHeight \/ 1.2; \n  \n  if (position < screenPosition) {\n    section.classList.add(\"show\");\n    \/\/ OPTIONAL: If the element is now visible, you can stop listening for scroll\n    \/\/ document.removeEventListener(\"scroll\", checkAboutVisibility);\n  }\n}\n\n\/\/ 1. Run the check when the page loads (in case the element is immediately visible)\ndocument.addEventListener(\"DOMContentLoaded\", checkAboutVisibility);\nwindow.addEventListener(\"load\", checkAboutVisibility); \/\/ Use 'load' for images\/assets too\n\n\/\/ 2. Run the check whenever the user scrolls\ndocument.addEventListener(\"scroll\", checkAboutVisibility);\n\n\/\/ Note: If you have many animated sections, it's better to use an IntersectionObserver for performance.\n<\/script>\n\n\n\n\n<section class=\"section vision\">\n  <div class=\"overlay\"><\/div>\n  <div class=\"content\">\n    <h1>Our Vision<\/h1>\n    <p>\n      We strive to become the global first choice for logistics and export services from China,  \n      by building strong trade bridges that connect China with international markets and make global trade smoother and more accessible for our clients.\n    <\/p>\n  <\/div>\n<\/section>\n\n<section class=\"section mission\">\n  <div class=\"overlay\"><\/div>\n  <div class=\"content\">\n    <h1>Our Mission<\/h1>\n    <p>\n      To be your trusted strategic partner for import and export from China \u2014  \n      providing safe, fast, and cost-effective services while maintaining transparency and quality at every step.\n    <\/p>\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;600;700&display=swap');\n\nbody {\n  margin: 0;\n  font-family: 'Cairo', sans-serif;\n  direction: ltr;\n  \/* background not changed \u2705 *\/\n}\n\n\/* ===== Base Section ===== *\/\n.section {\n  position: relative;\n  background-size: cover;\n  background-position: center;\n  min-height: 400px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  overflow: hidden;\n  border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n\/* ===== Overlay ===== *\/\n.overlay {\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(135deg, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.5));\n  animation: gradientShift 6s infinite alternate ease-in-out;\n  z-index: 1;\n}\n\n@keyframes gradientShift {\n  from { background: linear-gradient(135deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.45)); }\n  to   { background: linear-gradient(225deg, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.6)); }\n}\n\n\/* ===== Text Content ===== *\/\n.content {\n  position: relative;\n  z-index: 2;\n  color: #fff;\n  max-width: 80%;\n  padding: 30px;\n  animation: fadeInUp 1.5s ease both;\n}\n\n\/* ===== Titles ===== *\/\n.content h1 {\n  font-size: 2.6rem;\n  font-weight: 700;\n  color: #FFD700; \/* gold identity color *\/\n  margin-bottom: 1rem;\n  position: relative;\n  display: inline-block;\n  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.7);\n}\n\n\/* Decorative Line *\/\n.content h1::after {\n  content: \"\";\n  position: absolute;\n  bottom: -10px;\n  left: 0;\n  width: 100%;\n  height: 3px;\n  background: linear-gradient(90deg, #FFD700, #fff176);\n  border-radius: 2px;\n}\n\n\/* ===== Paragraph ===== *\/\n.content p {\n  font-size: 1.3rem;\n  line-height: 2;\n  color: #f5f5f5;\n  margin-top: 1.5rem;\n  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);\n  transition: transform 0.4s ease;\n}\n\n.content:hover p {\n  transform: scale(1.03);\n}\n\n\/* ===== Backgrounds for Sections ===== *\/\n.vision {\n  background-image: url('vision.jpg'); \/* Replace with Vision section image *\/\n}\n\n.mission {\n  background-image: url('mission.jpg'); \/* Replace with Mission section image *\/\n}\n\n\/* ===== Animation ===== *\/\n@keyframes fadeInUp {\n  from {\n    opacity: 0;\n    transform: translateY(40px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* ===== Responsive ===== *\/\n@media (max-width: 768px) {\n  .content h1 {\n    font-size: 2rem;\n  }\n  .content p {\n    font-size: 1.1rem;\n  }\n}\n<\/style>\n\n\n\n\n<section class=\"values-section\">\n  <div class=\"values-card\">\n    <h1 class=\"values-title\">Our Values<\/h1>\n    <ul class=\"values-list\">\n      <li>\n        <span class=\"icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#ffcc00\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zM5 10V6.3l7-3.11 7 3.11V10c0 4.24-2.93 8.34-7 9.9C7.93 18.34 5 14.24 5 10z\"\/><\/svg>\n        <\/span>\n        Reliability and transparency in every transaction.\n      <\/li>\n      <li>\n        <span class=\"icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#ffcc00\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\"><path d=\"M12 2a10 10 0 0 0-9.95 9.05A7.002 7.002 0 0 1 9 22h6a7 7 0 0 1 6.95-10.95A10 10 0 0 0 12 2zm0 2a8 8 0 0 1 7.75 6.12A9.95 9.95 0 0 0 12 12a9.95 9.95 0 0 0-7.75-1.88A8 8 0 0 1 12 4z\"\/><\/svg>\n        <\/span>\n        Commitment to quality and global standards.\n      <\/li>\n      <li>\n        <span class=\"icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#ffcc00\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\"><path d=\"M20 8h-3V4H7v4H4l8 8 8-8zm-9 8v4h2v-4h-2z\"\/><\/svg>\n        <\/span>\n        Delivering innovative shipping solutions tailored to every client.\n      <\/li>\n      <li>\n        <span class=\"icon\">\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#ffcc00\" viewBox=\"0 0 24 24\" width=\"22\" height=\"22\"><path d=\"M12 12c2.21 0 4-1.79 4-4S14.21 4 12 4s-4 1.79-4 4 1.79 4 4 4zm0 2c-3.31 0-6 2.69-6 6v2h12v-2c0-3.31-2.69-6-6-6z\"\/><\/svg>\n        <\/span>\n        Exceptional customer service and continuous support.\n      <\/li>\n    <\/ul>\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@500;700&display=swap');\n\nbody {\n  font-family: 'Cairo', sans-serif;\n  margin: 0;\n  direction: ltr;\n  \/* background not changed \u2705 *\/\n}\n\n\/* ===== Values Section ===== *\/\n.values-section {\n  position: relative;\n  background: url('values-bg.jpg') center\/cover no-repeat;\n  min-height: 450px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: left;\n  padding: 60px 20px;\n  overflow: hidden;\n}\n\n.values-section::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(135deg, rgba(0,0,0,0.8), rgba(35,35,35,0.7));\n  z-index: 1;\n}\n\n.values-card {\n  position: relative;\n  z-index: 2;\n  background: rgba(255,255,255,0.08);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(255,204,0,0.4);\n  border-radius: 20px;\n  padding: 40px 50px;\n  max-width: 750px;\n  box-shadow: 0 0 25px rgba(255,204,0,0.15);\n  animation: fadeInUp 1.5s ease both;\n}\n\n.values-title {\n  font-size: 2.5rem;\n  font-weight: 700;\n  color: #FFD700;\n  text-align: center;\n  margin-bottom: 25px;\n  position: relative;\n}\n\n.values-title::before,\n.values-title::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n  width: 35px;\n  height: 3px;\n  background: linear-gradient(90deg, #FFD700, #fff176);\n  border-radius: 2px;\n}\n\n.values-title::before { right: 0; transform: translateX(-160%); }\n.values-title::after { left: 0; transform: translateX(160%); }\n\n.values-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  font-size: 1.2rem;\n  color: #f1f1f1;\n  line-height: 2.2;\n}\n\n.values-list li {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 15px;\n  transition: transform 0.3s ease, color 0.3s ease;\n}\n\n.values-list li:hover {\n  color: #FFD700;\n  transform: translateX(5px);\n}\n\n.icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 30px;\n}\n\n\/* Fade-in animation *\/\n@keyframes fadeInUp {\n  from { opacity: 0; transform: translateY(40px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n\n\/* Responsive adjustments *\/\n@media (max-width: 768px) {\n  .values-card { padding: 30px 25px; }\n  .values-title { font-size: 2rem; }\n  .values-list { font-size: 1rem; }\n}\n<\/style>\n\n\n\n\n<!-- \ud83c\udf1f WHY CHOOSE US SECTION -->\n<section class=\"message-section\">\n  <div class=\"message-content\" id=\"message\">\n    <h2>Why Choose Us?<\/h2>\n    <p>\n      At <strong>Your Source in China<\/strong>, we don\u2019t just offer traditional shipping services \u2014\n      we provide a complete experience that begins with choosing the right supplier,\n      followed by inspection, packaging, and safe delivery right to your door.\n      We believe that your business success starts with a trusted partner,\n      which is why we continuously strive to deliver tailored solutions that meet your needs\n      and support your growth in global markets.\n    <\/p>\n  <\/div>\n<\/section>\n\n<style>\n.message-section {\n  position: relative;\n  background: url('https:\/\/www.msdaraknchina.com\/wp-content\/uploads\/2025\/09\/cargo-background.jpg') center\/cover no-repeat;\n  min-height: 60vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: left;\n  padding: 80px 10%;\n  overflow: hidden;\n}\n\n.message-content {\n  position: relative;\n  z-index: 2;\n  max-width: 900px;\n  opacity: 0;\n  transform: translateY(40px);\n  transition: opacity 1.2s ease, transform 1.2s ease;\n  background: rgba(255, 255, 255, 0.8);\n  padding: 30px;\n  border-radius: 15px;\n  box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n}\n\n.message-content.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.message-content h2 {\n  font-size: 42px;\n  color: #131337;\n  font-weight: 700;\n  margin-bottom: 20px;\n  border-bottom: 3px solid #FFD700;\n  display: inline-block;\n  padding-bottom: 5px;\n}\n\n.message-content p {\n  font-size: 22px;\n  line-height: 1.9;\n  color: #131337;\n}\n\n@media (max-width: 768px) {\n  .message-section {\n    padding: 60px 6%;\n    text-align: center;\n  }\n  .message-content h2 {\n    font-size: 32px;\n  }\n  .message-content p {\n    font-size: 18px;\n    line-height: 1.7;\n  }\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const message = document.getElementById(\"message\");\n  if (!message) return;\n\n  const observer = new IntersectionObserver(entries => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        message.classList.add(\"visible\");\n      } else {\n        message.classList.remove(\"visible\");\n      }\n    });\n  }, { threshold: 0.2 });\n\n  observer.observe(message);\n});\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.msdaraknchina.com\/en\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.msdaraknchina.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.msdaraknchina.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.msdaraknchina.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.msdaraknchina.com\/en\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":43,"href":"https:\/\/www.msdaraknchina.com\/en\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":973,"href":"https:\/\/www.msdaraknchina.com\/en\/wp-json\/wp\/v2\/pages\/12\/revisions\/973"}],"wp:attachment":[{"href":"https:\/\/www.msdaraknchina.com\/en\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}