{"id":471,"date":"2024-04-26T14:21:53","date_gmt":"2024-04-26T06:21:53","guid":{"rendered":"https:\/\/tiiocti.com\/?page_id=471"},"modified":"2026-01-09T02:20:41","modified_gmt":"2026-01-08T18:20:41","slug":"thank-you","status":"publish","type":"page","link":"https:\/\/tiiocti.com\/fr\/thank-you\/","title":{"rendered":"Thank you"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_block_section\">\n<div class=\"et_pb_row_0 et_pb_row et_pb_gutters3 et_block_row\">\n<div class=\"et_pb_column_0 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section id=\"tiio-thank-you\">\n    <style>\n        #tiio-thank-you {\n            background-color: #F9F9F9;\n            min-height: 90vh;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-family: 'Open Sans', sans-serif;\n            padding: 60px 20px;\n        }\n\n        #tiio-thank-you .container {\n            max-width: 800px;\n            width: 100%;\n            background: #fff;\n            padding: 60px 50px;\n            border-radius: 4px;\n            box-shadow: 0 20px 60px rgba(0,0,0,0.05);\n            text-align: center;\n            border-top: 5px solid #003C71;\n        }\n\n        \/* Success Icon *\/\n        #tiio-thank-you .success-icon-wrap {\n            width: 80px;\n            height: 80px;\n            background: #E8F5E9;\n            color: #2E7D32;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 30px auto;\n        }\n\n        #tiio-thank-you .success-icon-wrap svg {\n            width: 40px;\n            height: 40px;\n        }\n\n        #tiio-thank-you h1 {\n            color: #003C71;\n            font-size: 32px;\n            font-weight: 800;\n            margin: 0 0 15px 0;\n            text-transform: uppercase;\n        }\n\n        #tiio-thank-you p.lead {\n            font-size: 18px;\n            color: #555;\n            margin-bottom: 40px;\n            line-height: 1.6;\n        }\n\n        \/* Process Timeline *\/\n        #tiio-thank-you .process-line {\n            display: flex;\n            justify-content: space-between;\n            margin: 50px 0;\n            position: relative;\n            text-align: left;\n        }\n\n        #tiio-thank-you .process-line::before {\n            content: \"\";\n            position: absolute;\n            top: 25px;\n            left: 50px;\n            right: 50px;\n            height: 2px;\n            background: #eee;\n            z-index: 0;\n        }\n\n        #tiio-thank-you .step {\n            position: relative;\n            z-index: 1;\n            width: 30%;\n            text-align: center;\n        }\n\n        #tiio-thank-you .step-circle {\n            width: 50px;\n            height: 50px;\n            background: #fff;\n            border: 2px solid #ddd;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            margin: 0 auto 15px auto;\n            font-weight: 700;\n            color: #999;\n            transition: all 0.3s;\n        }\n\n        #tiio-thank-you .step.active .step-circle {\n            border-color: #D4AF37;\n            background: #D4AF37;\n            color: #000;\n        }\n\n        #tiio-thank-you .step h4 {\n            font-size: 14px;\n            font-weight: 700;\n            color: #333;\n            margin: 0 0 5px 0;\n            text-transform: uppercase;\n        }\n\n        #tiio-thank-you .step p {\n            font-size: 12px;\n            color: #777;\n            margin: 0;\n        }\n\n        \/* Urgent Contact Box *\/\n        #tiio-thank-you .urgent-box {\n            background: #F4F6F8;\n            border: 1px solid #E1E8ED;\n            padding: 25px;\n            border-radius: 4px;\n            margin-top: 40px;\n        }\n\n        #tiio-thank-you .urgent-title {\n            font-size: 14px;\n            font-weight: 700;\n            color: #003C71;\n            text-transform: uppercase;\n            margin-bottom: 15px;\n            display: block;\n        }\n\n        #tiio-thank-you .contact-links {\n            display: flex;\n            justify-content: center;\n            gap: 30px;\n            flex-wrap: wrap;\n        }\n\n        #tiio-thank-you .contact-item {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            text-decoration: none;\n            color: #333;\n            font-weight: 600;\n            font-size: 15px;\n            transition: color 0.3s;\n        }\n        \n        #tiio-thank-you .contact-item:hover {\n            color: #D4AF37;\n        }\n\n        #tiio-thank-you .btn-home {\n            display: inline-block;\n            margin-top: 40px;\n            color: #777;\n            text-decoration: none;\n            font-size: 14px;\n            font-weight: 600;\n            border-bottom: 1px solid transparent;\n            transition: all 0.3s;\n        }\n        \n        #tiio-thank-you .btn-home:hover {\n            color: #003C71;\n            border-bottom-color: #003C71;\n        }\n\n        @media (max-width: 600px) {\n            #tiio-thank-you .container { padding: 40px 20px; }\n            #tiio-thank-you .process-line { flex-direction: column; gap: 30px; align-items: flex-start; padding-left: 20px; }\n            #tiio-thank-you .process-line::before { left: 45px; top: 0; bottom: 0; width: 2px; height: auto; }\n            #tiio-thank-you .step { width: 100%; display: flex; align-items: center; gap: 20px; text-align: left; }\n            #tiio-thank-you .step-circle { margin: 0; }\n        }\n    <\/style>\n\n    <div class=\"container\">\n        \n        <div class=\"success-icon-wrap\">\n            <svg viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"\/><\/svg>\n        <\/div>\n\n        <h1>Request Received<\/h1>\n        <p class=\"lead\">Thank you for contacting TIIOCTI. Your inquiry has been assigned to a sales engineer and entered into our review queue.<\/p>\n\n        <div class=\"process-line\">\n            <div class=\"step active\">\n                <div class=\"step-circle\">1<\/div>\n                <div>\n                    <h4>Submission<\/h4>\n                    <p>Received<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"step\">\n                <div class=\"step-circle\">2<\/div>\n                <div>\n                    <h4>Tech Review<\/h4>\n                    <p>Calculating Quote<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"step\">\n                <div class=\"step-circle\">3<\/div>\n                <div>\n                    <h4>Response<\/h4>\n                    <p>Within 24 Hours<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"urgent-box\">\n            <span class=\"urgent-title\">Need an urgent quote?<\/span>\n            <div class=\"contact-links\">\n                <a href=\"mailto:info@tiiocti.com\" class=\"contact-item\">\n                    <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\n                    info@tiiocti.com\n                <\/a>\n                \n                <a href=\"https:\/\/wa.me\/8618988976488\" class=\"contact-item\" target=\"_blank\" rel=\"noopener\">\n                    <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.4 1.27 4.84L2.03 22l5.39-1.41c1.38.75 2.96 1.18 4.62 1.18 5.46 0 9.91-4.45 9.91-9.91 0-5.46-4.45-9.86-9.91-9.86zM8.53 7.33c.19 0 .32.06.45.19.12.13 1.35 2.62 1.48 2.87.13.25.13.43-.06.68-.19.25-.3.37-.58.62-.25.25-.52.56-.25 1.06.26.5 1.13 1.94 2.42 3.1 1.67 1.5 2.89 1.96 3.42 1.96.25 0 .43-.13.62-.31.19-.25.81-.94 1.06-1.25.25-.31.5-.25.81-.13.31.12 1.94.94 2.25 1.06.31.13.56.19.62.31.06.13.06.69-.19 1.38-.25.69-1.5 1.31-2.06 1.38-.56.06-1.29.15-4.42-1.12-3.75-1.5-6.19-5.44-6.37-5.69-.19-.25-1.5-2-1.5-3.81 0-1.81.94-2.75 1.31-3.13.32-.37.69-.56 1.07-.56z\"\/><\/svg>\n                    +86-18988976488 (WhatsApp)\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <a href=\"\/fr\/\" class=\"btn-home\">Return to Homepage<\/a>\n    <\/div>\n<\/section><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-471","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tiiocti.com\/fr\/wp-json\/wp\/v2\/pages\/471","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tiiocti.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tiiocti.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tiiocti.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tiiocti.com\/fr\/wp-json\/wp\/v2\/comments?post=471"}],"version-history":[{"count":15,"href":"https:\/\/tiiocti.com\/fr\/wp-json\/wp\/v2\/pages\/471\/revisions"}],"predecessor-version":[{"id":8440,"href":"https:\/\/tiiocti.com\/fr\/wp-json\/wp\/v2\/pages\/471\/revisions\/8440"}],"wp:attachment":[{"href":"https:\/\/tiiocti.com\/fr\/wp-json\/wp\/v2\/media?parent=471"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}