{"id":227,"date":"2026-04-02T18:31:01","date_gmt":"2026-04-02T18:31:01","guid":{"rendered":"http:\/\/www.trid.hr\/contact\/"},"modified":"2026-05-11T21:00:43","modified_gmt":"2026-05-11T20:00:43","slug":"kontakt","status":"publish","type":"page","link":"https:\/\/www.trid.hr\/en\/kontakt\/","title":{"rendered":"Contact"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-6024c39a alignwide uagb-is-root-container\"><div class=\"uagb-container__shape uagb-container__shape-bottom uagb-container__shape-flip uagb-container__invert\" data-negative=\"false\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\"><path class=\"uagb-container__shape-fill\" d=\"M0,6V0h1000v100L0,6z\"><\/path><\/svg><\/div>\n<div class=\"wp-block-uagb-info-box uagb-block-58f28ea3 uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top\"><div class=\"uagb-ifb-content\"><div class=\"uagb-ifb-title-wrap\"><h1 class=\"uagb-ifb-title\">Kontakt<\/h1><\/div><p class=\"uagb-ifb-desc\">Otvoreni smo za sva va\u0161a pitanja. Slobodno nam se obratite za vi\u0161e informacija.<\/p><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-f7ec66da alignwide uagb-is-root-container\">\n<div class=\"wp-block-group uag-hide-tab uag-hide-mob is-horizontal is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-fd675fa5 wp-block-group-is-layout-flex\">\n<div class=\"wp-block-uagb-container uagb-block-4f38d148\">\n<div class=\"wp-block-uagb-info-box uagb-block-fea19397 uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top\"><div class=\"uagb-ifb-content\"><div class=\"uagb-ifb-title-wrap\"><h2 class=\"uagb-ifb-title\">Info<\/h2><\/div><p class=\"uagb-ifb-desc\">Javite nam se s povjerenjem za sve upite.<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-77210353\">\n<div class=\"wp-block-uagb-info-box uagb-block-665e5f94 uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top\"><div class=\"uagb-ifb-content\"><div class=\"uagb-ifb-title-wrap\"><h3 class=\"uagb-ifb-title\">Nazovite nas<\/h3><\/div><p class=\"uagb-ifb-desc\"><a href=\"tel:385998209014\">+385 99 8209 014<\/a><\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-info-box uagb-block-ced88228 uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top\"><div class=\"uagb-ifb-content\"><div class=\"uagb-ifb-title-wrap\"><h3 class=\"uagb-ifb-title\">Email<\/h3><\/div><p class=\"uagb-ifb-desc\"><a href=\"mailto:info@trid.hr\">info@trid.hr<\/a><\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-info-box uagb-block-12f0f6ae uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top\"><div class=\"uagb-ifb-content\"><div class=\"uagb-ifb-title-wrap\"><h3 class=\"uagb-ifb-title\">Lokacija<\/h3><\/div><p class=\"uagb-ifb-desc\">Rude 184, 10430 Samobor, Hrvatska<\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-icon-list uagb-block-385d52e7\"><div class=\"uagb-icon-list__wrap\">\n<div class=\"wp-block-uagb-icon-list-child uagb-block-93e478c1\"><a target=\"_blank\" aria-label=\"List item\" rel=\"noopener noreferrer\" href=\"https:\/\/www.youtube.com\/@3DDD_TRID\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 576 512\"><path d=\"M549.7 124.1c-6.281-23.65-24.79-42.28-48.28-48.6C458.8 64 288 64 288 64S117.2 64 74.63 75.49c-23.5 6.322-42 24.95-48.28 48.6-11.41 42.87-11.41 132.3-11.41 132.3s0 89.44 11.41 132.3c6.281 23.65 24.79 41.5 48.28 47.82C117.2 448 288 448 288 448s170.8 0 213.4-11.49c23.5-6.321 42-24.17 48.28-47.82 11.41-42.87 11.41-132.3 11.41-132.3s0-89.44-11.41-132.3zm-317.5 213.5V175.2l142.7 81.21-142.7 81.2z\"><\/path><\/svg><\/span><\/div>\n\n\n\n<div class=\"wp-block-uagb-icon-list-child uagb-block-1c2fef83\"><a target=\"_blank\" aria-label=\"List item\" rel=\"noopener noreferrer\" href=\"https:\/\/www.linkedin.com\/company\/3dddtrid\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z\"><\/path><\/svg><\/span><\/div>\n\n\n\n<div class=\"wp-block-uagb-icon-list-child uagb-block-fe5a8320\"><a target=\"_blank\" aria-label=\"List item\" rel=\"noopener noreferrer\" href=\"https:\/\/www.instagram.com\/3ddd.trid\/\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg><\/span><\/div>\n\n\n\n<div class=\"wp-block-uagb-icon-list-child uagb-block-b84c9ef9\"><a target=\"_blank\" aria-label=\"List item\" rel=\"noopener noreferrer\" href=\"https:\/\/www.facebook.com\/profile.php?id=100088479794084\"> <\/a><span class=\"uagb-icon-list__source-wrap\"><svg xmlns=\"https:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.8 90.69 226.4 209.3 245V327.7h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.3 482.4 504 379.8 504 256z\"><\/path><\/svg><\/span><\/div>\n\n\n\n<div class=\"wp-block-uagb-icon-list-child uagb-block-4c0d17c8\"><a target=\"_blank\" aria-label=\"List item\" rel=\"noopener noreferrer\" href=\"#\"> <\/a><\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"hr\" data-theme=\"light\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Kontakt forma<\/title>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300..700&#038;display=swap\" rel=\"stylesheet\">\n  <style>\n    :root, [data-theme=\"light\"] {\n      --color-bg: #f7f6f2;\n      --color-surface: #f9f8f5;\n      --color-surface-2: #fbfbf9;\n      --color-border: #d4d1ca;\n      --color-text: #28251d;\n      --color-text-muted: #7a7974;\n      --color-primary: #01696f;\n      --color-primary-hover: #0c4e54;\n      --color-primary-active: #0f3638;\n      --color-primary-highlight: #cedcd8;\n      --color-error: #a12c7b;\n      --color-success: #437a22;\n      --color-success-hover: #2e5c10;\n      --radius-sm: 0.375rem;\n      --radius-md: 0.5rem;\n      --radius-lg: 0.75rem;\n      --radius-xl: 1rem;\n      --shadow-sm: 0 1px 2px oklch(0.2 0.01 80 \/ 0.06);\n      --shadow-md: 0 4px 12px oklch(0.2 0.01 80 \/ 0.08);\n      --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem;\n      --space-4: 1rem; --space-5: 1.25rem; --space-6: 1.5rem;\n      --space-8: 2rem; --space-10: 2.5rem; --space-12: 3rem;\n      --text-sm: clamp(0.875rem, 0.8rem + 0.35vw, 1rem);\n      --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);\n      --text-lg: clamp(1.125rem, 1rem + 0.75vw, 1.5rem);\n      --text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);\n      --font-body: 'Inter', sans-serif;\n      --transition: 180ms cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    [data-theme=\"dark\"] {\n      --color-bg: #171614;\n      --color-surface: #1c1b19;\n      --color-surface-2: #201f1d;\n      --color-border: #393836;\n      --color-text: #cdccca;\n      --color-text-muted: #797876;\n      --color-primary: #4f98a3;\n      --color-primary-hover: #227f8b;\n      --color-primary-active: #1a626b;\n      --color-primary-highlight: #313b3b;\n      --color-error: #d163a7;\n      --color-success: #6daa45;\n      --color-success-hover: #4d8f25;\n      --shadow-sm: 0 1px 2px oklch(0 0 0 \/ 0.2);\n      --shadow-md: 0 4px 12px oklch(0 0 0 \/ 0.3);\n    }\n    @media (prefers-color-scheme: dark) {\n      :root:not([data-theme]) {\n        --color-bg: #171614; --color-surface: #1c1b19; --color-surface-2: #201f1d;\n        --color-border: #393836; --color-text: #cdccca; --color-text-muted: #797876;\n        --color-primary: #4f98a3; --color-primary-hover: #227f8b;\n        --color-primary-active: #1a626b; --color-primary-highlight: #313b3b;\n        --color-error: #d163a7; --color-success: #6daa45; --color-success-hover: #4d8f25;\n        --shadow-sm: 0 1px 2px oklch(0 0 0 \/ 0.2); --shadow-md: 0 4px 12px oklch(0 0 0 \/ 0.3);\n      }\n    }\n\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n    html { -webkit-font-smoothing: antialiased; scroll-behavior: smooth; }\n    body {\n      min-height: 100dvh;\n      font-family: var(--font-body);\n      font-size: var(--text-base);\n      color: var(--color-text);\n      background: var(--color-bg);\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: var(--space-6) var(--space-4);\n    }\n    input, button, textarea, select { font: inherit; color: inherit; }\n    :focus-visible { outline: 2px solid var(--color-primary); outline-offset: 3px; border-radius: var(--radius-sm); }\n    a, button, input, textarea { transition: color var(--transition), background var(--transition), border-color var(--transition), box-shadow var(--transition); }\n\n    \/* Theme toggle *\/\n    .theme-toggle {\n      position: fixed; top: var(--space-4); right: var(--space-4);\n      width: 40px; height: 40px; border-radius: var(--radius-full, 9999px);\n      background: var(--color-surface); border: 1px solid var(--color-border);\n      color: var(--color-text-muted); display: flex; align-items: center; justify-content: center;\n      cursor: pointer; box-shadow: var(--shadow-sm);\n    }\n    .theme-toggle:hover { color: var(--color-text); border-color: var(--color-primary); }\n\n    \/* Card *\/\n    .card {\n      background: var(--color-surface);\n      border: 1px solid var(--color-border);\n      border-radius: var(--radius-xl);\n      box-shadow: var(--shadow-md);\n      padding: var(--space-8) var(--space-8);\n      width: 100%;\n      max-width: 520px;\n    }\n    .card-header { margin-bottom: var(--space-8); }\n    .card-header h1 {\n      font-size: var(--text-xl);\n      font-weight: 700;\n      line-height: 1.15;\n      color: var(--color-text);\n      margin-bottom: var(--space-2);\n    }\n    .card-header p { font-size: var(--text-sm); color: var(--color-text-muted); }\n\n    \/* Form *\/\n    .form { display: flex; flex-direction: column; gap: var(--space-5); }\n    .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }\n    .field { display: flex; flex-direction: column; gap: var(--space-2); }\n    label {\n      font-size: var(--text-sm); font-weight: 500;\n      color: var(--color-text);\n    }\n    label .required { color: var(--color-error); margin-left: 2px; }\n    input[type=\"text\"], input[type=\"email\"], textarea {\n      background: var(--color-surface-2);\n      border: 1px solid var(--color-border);\n      border-radius: var(--radius-md);\n      padding: var(--space-3) var(--space-4);\n      font-size: var(--text-sm);\n      color: var(--color-text);\n      width: 100%;\n      outline: none;\n    }\n    input[type=\"text\"]::placeholder, input[type=\"email\"]::placeholder, textarea::placeholder {\n      color: var(--color-text-muted);\n    }\n    input[type=\"text\"]:focus, input[type=\"email\"]:focus, textarea:focus {\n      border-color: var(--color-primary);\n      box-shadow: 0 0 0 3px var(--color-primary-highlight);\n    }\n    input[type=\"text\"]:hover:not(:focus), input[type=\"email\"]:hover:not(:focus), textarea:hover:not(:focus) {\n      border-color: var(--color-text-muted);\n    }\n    textarea { resize: vertical; min-height: 130px; line-height: 1.6; }\n\n    \/* Button *\/\n    .btn-primary {\n      background: var(--color-primary);\n      color: #f9f8f4;\n      border: none;\n      border-radius: var(--radius-md);\n      padding: var(--space-3) var(--space-6);\n      font-size: var(--text-sm);\n      font-weight: 600;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: var(--space-2);\n      width: 100%;\n      margin-top: var(--space-2);\n    }\n    .btn-primary:hover { background: var(--color-primary-hover); }\n    .btn-primary:active { background: var(--color-primary-active); }\n    .btn-primary:disabled { opacity: 0.6; cursor: not-allowed; }\n\n    \/* Success state *\/\n    .success-msg {\n      display: none;\n      background: color-mix(in oklab, var(--color-success) 10%, var(--color-surface));\n      border: 1px solid color-mix(in oklab, var(--color-success) 30%, var(--color-border));\n      border-radius: var(--radius-lg);\n      padding: var(--space-5) var(--space-6);\n      text-align: center;\n      gap: var(--space-3);\n      flex-direction: column;\n      align-items: center;\n    }\n    .success-msg.visible { display: flex; }\n    .success-icon {\n      width: 48px; height: 48px;\n      background: color-mix(in oklab, var(--color-success) 15%, var(--color-surface));\n      border-radius: 50%;\n      display: flex; align-items: center; justify-content: center;\n      color: var(--color-success);\n    }\n    .success-msg h2 { font-size: var(--text-lg); font-weight: 700; }\n    .success-msg p { font-size: var(--text-sm); color: var(--color-text-muted); max-width: 36ch; }\n    .btn-reset {\n      font-size: var(--text-sm); font-weight: 500;\n      color: var(--color-primary); background: none; border: none;\n      cursor: pointer; text-decoration: underline; text-underline-offset: 3px;\n      margin-top: var(--space-2);\n    }\n    .btn-reset:hover { color: var(--color-primary-hover); }\n\n    \/* Validation *\/\n    .field-error { font-size: 0.8rem; color: var(--color-error); display: none; }\n    .field.has-error input, .field.has-error textarea { border-color: var(--color-error); }\n    .field.has-error .field-error { display: block; }\n\n    @media (max-width: 480px) {\n      .card { padding: var(--space-6) var(--space-5); }\n      .form-row { grid-template-columns: 1fr; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<button class=\"theme-toggle\" data-theme-toggle aria-label=\"Promijeni temu\">\n  <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n    <path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"\/>\n  <\/svg>\n<\/button>\n\n<div class=\"card\" role=\"main\">\n  <div class=\"card-header\">\n    <h1>Kontaktirajte nas<\/h1>\n    <p>Ispunite obrazac za upit.<\/p>\n  <\/div>\n\n  <form class=\"form\" id=\"contactForm\" action=\"https:\/\/formspree.io\/f\/mvzvyyov\" method=\"POST\" novalidate>\n    <div class=\"form-row\">\n      <div class=\"field\" id=\"field-ime\">\n        <label for=\"ime\">Ime <span class=\"required\" aria-hidden=\"true\">*<\/span><\/label>\n        <input type=\"text\" id=\"ime\" name=\"ime\" placeholder=\"npr. Ivan\" autocomplete=\"given-name\" required>\n        <span class=\"field-error\" role=\"alert\">Molimo unesite va\u0161e ime.<\/span>\n      <\/div>\n      <div class=\"field\" id=\"field-prezime\">\n        <label for=\"prezime\">Prezime <span class=\"required\" aria-hidden=\"true\">*<\/span><\/label>\n        <input type=\"text\" id=\"prezime\" name=\"prezime\" placeholder=\"npr. Horvat\" autocomplete=\"family-name\" required>\n        <span class=\"field-error\" role=\"alert\">Molimo unesite va\u0161e prezime.<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"field\" id=\"field-email\">\n      <label for=\"email\">Email <span class=\"required\" aria-hidden=\"true\">*<\/span><\/label>\n      <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"va\u0161@email.com\" autocomplete=\"email\" required>\n      <span class=\"field-error\" role=\"alert\">Molimo unesite ispravnu email adresu.<\/span>\n    <\/div>\n\n    <div class=\"field\" id=\"field-adresa\">\n      <label for=\"adresa\">Adresa <span class=\"required\" aria-hidden=\"true\">*<\/span><\/label>\n      <input type=\"text\" id=\"adresa\" name=\"adresa\" placeholder=\"Ulica i broj, grad\" autocomplete=\"street-address\" required>\n      <span class=\"field-error\" role=\"alert\">Molimo unesite va\u0161u adresu.<\/span>\n    <\/div>\n\n    <div class=\"field\" id=\"field-poruka\">\n      <label for=\"poruka\">Poruka <span class=\"required\" aria-hidden=\"true\">*<\/span><\/label>\n      <textarea id=\"poruka\" name=\"poruka\" placeholder=\"Napi\u0161ite svoju poruku ovdje...\" required><\/textarea>\n      <input type=\"hidden\" name=\"_subject\" value=\"Nova poruka s TRID web stranice\">\n      <input type=\"text\" name=\"_gotcha\" tabindex=\"-1\" autocomplete=\"off\" style=\"position:absolute;left:-9999px;opacity:0;pointer-events:none;\">\n      <span class=\"field-error\" role=\"alert\">Molimo unesite poruku.<\/span>\n    <\/div>\n\n    <button type=\"submit\" class=\"btn-primary\" id=\"submitBtn\">\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" aria-hidden=\"true\">\n        <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/>\n      <\/svg>\n      Po\u0161alji poruku\n    <\/button>\n  <\/form>\n\n  <div class=\"success-msg\" id=\"successMsg\" role=\"status\" aria-live=\"polite\">\n    <div class=\"success-icon\" aria-hidden=\"true\">\n      <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\">\n        <polyline points=\"20 6 9 17 4 12\"\/>\n      <\/svg>\n    <\/div>\n    <h2>Poruka poslana!<\/h2>\n    <p>Hvala vam. Javit \u0107emo vam se \u0161to je prije mogu\u0107e.<\/p>\n    <button class=\"btn-reset\" id=\"resetBtn\">Po\u0161alji novu poruku<\/button>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  \/\/ Theme toggle\n  const toggle = document.querySelector('[data-theme-toggle]');\n  const root = document.documentElement;\n  let theme = matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n  root.setAttribute('data-theme', theme);\n  updateToggleIcon();\n\n  toggle.addEventListener('click', () => {\n    theme = theme === 'dark' ? 'light' : 'dark';\n    root.setAttribute('data-theme', theme);\n    updateToggleIcon();\n  });\n\n  function updateToggleIcon() {\n    toggle.innerHTML = theme === 'dark'\n      ? '<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"5\"\/><path d=\"M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42\"\/><\/svg>'\n      : '<svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z\"\/><\/svg>';\n    toggle.setAttribute('aria-label', theme === 'dark' ? 'Prebaci na svijetlu temu' : 'Prebaci na tamnu temu');\n  }\n\n  \/\/ Form validation & submit\n  const form = document.getElementById('contactForm');\n  const successMsg = document.getElementById('successMsg');\n  const submitBtn = document.getElementById('submitBtn');\n  const resetBtn = document.getElementById('resetBtn');\n\n  const fields = [\n    { id: 'ime', fieldId: 'field-ime' },\n    { id: 'prezime', fieldId: 'field-prezime' },\n    { id: 'email', fieldId: 'field-email' },\n    { id: 'adresa', fieldId: 'field-adresa' },\n    { id: 'poruka', fieldId: 'field-poruka' },\n  ];\n\n  function validate() {\n    let valid = true;\n    fields.forEach(({ id, fieldId }) => {\n      const el = document.getElementById(id);\n      const fieldEl = document.getElementById(fieldId);\n      const value = el.value.trim();\n\n      if (!value) {\n        fieldEl.classList.add('has-error');\n        valid = false;\n        return;\n      }\n\n      if (id === 'email') {\n        const ok = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(value);\n        if (!ok) {\n          fieldEl.classList.add('has-error');\n          valid = false;\n          return;\n        }\n      }\n\n      fieldEl.classList.remove('has-error');\n    });\n    return valid;\n  }\n\n  \/\/ Live clear errors on input\n  fields.forEach(({ id, fieldId }) => {\n    document.getElementById(id).addEventListener('input', () => {\n      document.getElementById(fieldId).classList.remove('has-error');\n    });\n  });\n\n  form.addEventListener('submit', async (e) => {\n    e.preventDefault();\n    if (!validate()) return;\n\n    submitBtn.disabled = true;\n    submitBtn.innerHTML = '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"animation:spin 0.8s linear infinite\"><path d=\"M21 12a9 9 0 1 1-6.219-8.56\"\/><\/svg> \u0160aljem...';\n\n    try {\n      const response = await fetch(form.action, {\n        method: 'POST',\n        body: new FormData(form),\n        headers: { 'Accept': 'application\/json' }\n      });\n\n      if (!response.ok) throw new Error('Gre\u0161ka pri slanju forme.');\n\n      form.style.display = 'none';\n      successMsg.classList.add('visible');\n    } catch (error) {\n      alert('Slanje nije uspjelo. Provjeri Formspree endpoint i poku\u0161aj ponovno.');\n    } finally {\n      submitBtn.disabled = false;\n      submitBtn.innerHTML = '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg> Po\u0161alji poruku';\n    }\n  });\n\n  resetBtn.addEventListener('click', () => {\n    form.reset();\n    fields.forEach(({ fieldId }) => document.getElementById(fieldId).classList.remove('has-error'));\n    form.style.display = 'flex';\n    successMsg.classList.remove('visible');\n    submitBtn.innerHTML = '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"\/><polygon points=\"22 2 15 22 11 13 2 9 22 2\"\/><\/svg> Po\u0161alji poruku';\n  });\n})();\n<\/script>\n<style>\n@keyframes spin { to { transform: rotate(360deg); } }\n<\/style>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-2108009c alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<div class=\"wp-block-uagb-info-box uagb-block-c9a6adab uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top\"><div class=\"uagb-ifb-content\"><div class=\"uagb-ifb-title-wrap\"><h2 class=\"uagb-ifb-title\">Kontaktirajte nas ve\u0107 danas!<\/h2><\/div><p class=\"uagb-ifb-desc\">Kontaktirajte nas za besplatnu konzultaciju i otkrijte kako mo\u017eemo pomo\u0107i va\u0161em poslovanju.<\/p><div class=\"uagb-ifb-button-wrapper wp-block-button\"><a href=\"\/kontakt\" class=\"uagb-infobox-cta-link wp-block-button__link\" target=\"_self\" rel=\"noopener noreferrer\" onclick=\"return true;\"><span class=\"uagb-inline-editing\">Zatra\u017ei konzultaciju<\/span><\/a><\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-7aebb154\">\n<div class=\"wp-block-uagb-info-box uagb-block-5b0a177f uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top\"><div class=\"uagb-ifb-content\"><div class=\"uagb-ifb-title-wrap\"><p class=\"uagb-ifb-title\">Nazovite nas:<\/p><\/div><p class=\"uagb-ifb-desc\"><a href=\"tel:385998209014\">+385 99 8209 014<\/a><\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-info-box uagb-block-054d5167 uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top\"><div class=\"uagb-ifb-content\"><div class=\"uagb-ifb-title-wrap\"><p class=\"uagb-ifb-title\">Email:<\/p><\/div><p class=\"uagb-ifb-desc\"><a href=\"mailto:info@trid.hr\">info@trid.hr<\/a><\/p><\/div><\/div>\n\n\n\n<div class=\"wp-block-uagb-info-box uagb-block-1d669912 uagb-infobox__content-wrap  uagb-infobox-icon-above-title uagb-infobox-image-valign-top\"><div class=\"uagb-ifb-content\"><div class=\"uagb-ifb-title-wrap\"><p class=\"uagb-ifb-title\">Lokacija:<\/p><\/div><p class=\"uagb-ifb-desc\">Rude 184, 10430 Samobor<br>Hrvatska<\/p><\/div><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">TRID, obrt za industrijski dizajn i usluge, vl. Tomislav \u0160tengl Lebegner<\/p>\n\n\n\n<div class=\"wp-block-uagb-image aligncenter uagb-block-4321bdd9 wp-block-uagb-image--layout-default wp-block-uagb-image--effect-static wp-block-uagb-image--align-center\"><figure class=\"wp-block-uagb-image__figure\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.trid.hr\/wp-content\/uploads\/2026\/04\/dddlogo_uveca.png\" alt=\"TRID. 3D printanje\" class=\"uag-image-1386\" width=\"150\" height=\"150\" title=\"dddlogo uveca\" loading=\"lazy\" role=\"img\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kontakt forma Kontaktirajte nas Ispunite obrazac za upit. Ime * Molimo unesite va\u0161e ime. Prezime * Molimo unesite va\u0161e prezime. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-227","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"TRID","author_link":"https:\/\/www.trid.hr\/en\/author\/admin_t\/"},"uagb_comment_info":0,"uagb_excerpt":"Kontakt forma Kontaktirajte nas Ispunite obrazac za upit. Ime * Molimo unesite va\u0161e ime. Prezime * Molimo unesite va\u0161e prezime. [&hellip;]","_links":{"self":[{"href":"https:\/\/www.trid.hr\/en\/wp-json\/wp\/v2\/pages\/227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.trid.hr\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.trid.hr\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.trid.hr\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.trid.hr\/en\/wp-json\/wp\/v2\/comments?post=227"}],"version-history":[{"count":45,"href":"https:\/\/www.trid.hr\/en\/wp-json\/wp\/v2\/pages\/227\/revisions"}],"predecessor-version":[{"id":1628,"href":"https:\/\/www.trid.hr\/en\/wp-json\/wp\/v2\/pages\/227\/revisions\/1628"}],"wp:attachment":[{"href":"https:\/\/www.trid.hr\/en\/wp-json\/wp\/v2\/media?parent=227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}