{"id":206,"date":"2025-09-16T06:34:57","date_gmt":"2025-09-16T06:34:57","guid":{"rendered":"https:\/\/juntrax.com\/case-studies\/?p=206"},"modified":"2025-11-12T13:57:29","modified_gmt":"2025-11-12T13:57:29","slug":"source-engineering-case-study","status":"publish","type":"post","link":"https:\/\/juntrax.com\/case-studies\/source-engineering-case-study\/","title":{"rendered":"Source Engineering Case Study"},"content":{"rendered":"<body>\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"206\" class=\"elementor elementor-206\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37c61da9 e-flex e-con-boxed e-con e-parent\" data-id=\"37c61da9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6088637c elementor-widget elementor-widget-text-editor\" data-id=\"6088637c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"\">As Source Engineering scaled its presence across the United States, the Netherlands, and India, its internal operations remained fragmented. Each region had grown organically, developing its own methods, spreadsheets, and workflows to manage core business functions like HR, timesheets, and invoicing. This decentralization led to siloed data, inconsistent reporting, and operational inefficiencies.<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:paragraph --><\/p>\n<p class=\"\">To read the entire case study, please enter the below information and download the case study.\u00a0<\/p>\n<p><!-- \/wp:paragraph --><\/p>\n<p><!-- wp:html --><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1b1c222 e-flex e-con-boxed e-con e-parent\" data-id=\"1b1c222\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-76bdc74 elementor-widget elementor-widget-html\" data-id=\"76bdc74\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n  \n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Juntrax | Contact<\/title>\n    <style>\n      \/* Form Container *\/\n      .formContainer {\n        padding: 2rem;\n        background-color: #f9fafb;\n        border-radius: 12px;\n\n        font-family: \"Segoe UI\", sans-serif;\n        border: 1px solid rgba(0, 0, 0, 0.1);\n      }\n\n      \/* Each Form Field Wrapper *\/\n      .formInput {\n        display: flex;\n        flex-direction: column;\n        margin-bottom: 16px;\n      }\n\n      \/* Label for Input *\/\n      .formInput label {\n        margin-bottom: 6px;\n        font-weight: 500;\n        font-size: 14px;\n        color: #333;\n      }\n\n      \/* Text Input \/ Email \/ Phone \/ Textarea *\/\n      .formInput input,\n      .formInput textarea,\n      .formInput select {\n        padding: 12px 20px;\n        border: 1px solid #ccc;\n        border-radius: 6px;\n        font-size: 14px;\n        transition: border 0.2s ease;\n        height: fit-content;\n      }\n\n      .formInput input:focus,\n      .formInput textarea:focus,\n      .formInput select:focus {\n        outline: none;\n        border-color: #3b82f6;\n        box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);\n      }\n\n      \/* Checkbox (Privacy Policy) *\/\n      .formChecklist {\n        display: flex;\n        align-items: center;\n        margin: 12px 0;\n        font-size: 14px;\n        color: #333;\n      }\n\n      .formChecklist input[type=\"checkbox\"] {\n        margin-right: 8px;\n        accent-color: #3b82f6;\n        width: 4%;\n      }\n\n      .formChecklist label {\n        display: block;\n        margin-bottom: 0;\n      }\n\n      \/* Button *\/\n      .formButton {\n        background-color: #3b82f6;\n        border: none;\n        border-radius: 6px;\n        color: white;\n        cursor: pointer;\n        font-size: 16px;\n        font-weight: 500;\n        margin-top: 1rem;\n        padding: 12px;\n        transition: all 0.3s;\n        width: 100%;\n      }\n\n      .formButton:hover {\n        background-color: #3b82f6;\n        color: white;\n        transform: translateY(-0.2rem);\n      }\n\n      .infoContainer {\n        display: flex;\n        gap: 6rem;\n        max-width: 700px;\n        padding: 20px;\n        flex-direction: column;\n        justify-content: space-between;\n        align-content: center;\n      }\n\n      .infoContainerParent {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: center;\n        gap: 0.5rem; \/* gap-2 \u2248 8px (adjust if needed) *\/\n      }\n\n      \/* Each feature row *\/\n      .featureItem {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n      }\n\n      \/* Icon circle *\/\n      .icon {\n        width: 80px;\n        height: 80px;\n        flex-shrink: 0;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      .icon img {\n        width: 100%;\n        height: 100%;\n      }\n\n      \/* Headline for each feature *\/\n      .featureHeading {\n        font-size: 16px;\n        font-weight: 600;\n        color: #111827;\n        margin-bottom: 4px;\n      }\n\n      \/* Supporting text *\/\n      .featureText {\n        font-size: 14px;\n        color: #6b7280;\n        line-height: 1.5;\n      }\n\n      .formSection h2 {\n        margin-bottom: 1rem;\n      }\n\n      .formControlGrid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 3rem;\n        margin: 5rem 0 3rem 0;\n      }\n\n      .formControl label {\n        color: #344054;\n        display: block;\n        margin-bottom: 1rem;\n      }\n\n      .formControl input,\n      .formControl textarea {\n        border: 1px solid #d0d5dd;\n        border-radius: 0.5rem;\n        font-size: 1.6rem;\n        padding: 1.5rem 2rem;\n        width: 100%;\n      }\n\n      .formControl input::placeholder {\n        color: #66708580;\n      }\n\n      .messageTextarea {\n        -webkit-user-drag: none;\n        user-select: text;\n        resize: none; \/* optional *\/\n      }\n\n      \/* Phone Number Input *\/\n\n      .phoneNumber {\n        border: 1px solid #d0d5dd;\n        border-radius: 0.5rem;\n        display: flex;\n        width: 100%;\n      }\n\n      .phoneNumber select {\n        height: 40px;\n        width: 120px;\n      }\n\n      .phoneNumber input {\n        border: none;\n        border-left: 1px solid #d0d5dd;\n        box-shadow: none !important;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n        width: 100%;\n        outline: none;\n      }\n\n      .phoneNumber input:active,\n      .phoneNumber input:focus {\n        border-left: 1px solid #d0d5dd;\n      }\n\n      \/*Media Queries*\/\n\n      @media (max-width: 767px) {\n        .formContainer {\n          padding: 1rem;\n        }\n\n        .formSection {\n          margin-top: 1rem;\n        }\n\n        .formControlGrid {\n          grid-template-columns: repeat(1, 1fr);\n        }\n\n        .talkToUsImage {\n          justify-self: center;\n          width: 100%;\n          margin-bottom: 8rem;\n        }\n\n        .talkToUsImage img {\n          width: 100%;\n          height: auto;\n          object-fit: contain;\n        }\n\n        .infoContainerParent {\n          flex-direction: column;\n          gap: 0.25rem; \/* optional: reduce gap *\/\n        }\n\n        .infoContainer {\n          gap: 2rem; \/* reduce spacing for small screens *\/\n          padding: 16px; \/* smaller padding *\/\n          max-width: 100%; \/* full width on phone *\/\n          margin-bottom: 6rem;\n        }\n\n        .icon {\n          width: 60px;\n          height: 60px;\n        }\n\n        .featureHeading {\n          font-size: 14px;\n        }\n\n        .featureText {\n          font-size: 13px;\n          line-height: 1.4;\n        }\n      }\n    <\/style>\n    <script>\n      document.addEventListener(\"DOMContentLoaded\", function () {\n        const form = document.getElementById(\"contactForm\");\n\n        form.addEventListener(\"submit\", async function (event) {\n          event.preventDefault();\n\n          const fields = new FormData(form);\n\n          const firstName = fields.get(\"firstName\");\n          const email = fields.get(\"email\");\n          const company = fields.get(\"company\");\n          const message = fields.get(\"message\");\n          const country = document.getElementById(\"country\").value;\n          const selectedCode = document.getElementById(\"countryCode\").value;\n          const phoneNumber = document.getElementById(\"phoneNumber\").value;\n\n          const formData = [\n            { name: \"firstName\", value: firstName },\n            { name: \"email\", value: email },\n            { name: \"company\", value: company },\n            { name: \"country\", value: country },\n            {\n              name: \"mobilephone\",\n              value: `${selectedCode} ${phoneNumber}`,\n            },\n            { name: \"website\", value: \"\/case-studies\" },\n            { name: \"source_page\", value: \"Case Studies - Crossworks\" },\n            { name: \"source_button\", value: \"Case Studies - Crossworks\" },\n          ];\n\n          try {\n            const response = await fetch(\n              \"https:\/\/api.hsforms.com\/submissions\/v3\/integration\/submit\/5152708\/e0be703b-9db8-437d-8fec-40a862c4ff91\",\n              {\n                method: \"POST\",\n                headers: { \"Content-Type\": \"application\/json\" },\n                body: JSON.stringify({ fields: formData }),\n              }\n            );\n\n            if (response.ok) {\n              document.getElementById(\"formSuccess\").style.display = \"block\";\n              form.style.display = \"none\";\n\n              const a = document.createElement(\"a\");\n              a.href = \"https:\/\/juntrax.com\/case-studies\/wp-content\/uploads\/2025\/09\/Source-final-case-study.pdf\";\n              a.download = \"Source-final-case-study.pdf\";\n              document.body.appendChild(a);\n              a.click();\n              a.remove();\n            } else {\n              alert(\"Submission failed. Please try again.\");\n            }\n          } catch (error) {\n            console.log(error);\n            alert(\"Something went wrong.\");\n          }\n        });\n      });\n    <\/script>\n  \n\n  \n    <section class=\"formSection\">\n      <h2>Download the Case Study!<\/h2>\n      <p>Please fill the below information to download this case study.<\/p>\n\n      <form id=\"contactForm\" class=\"formContainer\">\n        <div class=\"formInput\">\n          <label for=\"firstName\">Name*<\/label>\n          <input type=\"text\" id=\"firstName\" name=\"firstName\" required>\n        <\/div>\n\n        <div class=\"formInput\">\n          <label for=\"email\">Work Email*<\/label>\n          <input type=\"email\" id=\"email\" name=\"email\" required>\n        <\/div>\n\n        <div class=\"formInput\">\n          <label for=\"company\">Company Name*<\/label>\n          <input type=\"text\" id=\"company\" name=\"company\" required>\n        <\/div>\n\n        <div class=\"formInput\">\n          <label for=\"country\">Country*<\/label>\n          <input type=\"text\" id=\"country\" name=\"country\" required>\n        <\/div>\n\n        <div class=\"formInput\">\n          <label for=\"phone\">Phone Number*<\/label>\n          <div class=\"phoneNumber\">\n            <select id=\"countryCode\" name=\"countryCode\" required style=\"\n                border: none;\n                border-right: 1px solid #d0d5dd;\n                border-radius: 0.5rem 0 0 0.5rem;\n                padding: 0 10px;\n              \">\n              <option value=\"+91\">\ud83c\uddee\ud83c\uddf3 +91<\/option>\n              <option value=\"+1\">\ud83c\uddfa\ud83c\uddf8 +1<\/option>\n              <option value=\"+44\">\ud83c\uddec\ud83c\udde7 +44<\/option>\n            <\/select>\n            <input type=\"tel\" id=\"phoneNumber\" name=\"phoneNumber\" placeholder=\"1234567890\" pattern=\"[0-9]{6,15}\" required>\n          <\/div>\n        <\/div>\n\n        <div class=\"formChecklist\">\n          <input type=\"checkbox\" id=\"privacy\" name=\"privacy\" required>\n          <label for=\"privacy\">I accept the privacy policy terms.<\/label>\n        <\/div>\n\n        <div>\n          <button type=\"submit\" class=\"formButton\">\n            Download the Case Study\n          <\/button>\n        <\/div>\n      <\/form>\n\n      <div id=\"formSuccess\" style=\"display: none; text-align: center; margin-top: 2rem\">\n        <div style=\"background: #e6f9ee; color: #2e7d32; padding: 1rem 1.5rem; border-radius: 8px; text-align: center; font-size: 1.2rem; font-weight: 500; max-width: 400px; margin: 1rem auto;\">\n  Thanks! Your Case Study is being Downloaded.\n<\/div>\n      <\/div>\n    <\/section>\n  \n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/body>","protected":false},"excerpt":{"rendered":"<p>As Source Engineering scaled its presence across the United States, the Netherlands, and India, its internal operations remained fragmented. Each region had grown organically, developing its own methods, spreadsheets, and workflows to manage core business functions like HR, timesheets, and invoicing. This decentralization led to siloed data, inconsistent reporting, and operational inefficiencies. To read the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":207,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","content-type":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-206","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"jetpack_featured_media_url":"https:\/\/juntrax.com\/case-studies\/wp-content\/uploads\/2025\/09\/Source-Case-Study-.png","_links":{"self":[{"href":"https:\/\/juntrax.com\/case-studies\/wp-json\/wp\/v2\/posts\/206","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/juntrax.com\/case-studies\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/juntrax.com\/case-studies\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/juntrax.com\/case-studies\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/juntrax.com\/case-studies\/wp-json\/wp\/v2\/comments?post=206"}],"version-history":[{"count":9,"href":"https:\/\/juntrax.com\/case-studies\/wp-json\/wp\/v2\/posts\/206\/revisions"}],"predecessor-version":[{"id":231,"href":"https:\/\/juntrax.com\/case-studies\/wp-json\/wp\/v2\/posts\/206\/revisions\/231"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/juntrax.com\/case-studies\/wp-json\/wp\/v2\/media\/207"}],"wp:attachment":[{"href":"https:\/\/juntrax.com\/case-studies\/wp-json\/wp\/v2\/media?parent=206"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/juntrax.com\/case-studies\/wp-json\/wp\/v2\/categories?post=206"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/juntrax.com\/case-studies\/wp-json\/wp\/v2\/tags?post=206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}