{"id":14,"date":"2026-10-01T05:00:08","date_gmt":"2026-10-01T05:00:08","guid":{"rendered":"https:\/\/tipoogroup.com\/?page_id=14"},"modified":"2026-10-01T11:49:20","modified_gmt":"2026-10-01T11:49:20","slug":"contact","status":"publish","type":"page","link":"https:\/\/tipoogroup.com\/?page_id=14","title":{"rendered":"Contact"},"content":{"rendered":"\n<!doctype html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"utf-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" \/>\n    <title>Contact \u2014 TIPOO Group<\/title>\n    <style>\n      :root {\n        --orange: #0868a9;\n        --amber: #24a875;\n        --teal: #168d87;\n        --ink: #19202a;\n        --muted: #69727e;\n        --paper: #f6f8f9;\n        --line: #e4e8eb;\n      }\n      * {\n        box-sizing: border-box;\n      }\n      html {\n        scroll-behavior: smooth;\n      }\n      body {\n        margin: 0;\n        font:\n          15px\/1.7 Arial,\n          sans-serif;\n        color: var(--ink);\n      }\n      h1,\n      h2,\n      h3 {\n        font-family: Georgia, serif;\n        line-height: 1.13;\n      }\n      a {\n        text-decoration: none;\n        color: inherit;\n      }\n      .wrap {\n        max-width: 1180px;\n        margin: auto;\n        padding: 0 24px;\n      }\n      .top {\n        height: 36px;\n        background: var(--ink);\n        color: #cbd1d8;\n        font-size: 12px;\n      }\n      .top .wrap,\n      .nav .wrap {\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n      }\n      .nav {\n        height: 82px;\n        background: #fff;\n        position: sticky;\n        top: 0;\n        z-index: 50;\n        box-shadow: 0 5px 20px #1112;\n      }\n      .logo {\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        font-weight: 900;\n        letter-spacing: 0.08em;\n      }\n      .logo b {\n        background: var(--orange);\n        color: #fff;\n        padding: 8px 11px;\n        border-radius: 7px;\n      }\n      .logo img { display: block; height: 46px; width: auto; }\n      .links {\n        display: flex;\n        gap: 26px;\n        align-items: center;\n        font-family: Georgia, serif;\n      }\n      .links a:hover,\n      .links .active {\n        color: var(--orange);\n      }\n      .cta {\n        background: var(--orange);\n        color: #fff !important;\n        padding: 12px 19px;\n        border-radius: 4px;\n        font: 700 13px Arial;\n      }\n      .contact-hero {\n        min-height: 660px;\n        position: relative;\n        display: flex;\n        align-items: center;\n        color: #fff;\n        overflow: hidden;\n        background: linear-gradient(\n          115deg,\n          #0868a9 0%,\n          #0c83c7 46%,\n          #168d87 100%\n        );\n      }\n      .contact-hero:before {\n        content: \"\";\n        position: absolute;\n        inset: 0;\n        background:\n          radial-gradient(circle at 28% 40%, #fff2 0 3px, transparent 4px),\n          radial-gradient(circle at 31% 44%, #fff2 0 5px, transparent 6px);\n        background-size: 190px 190px;\n        animation: particles 16s linear infinite;\n      }\n      .wave-layer {\n        position: absolute;\n        left: -12%;\n        width: 124%;\n        height: 190px;\n        border-radius: 50% 50% 0 0 \/ 38% 38% 0 0;\n        transform-origin: center;\n        pointer-events: none;\n      }\n      .wave-one {\n        bottom: -75px;\n        background: #24a87566;\n        animation: waveA 8s ease-in-out infinite alternate;\n      }\n      .wave-two {\n        bottom: -105px;\n        background: #54bca766;\n        animation: waveB 11s ease-in-out infinite alternate-reverse;\n      }\n      .wave-three {\n        bottom: -142px;\n        background: #fff;\n        animation: waveC 9s ease-in-out infinite alternate;\n      }\n      .contact-grid {\n        position: relative;\n        z-index: 2;\n        display: grid;\n        grid-template-columns: 0.88fr 1.12fr;\n        gap: 62px;\n        align-items: center;\n        padding-top: 55px;\n        padding-bottom: 110px;\n      }\n      .eyebrow {\n        text-transform: uppercase;\n        letter-spacing: 0.16em;\n        font-weight: 800;\n        font-size: 12px;\n        color: #eef6f8;\n      }\n      .info h1 {\n        font-size: 53px;\n        margin: 10px 0 22px;\n      }\n      .info > p {\n        max-width: 480px;\n        color: #eef6f8;\n        font-size: 17px;\n      }\n      .info-block {\n        margin-top: 28px;\n        padding-top: 22px;\n        border-top: 1px solid #ffffff55;\n      }\n      .info-block h3 {\n        font-size: 22px;\n        margin: 0 0 12px;\n      }\n      .line {\n        display: flex;\n        gap: 12px;\n        align-items: flex-start;\n        margin: 9px 0;\n        color: #fff;\n      }\n      .ico {\n        width: 28px;\n        height: 28px;\n        border: 1px solid #ffffff75;\n        border-radius: 50%;\n        display: grid;\n        place-items: center;\n        flex: 0 0 auto;\n        font-size: 12px;\n      }\n      .pending {\n        font-size: 11px;\n        background: #ffffff22;\n        padding: 3px 8px;\n        border-radius: 20px;\n        margin-left: 6px;\n      }\n      .form-card {\n        background: #fff;\n        color: var(--ink);\n        padding: 42px;\n        border-radius: 16px;\n        box-shadow: 0 28px 70px #14202b3b;\n      }\n      .form-card h2 {\n        text-align: center;\n        font-size: 38px;\n        margin: 0 0 8px;\n      }\n      .form-card > p {\n        text-align: center;\n        color: var(--muted);\n        margin: 0 0 28px;\n      }\n      .fields {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 12px;\n      }\n      .field.full {\n        grid-column: 1\/-1;\n      }\n      .field input,\n      .field select,\n      .field textarea {\n        width: 100%;\n        padding: 14px 15px;\n        border: 1px solid var(--line);\n        background: #fff;\n        font: inherit;\n        color: var(--ink);\n      }\n      .field textarea {\n        height: 112px;\n        resize: vertical;\n      }\n      .send {\n        grid-column: 1\/-1;\n        border: 0;\n        background: linear-gradient(90deg, var(--orange), #0c83c7, var(--teal));\n        color: #fff;\n        padding: 15px;\n        font-weight: 800;\n        font-size: 15px;\n        cursor: pointer;\n        transition: 0.25s;\n      }\n      .send:hover {\n        transform: translateY(-2px);\n        box-shadow: 0 10px 20px #0868a933;\n      }\n      .demo-note {\n        grid-column: 1\/-1;\n        text-align: center;\n        font-size: 11px;\n        color: #8a929a;\n      }\n      .locations {\n        padding: 92px 0;\n      }\n      .head {\n        text-align: center;\n        max-width: 700px;\n        margin: 0 auto 42px;\n      }\n      .head span {\n        color: var(--orange);\n        text-transform: uppercase;\n        letter-spacing: 0.15em;\n        font-size: 12px;\n        font-weight: 800;\n      }\n      .head h2 {\n        font-size: 46px;\n        margin: 10px 0 16px;\n      }\n      .head p {\n        color: var(--muted);\n      }\n      .location-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n      }\n      .location {\n        border: 1px solid var(--line);\n        background: #fff;\n        overflow: hidden;\n        transition: 0.28s;\n      }\n      .location:hover {\n        transform: translateY(-6px);\n        box-shadow: 0 18px 45px #19202a17;\n      }\n      .photo {\n        height: 210px;\n        background:\n          linear-gradient(0deg, #15202a9c, #168d8733),\n          url(\"https:\/\/tipoogroup.com\/wp-content\/themes\/tipoo-group\/assets\/tipoo-hero.jpg\") center\/cover;\n        position: relative;\n      }\n      .photo:after {\n        content: \"\";\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        width: 100%;\n        height: 5px;\n        background: linear-gradient(\n          90deg,\n          var(--orange),\n          var(--amber),\n          var(--teal)\n        );\n      }\n      .location:nth-child(2) .photo {\n        background-position: 22% center;\n      }\n      .location:nth-child(3) .photo {\n        background-position: 78% center;\n      }\n      .location-copy {\n        padding: 24px;\n      }\n      .location h3 {\n        font-size: 25px;\n        margin: 0 0 9px;\n      }\n      .location p {\n        color: var(--muted);\n        font-size: 13px;\n      }\n      .tag {\n        display: inline-block;\n        color: var(--teal);\n        font-size: 11px;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 0.12em;\n      }\n      .promise {\n        background: var(--paper);\n        padding: 74px 0;\n      }\n      .promise-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 55px;\n        align-items: center;\n      }\n      .promise h2 {\n        font-size: 43px;\n        margin: 0 0 14px;\n      }\n      .promise p {\n        color: var(--muted);\n      }\n      .points {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 14px;\n      }\n      .point {\n        background: #fff;\n        border-left: 4px solid var(--orange);\n        padding: 18px;\n      }\n      .point b {\n        display: block;\n      }\n      .point span {\n        font-size: 12px;\n        color: var(--muted);\n      }\n      .footer {\n        padding: 48px 0;\n        background: linear-gradient(115deg, #31525a, #34736f 58%, #3c8e84);\n        color: #dceceb;\n      }\n      .footer .wrap {\n        display: grid;\n        grid-template-columns: 1fr 1fr 2fr;\n        align-items: start;\n        gap: 30px;\n      }\n      .footer-contact { font-size: 13px; line-height: 1.55; }\n      .footer-contact b { color: #fff; }\n      .footer a {\n        color: #fff;\n      }\n      @keyframes waveA {\n        to {\n          transform: translateX(5%) rotate(1.2deg) scaleY(1.08);\n        }\n      }\n      @keyframes waveB {\n        to {\n          transform: translateX(-4%) rotate(-1.5deg) scaleY(0.9);\n        }\n      }\n      @keyframes waveC {\n        to {\n          transform: translateX(3%) rotate(0.7deg) scaleY(1.06);\n        }\n      }\n      @keyframes particles {\n        to {\n          background-position:\n            190px -190px,\n            190px -190px;\n        }\n      }\n      @media (max-width: 900px) {\n        .links {\n          display: none;\n        }\n        .contact-grid,\n        .promise-grid {\n          grid-template-columns: 1fr;\n        }\n        .contact-grid {\n          padding-top: 65px;\n        }\n        .location-grid {\n          grid-template-columns: 1fr;\n        }\n        .contact-hero {\n          min-height: auto;\n        }\n      }\n      @media (max-width: 580px) {\n        .top {\n          display: none;\n        }\n        .nav {\n          height: 70px;\n        }\n        .info h1 {\n          font-size: 43px;\n        }\n        .form-card {\n          padding: 27px 20px;\n        }\n        .fields,\n        .points {\n          grid-template-columns: 1fr;\n        }\n        .field.full,\n        .send,\n        .demo-note {\n          grid-column: auto;\n        }\n        .footer .wrap {\n          display: block;\n        }\n        .footer span {\n          display: block;\n          margin: 12px 0;\n        }\n      }\n      @media (prefers-reduced-motion: reduce) {\n        * {\n          animation: none !important;\n          transition: none !important;\n        }\n      }\n    <\/style>\n  {{TIPOO_WP_HEAD}}<\/head>\n  <body>\n    <div class=\"top\">\n      <div class=\"wrap\">\n        <span>Advanced construction chemistry since 1988<\/span\n        ><span>{{TIPOO_EMAIL}} \u00b7 {{TIPOO_PHONE}}<\/span>\n      <\/div>\n    <\/div>\n    <header class=\"nav\">\n      <div class=\"wrap\">\n        <a href=\"https:\/\/tipoogroup.com\/\" class=\"logo\"><img decoding=\"async\" src=\"https:\/\/tipoogroup.com\/wp-content\/themes\/tipoo-group\/assets\/tipoo-logo.png\" alt=\"TIPOO Group\"><\/a>\n        <nav class=\"links\">\n          <a href=\"https:\/\/tipoogroup.com\/\">Home<\/a><a href=\"https:\/\/tipoogroup.com\/#about\">About<\/a\n          ><a href=\"https:\/\/tipoogroup.com\/?page_id=12\">Products<\/a\n          ><a href=\"https:\/\/tipoogroup.com\/#solutions\">Applications<\/a\n          ><a href=\"https:\/\/tipoogroup.com\/#capabilities\">Technical Support<\/a\n          ><a class=\"active\" href=\"https:\/\/tipoogroup.com\/?page_id=14\">Contact<\/a\n          ><a class=\"cta\" href=\"#form\">Request Sample<\/a>\n        <\/nav>\n      <\/div>\n    <\/header>\n    <section class=\"contact-hero\">\n      <span class=\"wave-layer wave-one\"><\/span>\n      <span class=\"wave-layer wave-two\"><\/span>\n      <span class=\"wave-layer wave-three\"><\/span>\n      <div class=\"wrap contact-grid\">\n        <div class=\"info\">\n          <span class=\"eyebrow\">Talk to our team<\/span>\n          <h1>Information<\/h1>\n          <p>\n            Tell us about your product, application and performance target.\n            TIPOO Group\u2019s team can help with catalogue selection, technical data and\n            samples.\n          <\/p>\n          <div class=\"info-block\">\n            <h3>Global Sales &amp; Technical Support<\/h3>\n            <div class=\"line\">\n              <span class=\"ico\">\u2709<\/span\n              ><span\n                >{{TIPOO_EMAIL}}<\/span\n              >\n            <\/div>\n            <div class=\"line\">\n              <span class=\"ico\">\u260e<\/span\n              ><span>{{TIPOO_PHONE}}<\/span>\n            <\/div>\n            <div class=\"line\">\n              <span class=\"ico\">\u2316<\/span\n              ><span>China<\/span>\n            <\/div>\n            <div class=\"line\">\n              <span class=\"ico\">\u25ce<\/span\n              ><a href=\"https:\/\/wa.me\/{{TIPOO_WHATSAPP_DIGITS}}\">WhatsApp: {{TIPOO_PHONE}}<\/a>\n            <\/div>\n          <\/div>\n          <div class=\"info-block\">\n            <h3>What you can request<\/h3>\n            <div class=\"line\">\n              <span class=\"ico\">\u2713<\/span\n              ><span>Product recommendation and technical data sheet<\/span>\n            <\/div>\n            <div class=\"line\">\n              <span class=\"ico\">\u2713<\/span\n              ><span>Evaluation sample and commercial quotation<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"form-card\" id=\"form\">\n          <h2>Contact us<\/h2>\n          <p>Make an enquiry or request a product sample.<\/p>\n          \n          <form class=\"fields\" method=\"post\" action=\"{{TIPOO_ADMIN_POST}}\">\n            <input type=\"hidden\" name=\"action\" value=\"tipoo_enquiry\">\n            <input type=\"hidden\" id=\"tipoo_nonce\" name=\"tipoo_nonce\" value=\"f9bc524ee0\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F14\" \/>\n            <input type=\"text\" name=\"website\" value=\"\" tabindex=\"-1\" autocomplete=\"off\" style=\"position:absolute;left:-9999px\" aria-hidden=\"true\">\n            <div class=\"field\">\n              <input name=\"name\" aria-label=\"Name\" placeholder=\"Name\" required \/>\n            <\/div>\n            <div class=\"field\">\n              <input name=\"phone\" aria-label=\"Phone\" placeholder=\"Phone \/ WhatsApp\" \/>\n            <\/div>\n            <div class=\"field\">\n              <input name=\"email\" type=\"email\" aria-label=\"Email\" placeholder=\"Email\" required \/>\n            <\/div>\n            <div class=\"field\">\n              <input name=\"country\" aria-label=\"Country\" placeholder=\"Country\" \/>\n            <\/div>\n            <div class=\"field full\">\n              <input name=\"company\" aria-label=\"Company\" placeholder=\"Company\" \/>\n            <\/div>\n            <div class=\"field full\">\n              <select name=\"product\" aria-label=\"Product interest\">\n                <option>Product of interest<\/option>\n                <option>Atocell\u00ae HPMC \/ MHEC \/ HEC<\/option>\n                <option>Atopas\u00ae RDP<\/option>\n                <option>Atoplex\u00ae PCE<\/option>\n                <option>HydroMax\u00ae Water Repellent<\/option>\n                <option>Not sure \u2014 need recommendation<\/option>\n              <\/select>\n            <\/div>\n            <div class=\"field full\">\n              <textarea name=\"message\"\n                aria-label=\"Enquiry details\"\n                placeholder=\"Tell us the application, required quantity and performance target\"\n              ><\/textarea>\n            <\/div>\n            <button class=\"send\" type=\"submit\">Send Enquiry<\/button>\n            <div class=\"demo-note\">\n              Your details will be sent securely to TIPOO Group.\n            <\/div>\n          <\/form>\n        <\/div>\n      <\/div>\n    <\/section>\n    <section class=\"locations\">\n      <div class=\"wrap\">\n        <div class=\"head\">\n          <span>Contact TIPOO Group<\/span>\n          <h2>A team built around your market.<\/h2>\n          <p>\n            Connect with TIPOO Group for product information, samples and application discussions worldwide.\n          <\/p>\n        <\/div>\n        <div class=\"location-grid\">\n          <article class=\"location\">\n            <div class=\"photo\"><\/div>\n            <div class=\"location-copy\">\n              <span class=\"tag\">Phone<\/span>\n              <h3>Phone support<\/h3>\n              <p>\n                Call TIPOO Group for product enquiries and customer support.\n              <\/p>\n              <b><a href=\"tel:{{TIPOO_PHONE_DIGITS}}\">{{TIPOO_PHONE}}<\/a><\/b>\n            <\/div>\n          <\/article>\n          <article class=\"location\">\n            <div class=\"photo\"><\/div>\n            <div class=\"location-copy\">\n              <span class=\"tag\">WhatsApp<\/span>\n              <h3>WhatsApp support<\/h3>\n              <p>\n                Message TIPOO Group for product enquiries and application support.\n              <\/p>\n              <b><a href=\"https:\/\/wa.me\/{{TIPOO_WHATSAPP_DIGITS}}\">{{TIPOO_PHONE}}<\/a><\/b>\n            <\/div>\n          <\/article>\n          <article class=\"location\">\n            <div class=\"photo\"><\/div>\n            <div class=\"location-copy\">\n              <span class=\"tag\">Email<\/span>\n              <h3>Email support<\/h3>\n              <p>\n                Get help discussing grade selection and construction applications.\n              <\/p>\n              <b><a href=\"mailto:{{TIPOO_EMAIL}}\">{{TIPOO_EMAIL}}<\/a><\/b>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n    <section class=\"promise\">\n      <div class=\"wrap promise-grid\">\n        <div>\n          <span class=\"eyebrow\" style=\"color: var(--orange)\"\n            >A reliable technical partner<\/span\n          >\n          <h2>Better questions lead to better product selection.<\/h2>\n          <p>\n            Share the binder system, application method, desired viscosity and\n            target performance. The more detail you provide, the more useful\n            TIPOO Group\u2019s recommendation can be.\n          <\/p>\n        <\/div>\n        <div class=\"points\">\n          <div class=\"point\">\n            <b>Grade selection<\/b><span>Match chemistry and viscosity<\/span>\n          <\/div>\n          <div class=\"point\">\n            <b>Technical data<\/b\n            ><span>Specifications and application guidance<\/span>\n          <\/div>\n          <div class=\"point\">\n            <b>Sample request<\/b><span>Material for evaluation testing<\/span>\n          <\/div>\n          <div class=\"point\">\n            <b>Quotation<\/b><span>Packaging and supply discussion<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n    <footer class=\"footer\">\n      <div class=\"wrap\">\n        <div class=\"logo\"><img decoding=\"async\" src=\"https:\/\/tipoogroup.com\/wp-content\/themes\/tipoo-group\/assets\/tipoo-logo.png\" alt=\"TIPOO Group\"><\/div>\n        <div class=\"footer-contact\"><b>Contact<\/b><br><a href=\"tel:{{TIPOO_PHONE_DIGITS}}\">{{TIPOO_PHONE}}<\/a><br><a href=\"mailto:{{TIPOO_EMAIL}}\">{{TIPOO_EMAIL}}<\/a><\/div>\n        <div class=\"footer-contact\"><b>Contact location<\/b><br>China<\/div>\n      <\/div>\n    <\/footer>\n  {{TIPOO_WP_FOOTER}}<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Contact \u2014 TIPOO Group {{TIPOO_WP_HEAD}} Advanced construction chemistry since 1988{{TIPOO_EMAIL}} \u00b7 {{TIPOO_PHONE}} HomeAboutProductsApplicationsTechnical SupportContactRequest Sample Talk to our team Information Tell us about your product, application and performance target. TIPOO Group\u2019s team can help with catalogue selection, technical data and samples. Global Sales &amp; Technical Support \u2709{{TIPOO_EMAIL}} \u260e{{TIPOO_PHONE}} \u2316China \u25ceWhatsApp: {{TIPOO_PHONE}} What you can request [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tipoogroup.com\/index.php?rest_route=\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tipoogroup.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tipoogroup.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tipoogroup.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/tipoogroup.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=14"}],"version-history":[{"count":1,"href":"https:\/\/tipoogroup.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":54,"href":"https:\/\/tipoogroup.com\/index.php?rest_route=\/wp\/v2\/pages\/14\/revisions\/54"}],"wp:attachment":[{"href":"https:\/\/tipoogroup.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}