{"id":1328,"date":"2025-05-04T00:11:04","date_gmt":"2025-05-04T00:11:04","guid":{"rendered":"https:\/\/fliegenmetal.com\/?page_id=1328"},"modified":"2025-05-04T00:11:50","modified_gmt":"2025-05-04T00:11:50","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/fliegenmetal.com\/?page_id=1328","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1328\" class=\"elementor elementor-1328\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a76b0de e-con-full e-flex e-con e-parent\" data-id=\"a76b0de\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fecde04 elementor-widget elementor-widget-html\" data-id=\"fecde04\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* \u5168\u5c40\u6837\u5f0f *\/\r\n  .contact-container {\r\n    font-family: 'Arial', sans-serif;\r\n    color: #333;\r\n    line-height: 1.6;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n  \r\n  .section {\r\n    padding: 40px 0;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n  \r\n  .section-title {\r\n    font-size: 32px;\r\n    font-weight: 700;\r\n    text-align: center;\r\n    margin-bottom: 10px;\r\n  }\r\n  \r\n  .section-subtitle {\r\n    text-align: center;\r\n    color: #666;\r\n    margin-bottom: 40px;\r\n  }\r\n  \r\n  .light-bg {\r\n    background-color: #e8f5f0;\r\n    padding: 40px 0;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n  \r\n  \/* \u5934\u90e8\u6837\u5f0f *\/\r\n  .header {\r\n    padding: 60px 0;\r\n    text-align: center;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n  \r\n  \/* \u5185\u5bb9\u5e03\u5c40 *\/\r\n  .content-wrapper {\r\n    width: 100%;\r\n    max-width: 1140px;\r\n    margin: 0 auto;\r\n    padding: 0 15px;\r\n    box-sizing: border-box;\r\n  }\r\n  \r\n  .flex-container {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 40px;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n  \r\n  \/* \u8054\u7cfb\u4fe1\u606f\u5361\u7247 *\/\r\n  .contact-info-container {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 30px;\r\n    margin-bottom: 50px;\r\n  }\r\n  \r\n  .contact-card {\r\n    flex: 1;\r\n    min-width: 250px;\r\n    background-color: white;\r\n    border-radius: 8px;\r\n    padding: 30px;\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n    text-align: center;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  }\r\n  \r\n  .contact-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 10px 25px rgba(0,0,0,0.1);\r\n  }\r\n  \r\n  .contact-icon {\r\n    color: #4CAF50;\r\n    font-size: 40px;\r\n    margin-bottom: 20px;\r\n  }\r\n  \r\n  .contact-title {\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    margin-bottom: 15px;\r\n  }\r\n  \r\n  .contact-detail {\r\n    font-size: 16px;\r\n    color: #666;\r\n  }\r\n  \r\n  .contact-link {\r\n    color: #4CAF50;\r\n    text-decoration: none;\r\n    transition: color 0.3s ease;\r\n  }\r\n  \r\n  .contact-link:hover {\r\n    color: #388E3C;\r\n  }\r\n  \r\n  \/* \u8054\u7cfb\u8868\u5355 *\/\r\n  .contact-form-container {\r\n    flex: 1;\r\n    min-width: 300px;\r\n  }\r\n  \r\n  .form-group {\r\n    margin-bottom: 20px;\r\n  }\r\n  \r\n  .form-label {\r\n    display: block;\r\n    margin-bottom: 8px;\r\n    font-weight: 500;\r\n  }\r\n  \r\n  .form-input,\r\n  .form-textarea {\r\n    width: 100%;\r\n    padding: 12px 15px;\r\n    border: 1px solid #ddd;\r\n    border-radius: 4px;\r\n    font-size: 16px;\r\n    transition: border-color 0.3s ease;\r\n    box-sizing: border-box;\r\n  }\r\n  \r\n  .form-input:focus,\r\n  .form-textarea:focus {\r\n    border-color: #4CAF50;\r\n    outline: none;\r\n  }\r\n  \r\n  .form-textarea {\r\n    min-height: 150px;\r\n    resize: vertical;\r\n  }\r\n  \r\n  .submit-button {\r\n    background-color: #4CAF50;\r\n    color: white;\r\n    border: none;\r\n    border-radius: 4px;\r\n    padding: 12px 25px;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    transition: background-color 0.3s ease;\r\n  }\r\n  \r\n  .submit-button:hover {\r\n    background-color: #388E3C;\r\n  }\r\n  \r\n  \/* \u5730\u56fe\u5bb9\u5668 *\/\r\n  .map-container {\r\n    flex: 1;\r\n    min-width: 300px;\r\n    height: 400px;\r\n    border-radius: 8px;\r\n    overflow: hidden;\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n  }\r\n  \r\n  .map-container iframe {\r\n    width: 100%;\r\n    height: 100%;\r\n    border: none;\r\n  }\r\n  \r\n  \/* \u54cd\u5e94\u5f0f\u8bbe\u8ba1 *\/\r\n  @media (max-width: 768px) {\r\n    .flex-container {\r\n      flex-direction: column;\r\n    }\r\n    \r\n    .contact-info-container {\r\n      flex-direction: column;\r\n    }\r\n    \r\n    .map-container {\r\n      height: 300px;\r\n      margin-top: 30px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"contact-container\">\r\n  <!-- \u5934\u90e8\u90e8\u5206 -->\r\n  <div class=\"light-bg\">\r\n    <div class=\"content-wrapper\">\r\n      <div class=\"header\">\r\n        <h1 class=\"section-title\">Contact Us<\/h1>\r\n        <p class=\"section-subtitle\">Get in touch with our team for any inquiries or support<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <!-- \u8054\u7cfb\u4fe1\u606f\u90e8\u5206 -->\r\n  <div class=\"section\">\r\n    <div class=\"content-wrapper\">\r\n      <div class=\"contact-info-container\">\r\n        <div class=\"contact-card\">\r\n          <div class=\"contact-icon\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3 class=\"contact-title\">Phone<\/h3>\r\n          <p class=\"contact-detail\">\r\n            <a href=\"tel:+8613925372058\" class=\"contact-link\">+86 13925372058<\/a>\r\n          <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"contact-card\">\r\n          <div class=\"contact-icon\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\r\n              <polyline points=\"22,6 12,13 2,6\"><\/polyline>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3 class=\"contact-title\">Email<\/h3>\r\n          <p class=\"contact-detail\">\r\n            <a href=\"mailto:fengyun@fliegenmetal.com\" class=\"contact-link\">fengyun@fliegenmetal.com<\/a>\r\n          <\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"contact-card\">\r\n          <div class=\"contact-icon\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n              <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n              <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n            <\/svg>\r\n          <\/div>\r\n          <h3 class=\"contact-title\">Address<\/h3>\r\n          <p class=\"contact-detail\">\r\n            No. 4, Wenfu Street, Xiaolan Town,<br>\r\n            Zhongshan City, Guangdong Province,<br>\r\n            China\r\n          <\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <!-- \u8054\u7cfb\u8868\u5355\u548c\u5730\u56fe\u90e8\u5206 -->\r\n  <div class=\"light-bg\">\r\n    <div class=\"section\">\r\n      <div class=\"content-wrapper\">\r\n        <h2 class=\"section-title\">Send Us a Message<\/h2>\r\n        <p class=\"section-subtitle\">We'd love to hear from you<\/p>\r\n        \r\n        <div class=\"flex-container\">\r\n          <div class=\"contact-form-container\">\r\n            <form id=\"contact-form\">\r\n              <div class=\"form-group\">\r\n                <label for=\"name\" class=\"form-label\">Name<\/label>\r\n                <input type=\"text\" id=\"name\" name=\"name\" class=\"form-input\" placeholder=\"Your name\" required>\r\n              <\/div>\r\n              \r\n              <div class=\"form-group\">\r\n                <label for=\"email\" class=\"form-label\">Email<\/label>\r\n                <input type=\"email\" id=\"email\" name=\"email\" class=\"form-input\" placeholder=\"Your email\" required>\r\n              <\/div>\r\n              \r\n              <div class=\"form-group\">\r\n                <label for=\"subject\" class=\"form-label\">Subject<\/label>\r\n                <input type=\"text\" id=\"subject\" name=\"subject\" class=\"form-input\" placeholder=\"Subject of your message\">\r\n              <\/div>\r\n              \r\n              <div class=\"form-group\">\r\n                <label for=\"message\" class=\"form-label\">Message<\/label>\r\n                <textarea id=\"message\" name=\"message\" class=\"form-textarea\" placeholder=\"Your message\" required><\/textarea>\r\n              <\/div>\r\n              \r\n              <button type=\"submit\" class=\"submit-button\">Send Message<\/button>\r\n            <\/form>\r\n          <\/div>\r\n          \r\n          <div class=\"map-container\">\r\n            <!-- \u66ff\u6362\u4e3a\u60a8\u7684\u5b9e\u9645\u5730\u5740\u7684\u8c37\u6b4c\u5730\u56fe\u5d4c\u5165\u4ee3\u7801 -->\r\n            <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3685.5761419339!2d113.24!3d22.53!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3402e6f3d3e4d693%3A0x8f5f5d386b116b7d!2sXiaolan%2C%20Zhongshan%2C%20Guangdong%2C%20China!5e0!3m2!1sen!2sus!4v1651234567890!5m2!1sen!2sus\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <!-- \u8425\u4e1a\u65f6\u95f4\u90e8\u5206 -->\r\n  <div class=\"section\">\r\n    <div class=\"content-wrapper\">\r\n      <h2 class=\"section-title\">Business Hours<\/h2>\r\n      <p class=\"section-subtitle\">When you can reach us<\/p>\r\n      \r\n      <div style=\"max-width: 500px; margin: 0 auto; text-align: center;\">\r\n        <div style=\"display: flex; justify-content: space-between; padding: 15px 0; border-bottom: 1px solid #eee;\">\r\n          <span style=\"font-weight: 500;\">Monday - Friday:<\/span>\r\n          <span>9:00 AM - 6:00 PM<\/span>\r\n        <\/div>\r\n        <div style=\"display: flex; justify-content: space-between; padding: 15px 0; border-bottom: 1px solid #eee;\">\r\n          <span style=\"font-weight: 500;\">Saturday:<\/span>\r\n          <span>9:00 AM - 1:00 PM<\/span>\r\n        <\/div>\r\n        <div style=\"display: flex; justify-content: space-between; padding: 15px 0;\">\r\n          <span style=\"font-weight: 500;\">Sunday:<\/span>\r\n          <span>Closed<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <!-- \u7b80\u5355\u7684JavaScript\u7528\u4e8e\u8868\u5355\u63d0\u4ea4 -->\r\n  <script>\r\n    document.getElementById('contact-form').addEventListener('submit', function(event) {\r\n      event.preventDefault();\r\n      \r\n      \/\/ \u8fd9\u91cc\u60a8\u53ef\u4ee5\u6dfb\u52a0\u8868\u5355\u63d0\u4ea4\u903b\u8f91\uff0c\u4f8b\u5982\u901a\u8fc7AJAX\u53d1\u9001\u6570\u636e\r\n      \/\/ \u6216\u8005\u4e0eWordPress\u8868\u5355\u63d2\u4ef6\u96c6\u6210\r\n      \r\n      alert('Thank you for your message! We will get back to you soon.');\r\n      this.reset();\r\n    });\r\n  <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Us Get in touch with our team for any inquiries or support Phone +86 13925372058 Email fengyun@fliegenmetal.com Address No. 4, Wenfu Street, Xiaolan Town, Zhongshan City, Guangdong Province, China&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"two_page_speed":[],"footnotes":""},"class_list":["post-1328","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fliegenmetal.com\/index.php?rest_route=\/wp\/v2\/pages\/1328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fliegenmetal.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fliegenmetal.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fliegenmetal.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/fliegenmetal.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1328"}],"version-history":[{"count":0,"href":"https:\/\/fliegenmetal.com\/index.php?rest_route=\/wp\/v2\/pages\/1328\/revisions"}],"wp:attachment":[{"href":"https:\/\/fliegenmetal.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}