{"id":143,"date":"2026-03-18T12:35:59","date_gmt":"2026-03-18T10:35:59","guid":{"rendered":"https:\/\/dev.myolsx.com\/claude\/?page_id=143"},"modified":"2026-03-18T12:36:03","modified_gmt":"2026-03-18T10:36:03","slug":"contact","status":"publish","type":"page","link":"https:\/\/dev.myolsx.com\/claude\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\n<div class=\"contact-page-wrapper\">\n    <div class=\"contact-hero\">\n        <div class=\"hero-badge\">Official Support<\/div>\n        <h1>Connect with <span class=\"brand-style\">MyOLSx<\/span><\/h1>\n        <p>Your premium partner for WinOLS solutions and professional file services.<\/p>\n    <\/div>\n\n    <div class=\"contact-container\">\n        <div class=\"contact-info-panel\">\n            <div class=\"info-group\">\n                <h3>Direct Assistance<\/h3>\n                <p>Need a quick answer about credits or synchronization? Our team is available via WhatsApp:<\/p>\n                \n                <a href=\"https:\/\/wa.me\/+40751194100\" class=\"whatsapp-card\">\n                    <div class=\"wa-icon-box\">\n                        <svg viewBox=\"0 0 24 24\" width=\"30\" height=\"30\" fill=\"currentColor\"><path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z\"\/><\/svg>\n                    <\/div>\n                    <div class=\"wa-details\">\n                        <strong>WhatsApp Support<\/strong>\n                        <span>Fast track for MyOLSx clients<\/span>\n                    <\/div>\n                <\/a>\n            <\/div>\n\n            <div class=\"info-group\">\n                <h3>Digital Channels<\/h3>\n                <div class=\"social-links\">\n                    <a href=\"https:\/\/www.facebook.com\/myolsx\" target=\"_blank\" class=\"social-item\">\n                        <span class=\"soc-icon\">FB<\/span> facebook.com\/myolsx\n                    <\/a>\n                    <a href=\"https:\/\/dev.myolsx.com\/staging\/\" class=\"social-item\">\n                        <span class=\"soc-icon\">URL<\/span> myolsx.com\n                    <\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"info-group\">\n                <h3>Drop us a line<\/h3>\n                <p class=\"email-text\">myolsx@gmail.com<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"contact-form-panel\">\n            <div class=\"form-header\">\n                <h2>Send a Message<\/h2>\n                <p>Our <span class=\"brand-small\">MyOLSx<\/span> experts will get back to you shortly.<\/p>\n            <\/div>\n            <form action=\"#\" method=\"POST\" class=\"ols-form\">\n                <div class=\"form-row\">\n                    <div class=\"form-group\">\n                        <label>Name<\/label>\n                        <input type=\"text\" name=\"name\" placeholder=\"Enter your name\" required>\n                    <\/div>\n                    <div class=\"form-group\">\n                        <label>Email<\/label>\n                        <input type=\"email\" name=\"email\" placeholder=\"Enter your email\" required>\n                    <\/div>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label>How can we assist you?<\/label>\n                    <select name=\"subject\" required>\n                        <option value=\"\" disabled selected>Select an option<\/option>\n                        <option value=\"sales\">Inquiry about Credits<\/option>\n                        <option value=\"support\">Technical Support<\/option>\n                        <option value=\"partnership\">Partnership \/ Reseller<\/option>\n                        <option value=\"other\">General Inquiry<\/option>\n                    <\/select>\n                <\/div>\n\n                <div class=\"form-group\">\n                    <label>Message<\/label>\n                    <textarea name=\"message\" rows=\"5\" placeholder=\"Please describe your request...\" required><\/textarea>\n                <\/div>\n\n                <button type=\"submit\" class=\"btn-primary-ols\">Submit to MyOLSx<\/button>\n            <\/form>\n        <\/div>\n    <\/div>\n<\/div>\n\n<style>\n    .contact-page-wrapper { font-family: 'Segoe UI', Roboto, sans-serif; padding-bottom: 80px; background: #fff; color: #333; }\n    \n    \/* Brand Styling *\/\n    .brand-style { color: #00a651; font-weight: 800; }\n    .brand-small { color: #00a651; font-weight: 700; }\n\n    \/* Hero Section *\/\n    .contact-hero { background: #1a1a1a; padding: 100px 20px; text-align: center; color: #fff; margin-bottom: 60px; border-radius: 0 0 50px 50px; }\n    .hero-badge { display: inline-block; background: #00a651; padding: 5px 15px; border-radius: 20px; font-weight: 800; text-transform: uppercase; margin-bottom: 25px; border: 1px solid #00a651; }\n    .contact-hero p { font-optical-sizing: auto; font-size: 18px; opacity: 0.9; font-weight: 300; max-width: 750px; margin: 0 auto; }\n\n    \/* Layout *\/\n    .contact-container { display: flex; max-width: 1150px; margin: 0 auto; gap: 70px; padding: 0 25px; flex-wrap: wrap; }\n    \n    \/* Left Panel *\/\n    .contact-info-panel { flex: 1; min-width: 320px; }\n    .info-group { margin-bottom: 45px; }\n    .info-group h3 { font-size: 18px; color: #1a1a1a; margin-bottom: 20px; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; position: relative; padding-bottom: 10px; }\n    .info-group h3:after { content: \"\"; position: absolute; left: 0; bottom: 0; width: 40px; height: 3px; background: #00a651; }\n    .info-group p { color: #666; line-height: 1.6; margin-bottom: 20px; }\n\n    \/* WhatsApp Card *\/\n    .whatsapp-card { \n        display: flex; align-items: center; background: #f4fdf6; padding: 22px; \n        border-radius: 16px; text-decoration: none; color: #1a1a1a; border: 1px solid #e1f5e5;\n        transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\n    }\n    .whatsapp-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,166,81,0.1); border-color: #00a651; }\n    .wa-icon-box { color: #25d366; margin-right: 20px; display: flex; align-items: center; }\n    .wa-details strong { display: block; font-size: 17px; margin-bottom: 2px; }\n    .wa-details span { font-size: 13px; color: #666; }\n\n    \/* Social Links *\/\n    .social-links { display: flex; flex-direction: column; gap: 12px; }\n    .social-item { \n        text-decoration: none; color: #1a1a1a; font-weight: 600; display: flex; align-items: center;\n        padding: 14px; border-radius: 12px; border: 1px solid #f0f0f0; transition: 0.3s; background: #fafafa;\n    }\n    .social-item:hover { border-color: #00a651; background: #fff; transform: translateX(5px); }\n    .soc-icon { background: #1a1a1a; color: #fff; padding: 4px 8px; border-radius: 6px; font-size: 10px; margin-right: 15px; font-weight: 800; }\n    .email-text { font-size: 24px; font-weight: 800; color: #00a651; letter-spacing: -0.5px; }\n\n    \/* Form Panel *\/\n    .contact-form-panel { flex: 1.6; min-width: 350px; background: #fff; padding: 45px; border-radius: 25px; border: 1px solid #f0f0f0; box-shadow: 0 20px 50px rgba(0,0,0,0.05); }\n    .form-header { margin-bottom: 35px; }\n    .form-header h2 { font-size: 30px; margin-bottom: 12px; font-weight: 800; }\n    .form-header p { color: #888; font-size: 16px; }\n\n    .ols-form .form-row { display: flex; gap: 20px; margin-bottom: 5px; }\n    .form-group { margin-bottom: 25px; display: flex; flex-direction: column; flex: 1; }\n    .form-group label { font-weight: 700; margin-bottom: 10px; font-size: 13px; color: #1a1a1a; text-transform: uppercase; }\n    \n    .form-group input, .form-group select, .form-group textarea { \n        padding: 16px; border: 1.5px solid #eee; border-radius: 12px; font-size: 15px; background: #f9f9f9; transition: 0.3s;\n    }\n    .form-group input:focus, .form-group textarea:focus { border-color: #00a651; background: #fff; outline: none; box-shadow: 0 0 0 4px rgba(0, 166, 81, 0.08); }\n\n    .btn-primary-ols { \n        background: #00a651; color: #fff; padding: 20px; border: none; border-radius: 12px; \n        font-weight: 800; text-transform: uppercase; cursor: pointer; transition: 0.3s; width: 100%; font-size: 15px; letter-spacing: 1px;\n    }\n    .btn-primary-ols:hover { background: #008540; transform: translateY(-3px); box-shadow: 0 12px 25px rgba(0, 166, 81, 0.25); }\n\n    @media (max-width: 768px) {\n        .contact-hero h1 { font-size: 34px; }\n        .contact-container { flex-direction: column; gap: 50px; }\n        .ols-form .form-row { flex-direction: column; gap: 0; }\n        .contact-form-panel { padding: 30px; }\n    }\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Official Support Connect with MyOLSx Your premium partner for WinOLS solutions and professional file services. Direct Assistance Need a quick answer about credits or synchronization? Our team is available via WhatsApp: WhatsApp Support Fast track for MyOLSx clients Digital Channels FB facebook.com\/myolsx URL myolsx.com Drop us a line myolsx@gmail.com Send a Message Our MyOLSx experts &#8230; <a title=\"Contact\" class=\"read-more\" href=\"https:\/\/dev.myolsx.com\/claude\/contact\/\" aria-label=\"Read more about Contact\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-143","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/dev.myolsx.com\/claude\/wp-json\/wp\/v2\/pages\/143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.myolsx.com\/claude\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.myolsx.com\/claude\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.myolsx.com\/claude\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.myolsx.com\/claude\/wp-json\/wp\/v2\/comments?post=143"}],"version-history":[{"count":1,"href":"https:\/\/dev.myolsx.com\/claude\/wp-json\/wp\/v2\/pages\/143\/revisions"}],"predecessor-version":[{"id":144,"href":"https:\/\/dev.myolsx.com\/claude\/wp-json\/wp\/v2\/pages\/143\/revisions\/144"}],"wp:attachment":[{"href":"https:\/\/dev.myolsx.com\/claude\/wp-json\/wp\/v2\/media?parent=143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}