{"id":154,"date":"2024-06-10T10:48:15","date_gmt":"2024-06-10T10:48:15","guid":{"rendered":"https:\/\/trendplus.se\/?page_id=154"},"modified":"2026-03-30T09:33:38","modified_gmt":"2026-03-30T09:33:38","slug":"services","status":"publish","type":"page","link":"https:\/\/trendplus.se\/sv\/services\/","title":{"rendered":"services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"154\" class=\"elementor elementor-154\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3298c8f e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"3298c8f\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1968af8 elementor-widget elementor-widget-html\" data-id=\"1968af8\" 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<section class=\"tp-meeting-section\" dir=\"ltr\">\r\n  <style>\r\n    .tp-meeting-section{\r\n      --container: min(1120px, 92vw);\r\n      --bg: #0F1418;\r\n      --text: #1f2937;\r\n      --muted: #4b5563;\r\n      --card: #ffffff;\r\n      --accent-1:#FF8A4C;  \/* orange *\/\r\n      --accent-2:#44D1CA;  \/* teal   *\/\r\n      --shadow: 0 10px 30px rgba(2,8,23,.06), 0 2px 8px rgba(2,8,23,.04);\r\n      font-family: inherit;\r\n      color: var(--text);\r\n      padding: 68px 0 40px;\r\n      background: transparent;\r\n    }\r\n    .tp-wrap{width:var(--container);margin:auto}\r\n    .tp-title{\r\n      font-size: clamp(22px, 2.4vw, 34px);\r\n      line-height:1.25;\r\n      text-align:center;\r\n      margin: 0 0 12px;\r\n      font-weight: 700;\r\n      color:#0e2a6b;\r\n      letter-spacing:.2px\r\n    }\r\n    .tp-underline{\r\n      width:72px;height:4px;border-radius:999px;margin:10px auto 20px;\r\n      background: linear-gradient(90deg,var(--accent-1),var(--accent-2));\r\n    }\r\n    .tp-lead{\r\n      text-align:center;\r\n      max-width:900px;\r\n      margin: 0 auto 42px;\r\n      color:var(--muted);\r\n      font-size: clamp(14px,1.3vw,16px);\r\n    }\r\n\r\n    \/* feature rows *\/\r\n    .tp-features{display:grid;gap:28px}\r\n    .tp-feature{\r\n      display:grid;\r\n      grid-template-columns: 1.05fr 1.35fr;\r\n      gap:48px;\r\n      align-items:center;\r\n      background: var(--card);\r\n      border-radius: 20px;\r\n      box-shadow: var(--shadow);\r\n      padding: 26px 28px;\r\n      position:relative;\r\n      overflow:hidden;\r\n      transform: translateY(16px);\r\n      opacity:.0;\r\n      transition: .7s ease;\r\n    }\r\n    .tp-feature.is-visible{transform:none;opacity:1}\r\n\r\n    .tp-media{position:relative;min-height:220px}\r\n    .tp-media .tp-blob{\r\n      position:absolute;inset:0;transform:translate(-6%, -6%) scale(1.04);z-index:0;\r\n      filter: drop-shadow(0 10px 28px rgba(0,0,0,.08));\r\n    }\r\n    .tp-media[data-accent=\"orange\"] .tp-blob{\r\n      background:\r\n        radial-gradient(120% 100% at 10% 90%, rgba(255,255,255,.0) 0 60%, transparent 61%) ,\r\n        radial-gradient(85% 85% at 85% 10%, rgba(255,255,255,.0) 0 60%, transparent 61%),\r\n        linear-gradient(135deg, #FFB27C, var(--accent-1));\r\n      clip-path: path(\"M40 90 Q30 20 95 35 Q120 40 128 90 Q120 135 75 130 Q45 125 40 90 Z\");\r\n      border-radius: 28px;\r\n      opacity:.9;\r\n    }\r\n    .tp-media[data-accent=\"teal\"] .tp-blob{\r\n      background:\r\n        radial-gradient(120% 100% at 90% 10%, rgba(255,255,255,.0) 0 60%, transparent 61%) ,\r\n        radial-gradient(85% 85% at 15% 85%, rgba(255,255,255,.0) 0 60%, transparent 61%),\r\n        linear-gradient(135deg, #9BE7E3, var(--accent-2));\r\n      clip-path: path(\"M30 90 Q30 30 90 30 Q140 40 135 95 Q130 140 75 135 Q35 130 30 90 Z\");\r\n      border-radius: 28px;\r\n      opacity:.9;\r\n    }\r\n    .tp-media img{\r\n      position:relative;z-index:1;\r\n      width:100%;max-width:520px;display:block;margin:auto;\r\n      height:auto;object-fit:contain\r\n    }\r\n\r\n    .tp-content h3{\r\n      font-size: clamp(18px,1.9vw,22px);\r\n      margin:0 0 10px;color:#0e2a6b\r\n    }\r\n    .tp-content p{\r\n      margin:0;color:var(--muted);line-height:1.7;\r\n      font-size: clamp(14px,1.25vw,16px)\r\n    }\r\n\r\n    @media (max-width: 900px){\r\n      .tp-feature{grid-template-columns:1fr;gap:18px;padding:22px}\r\n      .tp-media{order: -1}\r\n    }\r\n\r\n    .tp-feature:hover{box-shadow: 0 18px 40px rgba(2,8,23,.10), 0 3px 12px rgba(2,8,23,.06)}\r\n  <\/style>\r\n\r\n  <div class=\"tp-wrap\">\r\n    <h2 class=\"tp-title\">Baserat p\u00e5 ditt intresse kan vi boka ett m\u00f6te<\/h2>\r\n    <div class=\"tp-underline\" aria-hidden=\"true\"><\/div>\r\n    <p class=\"tp-lead\">\r\n      Under ett kostnadsfritt m\u00f6te g\u00e5r vi igenom dina aff\u00e4rsm\u00e5l och strategier f\u00f6r att f\u00e5 en djupare f\u00f6rst\u00e5else f\u00f6r de utmaningar och problem du st\u00e5r inf\u00f6r.\r\n      Detta g\u00f6r det m\u00f6jligt f\u00f6r oss att avg\u00f6ra hur v\u00e5ra AI- och maskininl\u00e4rningsl\u00f6sningar kan hj\u00e4lpa dig att effektivt l\u00f6sa dessa utmaningar.\r\n    <\/p>\r\n\r\n    <div class=\"tp-features\">\r\n\r\n      <!-- Feature 1 -->\r\n      <article class=\"tp-feature\">\r\n        <div class=\"tp-media\" data-accent=\"orange\">\r\n          <span class=\"tp-blob\" aria-hidden=\"true\"><\/span>\r\n          <img decoding=\"async\" src=\"https:\/\/trendplus.se\/wp-content\/uploads\/2024\/06\/Untitled-YouTube-Thumbnail-3-768x432-1.png\" alt=\"Dedicated AI\/ML Teams illustration\">\r\n        <\/div>\r\n        <div class=\"tp-content\">\r\n          <h3>Dedikerade AI\/ML-team<\/h3>\r\n          <p>\r\n            Ett dedikerat agilt team till fast pris f\u00f6r att utveckla ditt AI\/ML-projekt, inklusive h\u00f6gt kvalificerade data scientists,\r\n            dataingenj\u00f6rer, dataanalytiker, mjukvaruutvecklare och DevOps-ingenj\u00f6rer. Vi erbjuder flexibilitet att justera teamets\r\n            storlek efter dina behov med kort varsel, vilket s\u00e4kerst\u00e4ller optimal kostnadskontroll och anpassningsf\u00f6rm\u00e5ga f\u00f6r ditt projekt.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Feature 2 -->\r\n      <article class=\"tp-feature\">\r\n        <div class=\"tp-media\" data-accent=\"teal\">\r\n          <span class=\"tp-blob\" aria-hidden=\"true\"><\/span>\r\n          <img decoding=\"async\" src=\"https:\/\/trendplus.se\/wp-content\/uploads\/2024\/06\/Untitled-YouTube-Thumbnail-3-768x432-2.png\" alt=\"Customisable MVPs illustration\">\r\n        <\/div>\r\n        <div class=\"tp-content\">\r\n          <h3>Anpassningsbara f\u00e4rdiga MVP:er<\/h3>\r\n          <p>\r\n            Vi erbjuder en MVP f\u00f6r AI-baserade tj\u00e4nster, anpassad efter dina behov. Ut\u00f6ver grundl\u00e4ggande funktioner fungerar v\u00e5r MVP\r\n            som ett proof of concept och visar hur v\u00e5r l\u00f6sning f\u00f6rb\u00e4ttrar din verksamhet, minskar operativa kostnader och skapar\r\n            konkret aff\u00e4rsv\u00e4rde. MVP:n visar ocks\u00e5 tydligt hur l\u00f6sningen integreras smidigt med dina befintliga aff\u00e4rsprocesser.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <!-- Feature 3 -->\r\n      <article class=\"tp-feature\">\r\n        <div class=\"tp-media\" data-accent=\"orange\">\r\n          <span class=\"tp-blob\" aria-hidden=\"true\"><\/span>\r\n          <img decoding=\"async\" src=\"https:\/\/trendplus.se\/wp-content\/uploads\/2024\/06\/Untitled-YouTube-Thumbnail-3-768x432-3.png\" alt=\"Turnkey Projects illustration\">\r\n        <\/div>\r\n        <div class=\"tp-content\">\r\n          <h3>Nyckelf\u00e4rdiga projekt<\/h3>\r\n          <p>\r\n            Fastprisprojekt som p\u00e5skyndar utvecklingsprocessen och minimerar risker. Vi utvecklar inte bara en prototyp eller MVP,\r\n            utan hj\u00e4lper \u00e4ven till att integrera l\u00f6sningen i din produkt genom f\u00f6rdefinierade steg.\r\n          <\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <script>\r\n    (function () {\r\n      const rows = document.querySelectorAll('.tp-feature');\r\n      const io = new IntersectionObserver((entries)=>{\r\n        entries.forEach(e => { if(e.isIntersecting){ e.target.classList.add('is-visible'); io.unobserve(e.target);} });\r\n      }, {threshold:.18});\r\n      rows.forEach(r=>io.observe(r));\r\n    })();\r\n  <\/script>\r\n<\/section>\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-97fc242 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"97fc242\" data-element_type=\"container\" data-e-type=\"container\" data-no-translation=\"\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5aa38cd elementor-widget elementor-widget-text-editor\" data-id=\"5aa38cd\" data-element_type=\"widget\" data-e-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 style=\"text-align: center;\"><span style=\"color: #000000; font-size: 24pt;\"><strong>Arbetsfl\u00f6de f\u00f6r nyckelf\u00e4rdiga projekt<\/strong><\/span><\/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-e30b49b e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"e30b49b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0c8f5aa elementor-widget elementor-widget-image\" data-id=\"0c8f5aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1012\" height=\"1957\" src=\"https:\/\/trendplus.se\/wp-content\/uploads\/2024\/06\/Blue-Illustrated-Path-Design-Process-Timeline-Infographic-1012-\u00d7-1957-px-2.png\" class=\"attachment-full size-full wp-image-66\" alt=\"\" srcset=\"https:\/\/trendplus.se\/wp-content\/uploads\/2024\/06\/Blue-Illustrated-Path-Design-Process-Timeline-Infographic-1012-\u00d7-1957-px-2.png 1012w, https:\/\/trendplus.se\/wp-content\/uploads\/2024\/06\/Blue-Illustrated-Path-Design-Process-Timeline-Infographic-1012-\u00d7-1957-px-2-155x300.png 155w, https:\/\/trendplus.se\/wp-content\/uploads\/2024\/06\/Blue-Illustrated-Path-Design-Process-Timeline-Infographic-1012-\u00d7-1957-px-2-530x1024.png 530w, https:\/\/trendplus.se\/wp-content\/uploads\/2024\/06\/Blue-Illustrated-Path-Design-Process-Timeline-Infographic-1012-\u00d7-1957-px-2-768x1485.png 768w, https:\/\/trendplus.se\/wp-content\/uploads\/2024\/06\/Blue-Illustrated-Path-Design-Process-Timeline-Infographic-1012-\u00d7-1957-px-2-794x1536.png 794w\" sizes=\"(max-width: 1012px) 100vw, 1012px\" \/>\t\t\t\t\t\t\t\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-aa85282 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"aa85282\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\" data-no-translation=\"\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3589c7c elementor-widget elementor-widget-text-editor\" data-id=\"3589c7c\" data-element_type=\"widget\" data-e-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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dbb0712 elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"dbb0712\" data-element_type=\"section\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[{&quot;jet_parallax_layout_image&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;},&quot;_id&quot;:&quot;8d2c2e7&quot;,&quot;jet_parallax_layout_image_tablet&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;},&quot;jet_parallax_layout_image_mobile&quot;:{&quot;url&quot;:&quot;&quot;,&quot;id&quot;:&quot;&quot;},&quot;jet_parallax_layout_speed&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:50,&quot;sizes&quot;:[]},&quot;jet_parallax_layout_type&quot;:&quot;scroll&quot;,&quot;jet_parallax_layout_direction&quot;:null,&quot;jet_parallax_layout_fx_direction&quot;:null,&quot;jet_parallax_layout_z_index&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_x&quot;:50,&quot;jet_parallax_layout_bg_x_tablet&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_x_mobile&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_y&quot;:50,&quot;jet_parallax_layout_bg_y_tablet&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_y_mobile&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_size&quot;:&quot;auto&quot;,&quot;jet_parallax_layout_bg_size_tablet&quot;:&quot;&quot;,&quot;jet_parallax_layout_bg_size_mobile&quot;:&quot;&quot;,&quot;jet_parallax_layout_animation_prop&quot;:&quot;transform&quot;,&quot;jet_parallax_layout_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;]}],&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\"><div class=\"elementor-container elementor-column-gap-default\"><div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dd0fe83\" data-id=\"dd0fe83\" data-element_type=\"column\"><div class=\"elementor-widget-wrap elementor-element-populated\"><div class=\"elementor-element elementor-element-d0a2f53 elementor-widget elementor-widget-text-editor\" data-id=\"d0a2f53\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\"><div class=\"elementor-widget-container\"><h2 class=\"elementor-heading-title elementor-size-default\" style=\"text-align: center;\"><strong><span style=\"font-size: 14pt; color: #ffffff;\">F\u00f6r att ta reda p\u00e5 hur artificiell intelligens och maskininl\u00e4rning kan f\u00f6rb\u00e4ttra din verksamhet,try our service now! Have the first meeting for free.<\/span><\/strong><\/h2><\/div><\/div><\/div><\/div><\/div><\/section>\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-d69faf6 e-flex e-con-boxed magic-button-disabled-no e-con e-parent\" data-id=\"d69faf6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6782b39 elementor-widget elementor-widget-html\" data-id=\"6782b39\" 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<script src=\"https:\/\/unpkg.com\/libphonenumber-js@1.9.48\/bundle\/libphonenumber-max.js\"><\/script>\r\n<script src=\"https:\/\/challenges.cloudflare.com\/turnstile\/v0\/api.js?render=explicit\" async defer><\/script>\r\n\r\n<style>\r\n  #form-loading {\r\n    position: fixed; top: 0; left: 0;\r\n    width: 100%; height: 100%;\r\n    background: rgba(255,255,255,0.8);\r\n    display: none;\r\n    align-items: center; justify-content: center;\r\n    z-index: 9999;\r\n  }\r\n  .loader {\r\n    border: 8px solid #f3f3f3;\r\n    border-top: 8px solid #0073aa;\r\n    border-radius: 50%; width: 60px; height: 60px;\r\n    animation: spin 1s linear infinite;\r\n  }\r\n  @keyframes spin { to { transform: rotate(360deg); } }\r\n  .custom-form {\r\n    max-width: 550px; margin: 2rem auto;\r\n    padding: 2.5rem; background: #fff;\r\n    border-radius: 16px;\r\n    box-shadow: 0 8px 24px rgba(0,0,0,0.08);\r\n    font-family: Poppins, sans-serif;\r\n  }\r\n  .form-progress {\r\n    display: flex; justify-content: space-between;\r\n    counter-reset: step; margin-bottom: 2rem; padding: 0;\r\n  }\r\n  .form-progress li {\r\n    position: relative; flex: 1; text-align: center;\r\n    color: #bbb; list-style: none;\r\n  }\r\n  .form-progress li::before {\r\n    counter-increment: step;\r\n    content: counter(step);\r\n    width: 32px; height: 32px;\r\n    border: 2px solid #ccc;\r\n    border-radius: 50%; display: flex;\r\n    align-items: center; justify-content: center;\r\n    margin: 0 auto 10px;\r\n    background: #f9f9f9; color: #555;\r\n  }\r\n  .form-progress li.active { color: #0073aa; }\r\n  .form-progress li.active::before {\r\n    background: #0073aa; color: #fff; border-color: #0073aa;\r\n  }\r\n  .form-progress li + li::after {\r\n    content: '';\r\n    position: absolute;\r\n    width: calc(100% - 32px);\r\n    height: 2px;\r\n    background: #ccc;\r\n    top: 16px; left: -50%; z-index: -1;\r\n  }\r\n  .form-progress li.active + li::after { background: #0073aa; }\r\n  .form-step { display: none; }\r\n  .form-step.active { display: block; }\r\n  .step-title {\r\n    font-size: 1.8rem; margin-bottom: 1.5rem;\r\n    color: #333; font-weight: bold;\r\n  }\r\n  .field-group {\r\n    margin-bottom: 1.5rem; position: relative;\r\n  }\r\n  label {\r\n    display: block; margin-bottom: 0.5rem;\r\n    color: #333; font-weight: 600;\r\n  }\r\n  input, select, textarea {\r\n    width: 100%; padding: 0.75rem;\r\n    border: 1px solid #ddd; border-radius: 8px;\r\n    background: #f8f8f8; transition: 0.3s;\r\n  }\r\n  input:focus, select:focus, textarea:focus {\r\n    border-color: #0073aa; background: #fff; outline: none;\r\n  }\r\n  .error-message {\r\n    color: #d9534f; font-size: 0.85rem; margin-top: 0.3rem;\r\n  }\r\n  .button-group {\r\n    display: flex; justify-content: flex-end;\r\n    gap: 10px;\r\n  }\r\n  .next-step, .prev-step, .submit-btn {\r\n    padding: 0.7rem 1.2rem;\r\n    border: none; border-radius: 8px;\r\n    font-weight: 600; cursor: pointer;\r\n  }\r\n  .next-step, .submit-btn { background: #0073aa; color: #fff; }\r\n  .prev-step {\r\n    background: transparent;\r\n    border: 2px solid #0073aa;\r\n    color: #0073aa;\r\n  }\r\n  .dropdown-list {\r\n    position: absolute; top: 100%; left: 0;\r\n    width: 100%; max-height: 200px;\r\n    overflow-y: auto;\r\n    border: 1px solid #ddd;\r\n    background: #fff; border-radius: 8px;\r\n    display: none; z-index: 10;\r\n    box-shadow: 0 4px 12px rgba(0,0,0,0.1);\r\n  }\r\n  .dropdown-list li {\r\n    padding: 0.7rem; cursor: pointer;\r\n  }\r\n  .dropdown-list li:hover { background: #f1f1f1; }\r\n  #turnstile-container {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    margin-bottom: 18px;\r\n  }\r\n  #turnstile-container iframe {\r\n    min-width: 340px !important;\r\n    min-height: 48px !important;\r\n    max-width: 400px !important;\r\n    max-height: 56px !important;\r\n    border-radius: 8px !important;\r\n    margin: 0 auto;\r\n    display: block;\r\n  }\r\n    #turnstile-container iframe {\r\n    width: 340px !important;\r\n    max-width: 100% !important;\r\n    height: 54px !important;\r\n    min-height: 36px !important;\r\n    border-radius: 12px !important;\r\n    display: block;\r\n    margin: 0 auto;\r\n  }\r\n  #submit-btn[disabled] {\r\n    opacity: 0.6; pointer-events: none; cursor: not-allowed;\r\n  }\r\n<\/style>\r\n\r\n<!-- Loading overlay -->\r\n<div id=\"form-loading\"><div class=\"loader\"><\/div><\/div>\r\n\r\n<!-- Form -->\r\n<form id=\"multi-step-form\" class=\"custom-form\"\r\n      action=\"https:\/\/trendplus.se\/wp-admin\/admin-post.php\"\r\n      method=\"POST\" novalidate>\r\n  <input type=\"hidden\" name=\"action\" value=\"custom_contact_submit\">\r\n  <input type=\"hidden\" name=\"cf-turnstile-response\" id=\"cf-turnstile-response\">\r\n  <ul id=\"form-progress\" class=\"form-progress\">\r\n    <li class=\"active\">Company Info<\/li>\r\n    <li>Services<\/li>\r\n    <li>Contact<\/li>\r\n  <\/ul>\r\n  <!-- Step 1 -->\r\n  <fieldset class=\"form-step active\">\r\n    <h2 class=\"step-title\">Company Info<\/h2>\r\n    <div class=\"field-group\">\r\n      <label for=\"company-name\">Company Name<span class=\"required\">*<\/span><\/label>\r\n      <input type=\"text\" id=\"company-name\" name=\"company_name\" required>\r\n      <div class=\"error-message\"><\/div>\r\n    <\/div>\r\n    <div class=\"field-group custom-select\">\r\n      <label for=\"company-location\">Company Location<span class=\"required\">*<\/span><\/label>\r\n      <input type=\"text\" id=\"company-location\" name=\"company_location\" autocomplete=\"off\" required>\r\n      <ul id=\"country-list-dropdown\" class=\"dropdown-list\"><\/ul>\r\n      <div class=\"error-message\"><\/div>\r\n    <\/div>\r\n    <div class=\"field-group\">\r\n      <label for=\"business-type\">Business Type<span class=\"required\">*<\/span><\/label>\r\n      <select id=\"business-type\" name=\"business_type\" required>\r\n        <option value=\"\" disabled hidden>\u2013 Select \u2013<\/option>\r\n        <option value=\"it\">IT<\/option>\r\n        <option value=\"telecom\">Telecom<\/option>\r\n        <option value=\"logistic\">Logistics<\/option>\r\n        <option value=\"others\">Others<\/option>\r\n      <\/select>\r\n      <div class=\"error-message\"><\/div>\r\n    <\/div>\r\n    <div class=\"field-group\">\r\n      <label for=\"company-size\">Company Size<span class=\"required\">*<\/span><\/label>\r\n      <select id=\"company-size\" name=\"company_size\" required>\r\n        <option value=\"\" disabled hidden>\u2013 Select \u2013<\/option>\r\n        <option value=\"<10\">less than 10 Persons<\/option>\r\n        <option value=\"10-100\">10 to 100 Persons<\/option>\r\n        <option value=\"100-1000\">More than 100 Persons<\/option>\r\n      <\/select>\r\n      <div class=\"error-message\"><\/div>\r\n    <\/div>\r\n    <div class=\"button-group\">\r\n      <button type=\"button\" class=\"next-step\">Next<\/button>\r\n    <\/div>\r\n  <\/fieldset>\r\n  <!-- Step 2 -->\r\n  <fieldset class=\"form-step\">\r\n    <h2 class=\"step-title\">Services<\/h2>\r\n    <div class=\"field-group\">\r\n      <label for=\"required-services\">Required Services<span class=\"required\">*<\/span><\/label>\r\n      <select id=\"required-services\" name=\"required_services\" required>\r\n        <option value=\"\" disabled hidden>\u2013 Select \u2013<\/option>\r\n        <option value=\"intro\">TrendRoute<\/option>\r\n        <option value=\"ai_ml\">TrendBot<\/option>\r\n        <option value=\"mvp\">Customised AI services<\/option>\r\n        <option value=\"turnkey\">Dedicated AI\/ML Teams<\/option>\r\n      <\/select>\r\n      <div class=\"error-message\"><\/div>\r\n    <\/div>\r\n    <div class=\"field-group\">\r\n      <label for=\"description\">Description<\/label>\r\n      <textarea id=\"description\" name=\"description\" rows=\"4\"><\/textarea>\r\n      <div class=\"error-message\"><\/div>\r\n    <\/div>\r\n    <div class=\"button-group\">\r\n      <button type=\"button\" class=\"prev-step\">Back<\/button>\r\n      <button type=\"button\" class=\"next-step\">Next<\/button>\r\n    <\/div>\r\n  <\/fieldset>\r\n  <!-- Step 3 -->\r\n  <fieldset class=\"form-step\">\r\n    <h2 class=\"step-title\">Contact Info<\/h2>\r\n    <div class=\"field-group\">\r\n      <label for=\"contact-name\">Full Name<span class=\"required\">*<\/span><\/label>\r\n      <input type=\"text\" id=\"contact-name\" name=\"contact_name\" required>\r\n      <div class=\"error-message\"><\/div>\r\n    <\/div>\r\n    <div class=\"field-group\">\r\n      <label for=\"contact-phone\">Phone<span class=\"required\">*<\/span><\/label>\r\n      <input type=\"tel\" id=\"contact-phone\" name=\"contact_phone\" required>\r\n      <div class=\"error-message\"><\/div>\r\n    <\/div>\r\n    <div class=\"field-group\">\r\n      <label for=\"contact-email\">Email<span class=\"required\">*<\/span><\/label>\r\n      <input type=\"email\" id=\"contact-email\" name=\"_replyto\" required>\r\n      <div class=\"error-message\"><\/div>\r\n    <\/div>\r\n    <div class=\"field-group checkbox-group\">\r\n      <input type=\"checkbox\" id=\"agree\" name=\"agree\" required>\r\n      <label for=\"agree\">I agree to the <a href=\"https:\/\/trendplus.se\/privacy-policy\/\" target=\"_blank\">Privacy Policy<\/a><span class=\"required\">*<\/span><\/label>\r\n      <div class=\"error-message\"><\/div>\r\n    <\/div>\r\n    <div id=\"turnstile-container\"><\/div>\r\n    <div class=\"button-group\">\r\n      <button type=\"button\" class=\"prev-step\">Back<\/button>\r\n      <button type=\"submit\" id=\"submit-btn\" class=\"submit-btn\">Submit<\/button>\r\n    <\/div>\r\n  <\/fieldset>\r\n<\/form>\r\n\r\n<script>\r\n(function(){\r\n  var form = document.getElementById('multi-step-form'),\r\n      loading = document.getElementById('form-loading'),\r\n      steps = Array.from(document.querySelectorAll('.form-step')),\r\n      progress = Array.from(document.querySelectorAll('#form-progress li')),\r\n      nextBtns = document.querySelectorAll('.next-step'),\r\n      prevBtns = document.querySelectorAll('.prev-step'),\r\n      countryInput = document.getElementById('company-location'),\r\n      dropdown = document.getElementById('country-list-dropdown'),\r\n      phoneInput = document.getElementById('contact-phone'),\r\n      submitBtn = document.getElementById('submit-btn'),\r\n      widgetId, current = 0, turnstileToken = \"\";\r\n\r\n  \/\/ \u0644\u06cc\u0633\u062a \u06a9\u0634\u0648\u0631\u0647\u0627\r\n  var isoMap = {\"Afghanistan\":\"AF\",\"Albania\":\"AL\",\"Algeria\":\"DZ\",\"Andorra\":\"AD\",\"Argentina\":\"AR\",\"Australia\":\"AU\",\"Austria\":\"AT\",\"Bahrain\":\"BH\",\"Bangladesh\":\"BD\",\"Belgium\":\"BE\",\"Brazil\":\"BR\",\"Bulgaria\":\"BG\",\"Canada\":\"CA\",\"Chile\":\"CL\",\"China\":\"CN\",\"Colombia\":\"CO\",\"Denmark\":\"DK\",\"Egypt\":\"EG\",\"Estonia\":\"EE\",\"Finland\":\"FI\",\"France\":\"FR\",\"Germany\":\"DE\",\"Greece\":\"GR\",\"Hungary\":\"HU\",\"Iceland\":\"IS\",\"India\":\"IN\",\"Indonesia\":\"ID\",\"Iran\":\"IR\",\"Iraq\":\"IQ\",\"Ireland\":\"IE\",\"Israel\":\"IL\",\"Italy\":\"IT\",\"Japan\":\"JP\",\"Jordan\":\"JO\",\"Kenya\":\"KE\",\"Kuwait\":\"KW\",\"Latvia\":\"LV\",\"Lebanon\":\"LB\",\"Lithuania\":\"LT\",\"Luxembourg\":\"LU\",\"Malaysia\":\"MY\",\"Mexico\":\"MX\",\"Netherlands\":\"NL\",\"New Zealand\":\"NZ\",\"Nigeria\":\"NG\",\"Norway\":\"NO\",\"Pakistan\":\"PK\",\"Peru\":\"PE\",\"Philippines\":\"PH\",\"Poland\":\"PL\",\"Portugal\":\"PT\",\"Qatar\":\"QA\",\"Romania\":\"RO\",\"Russia\":\"RU\",\"Saudi Arabia\":\"SA\",\"Singapore\":\"SG\",\"South Africa\":\"ZA\",\"South Korea\":\"KR\",\"Spain\":\"ES\",\"Sweden\":\"SE\",\"Switzerland\":\"CH\",\"Thailand\":\"TH\",\"Turkey\":\"TR\",\"Ukraine\":\"UA\",\"United Arab Emirates\":\"AE\",\"United Kingdom\":\"GB\",\"United States\":\"US\",\"Vietnam\":\"VN\",\"Zimbabwe\":\"ZW\"};\r\n  var countryList = Object.keys(isoMap);\r\n\r\n  countryList.forEach(function(c){\r\n    var li = document.createElement('li'); li.textContent = c; dropdown.appendChild(li);\r\n  });\r\n  countryInput.addEventListener('focus', function(){ dropdown.style.display = 'block'; });\r\n  countryInput.addEventListener('input', function(){\r\n    dropdown.style.display = 'block';\r\n    var v = this.value.toLowerCase();\r\n    dropdown.querySelectorAll('li').forEach(function(li){\r\n      li.style.display = li.textContent.toLowerCase().includes(v) ? 'block' : 'none';\r\n    });\r\n  });\r\n  dropdown.addEventListener('click', function(e){\r\n    if(e.target.tagName === 'LI'){\r\n      countryInput.value = e.target.textContent;\r\n      dropdown.style.display = 'none';\r\n    }\r\n  });\r\n  document.addEventListener('click', function(e){\r\n    if(!countryInput.contains(e.target) && !dropdown.contains(e.target)){\r\n      dropdown.style.display = 'none';\r\n    }\r\n  });\r\n\r\n  phoneInput.addEventListener('input', function(){\r\n    var digits = this.value.replace(\/\\D\/g,'');\r\n    var iso2 = isoMap[countryInput.value] || 'US';\r\n    var maxLen = Infinity;\r\n    try { maxLen = libphonenumber.getExampleNumber(iso2).nationalNumber.length; } catch {}\r\n    digits = digits.slice(0, maxLen);\r\n    var fmt = new libphonenumber.AsYouType(iso2);\r\n    this.value = [...digits].reduce(function(o,d){ return fmt.inputDigit(d); }, '');\r\n  });\r\n\r\n  function updateStep(i){\r\n    current = Math.max(0, Math.min(i, steps.length - 1));\r\n    steps.forEach(function(fs, idx){ fs.classList.toggle('active', idx === current); });\r\n    progress.forEach(function(li, idx){\r\n      li.classList.toggle('active', idx === current);\r\n      li.classList.toggle('completed', idx < current);\r\n    });\r\n  }\r\n  updateStep(0);\r\n  nextBtns.forEach(function(btn){ btn.addEventListener('click', function(){ if(!validate(current)) return; updateStep(current+1); }); });\r\n  prevBtns.forEach(function(btn){ btn.addEventListener('click', function(){ updateStep(current-1); }); });\r\n\r\n  \/\/ --- Turnstile ---\r\n  window.turnstileWidgetReady = false;\r\n  window.onTurnstileSuccess = function(token){\r\n    turnstileToken = token;\r\n    submitBtn.disabled = false;\r\n  };\r\n  window.onloadTurnstile = function(){\r\n    if(window.turnstile && !window.turnstileWidgetReady){\r\n      widgetId = turnstile.render('#turnstile-container', {\r\n        sitekey: '0x4AAAAAABkVQ7Lybugh_bMz',\r\n        size: 'compact',\r\n        callback: window.onTurnstileSuccess\r\n      });\r\n      window.turnstileWidgetReady = true;\r\n      submitBtn.disabled = true;\r\n    }\r\n  }\r\n  var turnstileInterval = setInterval(function(){\r\n    if(typeof turnstile !== \"undefined\" && document.getElementById('turnstile-container')){\r\n      clearInterval(turnstileInterval);\r\n      window.onloadTurnstile();\r\n    }\r\n  }, 300);\r\n\r\n  \/\/ \u0627\u06af\u0631 \u0647\u0631 \u0641\u06cc\u0644\u062f\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u06a9\u0631\u062f\u060c \u06a9\u067e\u0686\u0627 \u0631\u06cc\u0633\u062a \u0634\u0648\u062f \u0648 \u0633\u0627\u0628\u0645\u06cc\u062a \u063a\u06cc\u0631\u0641\u0639\u0627\u0644\r\n  form.addEventListener('input', function(e){\r\n    if(window.turnstile && window.turnstileWidgetReady && typeof widgetId !== \"undefined\"){\r\n      turnstileToken = \"\";\r\n      submitBtn.disabled = true;\r\n      turnstile.reset(widgetId);\r\n    }\r\n  });\r\n\r\n  form.addEventListener('submit', function(e){\r\n    if(submitBtn.disabled || !turnstileToken){\r\n      e.preventDefault();\r\n      return false;\r\n    }\r\n    if(!validate(current)){\r\n      e.preventDefault();\r\n      return false;\r\n    }\r\n    document.getElementById('cf-turnstile-response').value = turnstileToken;\r\n    loading.style.display = 'flex';\r\n    setTimeout(function(){ loading.style.display = 'none'; }, 2000);\r\n  });\r\n\r\n  function validate(idx){\r\n    var valid = true;\r\n    steps[idx].querySelectorAll('input[required], select[required]').forEach(function(field){\r\n      var err = field.parentElement.querySelector('.error-message'); err.textContent = '';\r\n      if(!field.value || (field.type === 'checkbox' && !field.checked)){\r\n        err.innerHTML = '<span class=\"error-icon\">\u26a0\ufe0f<\/span> This field is required'; valid = false; return;\r\n      }\r\n      if(field.id === 'company-location' && !countryList.includes(field.value.trim())){\r\n        err.innerHTML = '<span class=\"error-icon\">\u26a0\ufe0f<\/span> Please select a valid country'; valid = false; return;\r\n      }\r\n      if(field.type === 'email'){\r\n        var v = field.value.trim(), at = v.lastIndexOf('@'), dom = at > -1 ? v.slice(at+1).toLowerCase() : '';\r\n        var forbid = ['gmail.com','yahoo.com','hotmail.com','outlook.com'];\r\n        if(at < 1 || !v.includes('.') || forbid.includes(dom)){\r\n          err.innerHTML = '<span class=\"error-icon\">\u26a0\ufe0f<\/span> Please enter a valid company email'; valid = false;\r\n        }\r\n      }\r\n    });\r\n    return valid;\r\n  }\r\n})();\r\n<\/script>\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","protected":false},"excerpt":{"rendered":"<p>Based on your interest, we can set up a meeting In a free-of-charge meeting, we will explore your business goals and strategies to thoroughly understand the challenges and pain points you face. This enables us to determine how our AI and machine learning recommendations and solutions can effectively address these issues. Dedicated AI\/ML Teams A [&hellip;]<\/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-154","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/pages\/154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/comments?post=154"}],"version-history":[{"count":34,"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/pages\/154\/revisions"}],"predecessor-version":[{"id":1958,"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/pages\/154\/revisions\/1958"}],"wp:attachment":[{"href":"https:\/\/trendplus.se\/sv\/wp-json\/wp\/v2\/media?parent=154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}