{"id":115,"date":"2026-03-14T15:16:38","date_gmt":"2026-03-14T15:16:38","guid":{"rendered":"https:\/\/marex.rs\/marex-jpc\/?page_id=115"},"modified":"2026-03-14T15:16:38","modified_gmt":"2026-03-14T15:16:38","slug":"o-nama","status":"publish","type":"page","link":"https:\/\/marex.rs\/marex-jpc\/o-nama\/","title":{"rendered":"O nama"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bayon&family=Inter:wght@300;400;600;800&display=swap\" rel=\"stylesheet\">\n\n<section class=\"marex-zen-page\">\n    <div class=\"zen-container\">\n        \n        <div class=\"zen-bento-grid\">\n            \n            <div class=\"zen-card main-hero white-card\">\n                <div class=\"card-inner\">\n                    <span class=\"bayon-font neon-text-alt\">EST. 1999<\/span>\n                    <h1 class=\"bayon-font main-title\">MAREX <br>PROIZVODNJA<\/h1>\n                    <p class=\"hero-text\">\n                        Marex je preduze\u0107e koje se bavi proizvodnjom auto kozmetike, higijene i procesne opreme od inoksa. \n                        Ve\u0107 decenijama osvajamo tr\u017ei\u0161te beskompromisnim kvalitetom i poverenjem.\n                    <\/p>\n                    <div class=\"hero-btns\">\n                        <a href=\"#katalog\" class=\"btn-dark\">Istra\u017ei Katalog \u2197<\/a>\n                        <div class=\"small-badges\">\n                            <div class=\"badge-pill\">SZO Approved<\/div>\n                            <div class=\"badge-pill\">EPA-USA<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"zen-card visual-hero neon-card oil-spill-bg\">\n                <div class=\"glass-label bayon-font\">POGON JABUKA<\/div>\n                <div class=\"mockup-container\">\n                    <img decoding=\"async\" src=\"https:\/\/marex.rs\/wp-content\/uploads\/pogon-render.png\" alt=\"Marex Inox\" class=\"hero-img\">\n                <\/div>\n                <div class=\"bottom-label\">\n                    <span class=\"bayon-font\">471m\u00b2<\/span>\n                    <p>Evropski standardi<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"zen-scroll-divider\">\n            <div class=\"scroll-circle\">\n                <div class=\"spinning-text\">MAREX \u2022 PROIZVODNJA \u2022 ECO \u2022 <\/div>\n                <div class=\"arrow-down\">\u2193<\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"zen-mission\">\n            <span class=\"section-tag\">Na\u0161a Misija<\/span>\n            <h2 class=\"bayon-font mission-title\">Pru\u017eamo sigurnu, intuitivnu i ekolo\u0161ki prihvatljivu tehnologiju<\/h2>\n            <p class=\"mission-desc\">\n                Svi na\u0161i proizvodi su atestirani. Za procenu rizika po zdravlje ljudi koristimo metode Svetske zdravstvene organizacije. \n                Savremena ambala\u017ea i biorazgradive sirovine isklju\u010duju bilo kakvo zaga\u0111enje okoline.\n            <\/p>\n        <\/div>\n\n        <div class=\"zen-info-grid\">\n            <div class=\"zen-card info-item white-card\">\n                <span class=\"icon-box\">\ud83c\udf3f<\/span>\n                <h3 class=\"bayon-font\">100% EKO<\/h3>\n                <p>Sirovine su biorazgradive, a transport ne zahteva posebne uslove.<\/p>\n                <a href=\"#\" class=\"learn-more\">Saznaj vi\u0161e \u2197<\/a>\n            <\/div>\n            <div class=\"zen-card info-item neon-card\">\n                <span class=\"icon-box-dark\">\ud83c\udfd7\ufe0f<\/span>\n                <h3 class=\"bayon-font\">Hala 160m\u00b2<\/h3>\n                <p>Uredan i savremen proizvodni prostor u neposrednoj blizini Pan\u010deva.<\/p>\n                <a href=\"#\" class=\"learn-more-dark\">Lokacija \u2197<\/a>\n            <\/div>\n            <div class=\"zen-card info-item white-card\">\n                <span class=\"icon-box\">\ud83d\udc65<\/span>\n                <h3 class=\"bayon-font\">10 RADNIKA<\/h3>\n                <p>Stru\u010dan tim koji radi u savremenim uslovima po evropskim standardima.<\/p>\n                <a href=\"#\" class=\"learn-more\">Na\u0161 tim \u2197<\/a>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<style>\n\/* CSS Varijable bazirane na slici *\/\n:root {\n    --zen-bg: #f3f4ee; \/* Off-white pozadina sa slike *\/\n    --zen-neon: #d9ff3b; \/* Ta\u010dna neon-zelena\/\u017euta boja *\/\n    --zen-dark: #1a1a1a;\n    --zen-white: #ffffff;\n    --oil-spill: linear-gradient(135deg, rgba(217,255,59,0.4) 0%, rgba(0,242,255,0.2) 50%, rgba(112,0,255,0.2) 100%);\n}\n\n.marex-zen-page {\n    background-color: var(--zen-bg);\n    padding: 60px 20px;\n    font-family: 'Inter', sans-serif;\n    color: var(--zen-dark);\n}\n\n.zen-container { max-width: 1300px; margin: 0 auto; }\n\n.bayon-font { font-family: 'Bayon', sans-serif; letter-spacing: 1px; }\n\n\/* Bento Grid *\/\n.zen-bento-grid {\n    display: grid;\n    grid-template-columns: 1.2fr 0.8fr;\n    gap: 24px;\n}\n\n.zen-card {\n    border-radius: 40px;\n    padding: 50px;\n    position: relative;\n    overflow: hidden;\n}\n\n.white-card { background: var(--zen-white); border: 1px solid rgba(0,0,0,0.05); }\n.neon-card { background: var(--zen-neon); }\n\n\/* Hero Styling *\/\n.main-title { font-size: 84px; line-height: 0.9; margin: 20px 0; color: var(--zen-dark); }\n.hero-text { font-size: 18px; color: #555; line-height: 1.6; max-width: 500px; margin-bottom: 40px; }\n.neon-text-alt { color: #888; font-size: 14px; font-weight: bold; }\n\n.btn-dark {\n    display: inline-block;\n    background: var(--zen-dark);\n    color: #fff;\n    padding: 16px 32px;\n    border-radius: 50px;\n    text-decoration: none;\n    font-weight: 600;\n    transition: 0.3s;\n}\n\n.small-badges { display: flex; gap: 10px; margin-top: 25px; }\n.badge-pill { \n    background: #f0f0f0; padding: 6px 14px; border-radius: 50px; \n    font-size: 11px; font-weight: 800; border: 1px solid #ddd;\n}\n\n\/* Visual Hero (Zelena desno) *\/\n.visual-hero { display: flex; align-items: center; justify-content: center; height: 100%; }\n\n.oil-spill-bg::before {\n    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\n    background: var(--oil-spill); opacity: 0.3; mix-blend-mode: color-burn;\n}\n\n.glass-label {\n    position: absolute; top: 30px; left: 30px;\n    background: rgba(255,255,255,0.4); backdrop-filter: blur(10px);\n    padding: 10px 20px; border-radius: 20px; font-size: 14px;\n}\n\n.hero-img { width: 320px; filter: drop-shadow(0 20px 40px rgba(0,0,0,0.2)); position: relative; z-index: 2; }\n\n.bottom-label { position: absolute; bottom: 30px; right: 40px; text-align: right; }\n.bottom-label span { font-size: 42px; display: block; line-height: 1; }\n\n\/* Scroll Divider *\/\n.zen-scroll-divider {\n    height: 140px; display: flex; justify-content: center; align-items: center;\n    margin: -70px 0; position: relative; z-index: 10;\n}\n\n.scroll-circle {\n    width: 120px; height: 120px; background: #fff; border-radius: 50%;\n    border: 10px solid var(--zen-bg); display: flex; flex-direction: column;\n    align-items: center; justify-content: center; box-shadow: 0 10px 20px rgba(0,0,0,0.05);\n}\n\n.spinning-text { font-size: 9px; font-weight: 900; color: #999; }\n.arrow-down { font-size: 24px; color: var(--zen-dark); margin-top: 5px; }\n\n\/* Mission *\/\n.zen-mission { text-align: center; padding: 120px 0 60px; max-width: 800px; margin: 0 auto; }\n.section-tag { background: #fff; padding: 6px 18px; border-radius: 50px; font-size: 12px; font-weight: 700; border: 1px solid #ddd; }\n.mission-title { font-size: 52px; margin: 30px 0; line-height: 1.1; }\n.mission-desc { font-size: 20px; color: #666; line-height: 1.6; }\n\n\/* Info Grid *\/\n.zen-info-grid {\n    display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 40px;\n}\n\n.info-item { padding: 40px; display: flex; flex-direction: column; gap: 15px; }\n.icon-box { background: var(--zen-bg); width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 12px; font-size: 24px; }\n.icon-box-dark { background: var(--zen-dark); width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 12px; font-size: 24px; }\n\n.info-item h3 { font-size: 28px; margin: 10px 0; }\n.info-item p { color: #666; font-size: 15px; line-height: 1.5; }\n.learn-more { color: var(--zen-dark); font-weight: 700; text-decoration: none; font-size: 13px; margin-top: auto; }\n.learn-more-dark { color: var(--zen-dark); font-weight: 700; text-decoration: none; font-size: 13px; margin-top: auto; }\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n    .zen-bento-grid, .zen-info-grid { grid-template-columns: 1fr; }\n    .main-title { font-size: 60px; }\n    .zen-scroll-divider { display: none; }\n    .zen-mission { padding: 60px 0; }\n}\n<\/style>\n<\/div><\/div>\n\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\">\n<section class=\"zen-faq-module\">\n    <div class=\"faq-inner\">\n        <div class=\"faq-header-block\">\n            <span class=\"mini-tag\">PODR\u0160KA<\/span>\n            <h2 class=\"bayon-font\">\u010cESTO POSTAVLJANA PITANJA<\/h2>\n        <\/div>\n\n        <div class=\"accordion-group\">\n            \n            <div class=\"acc-item\">\n                <div class=\"acc-trigger\" onclick=\"handleZenToggle(this)\">\n                    <span class=\"acc-num\">01<\/span>\n                    <span class=\"acc-title\">Ekolo\u0161ki standardi i atesti<\/span>\n                    <span class=\"acc-plus\">+<\/span>\n                <\/div>\n                <div class=\"acc-content\">\n                    <p>Svi na\u0161i proizvodi su atestirani i odobreni od strane Zavoda za za\u0161titu zdravlja Beograda. Koristimo metode Svetske zdravstvene organizacije (SZO) i agencije EPA-USA kako bismo osigurali nulti rizik po zdravlje i okolinu.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"acc-item\">\n                <div class=\"acc-trigger\" onclick=\"handleZenToggle(this)\">\n                    <span class=\"acc-num\">02<\/span>\n                    <span class=\"acc-title\">Biorazgradivost sirovina<\/span>\n                    <span class=\"acc-plus\">+<\/span>\n                <\/div>\n                <div class=\"acc-content\">\n                    <p>Skoro sve sirovine za proizvodnju su potpuno biorazgradive. Na\u0161 proces proizvodnje je projektovan tako da se isklju\u010duje bilo kakvo zaga\u0111enje radne i \u017eivotne sredine.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"acc-item\">\n                <div class=\"acc-trigger\" onclick=\"handleZenToggle(this)\">\n                    <span class=\"acc-num\">03<\/span>\n                    <span class=\"acc-title\">Infrastruktura i lokacija pogona<\/span>\n                    <span class=\"acc-plus\">+<\/span>\n                <\/div>\n                <div class=\"acc-content\">\n                    <p>Na\u0161 objekat u vlasni\u0161tvu preduze\u0107a nalazi se u Jabuci, kod Pan\u010deva, i prostire se na 471 m\u00b2. Objekat obuhvata savremenu proizvodnu halu od 160 m\u00b2, kancelarijski prostor i parking organizovan po evropskim standardima.<\/p>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<style>\n\/* CSS Varijable za Zen\/Bento stil *\/\n:root {\n    --zen-bg: #f3f4f0;\n    --zen-neon: #d9ff3b;\n    --zen-white: #ffffff;\n    --zen-dark: #000000;\n}\n\n.zen-faq-module {\n    background-color: var(--zen-bg);\n    padding: 80px 20px;\n    font-family: 'Inter', sans-serif;\n}\n\n.faq-inner {\n    max-width: 900px;\n    margin: 0 auto;\n}\n\n.bayon-font {\n    font-family: 'Bayon', sans-serif;\n    letter-spacing: 0.05em;\n    font-size: 42px;\n}\n\n.mini-tag {\n    background: var(--zen-white);\n    padding: 6px 14px;\n    border-radius: 100px;\n    font-size: 11px;\n    font-weight: 800;\n    border: 1px solid rgba(0,0,0,0.05);\n}\n\n.faq-header-block {\n    margin-bottom: 50px;\n    text-align: left;\n}\n\n\/* Accordion Elementi *\/\n.acc-item {\n    background: var(--zen-white);\n    border-radius: 24px;\n    margin-bottom: 12px;\n    border: 1px solid rgba(0,0,0,0.03);\n    transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.acc-trigger {\n    display: flex;\n    align-items: center;\n    padding: 28px 35px;\n    cursor: pointer;\n    user-select: none;\n}\n\n.acc-num {\n    font-size: 12px;\n    font-weight: 900;\n    color: #bbb;\n    margin-right: 35px;\n}\n\n.acc-title {\n    flex: 1;\n    font-weight: 700;\n    font-size: 19px;\n    color: var(--zen-dark);\n}\n\n.acc-plus {\n    font-size: 26px;\n    color: #ccc;\n    transition: 0.4s;\n    font-weight: 300;\n}\n\n.acc-content {\n    max-height: 0;\n    overflow: hidden;\n    padding: 0 35px;\n    transition: all 0.4s ease-out;\n    color: #666;\n    line-height: 1.6;\n}\n\n\/* Aktivno stanje *\/\n.acc-item.active {\n    box-shadow: 0 20px 40px rgba(0,0,0,0.04);\n}\n\n.acc-item.active .acc-content {\n    max-height: 300px; \/* Prilagoditi visini teksta *\/\n    padding-bottom: 30px;\n}\n\n.acc-item.active .acc-plus {\n    transform: rotate(45deg);\n    color: var(--zen-dark);\n}\n\n.acc-item.active .acc-trigger {\n    background: linear-gradient(to right, rgba(217, 255, 59, 0.05), transparent);\n}\n<\/style>\n\n<script>\nfunction handleZenToggle(element) {\n    const parent = element.parentElement;\n    const isAlreadyActive = parent.classList.contains('active');\n\n    \/\/ Zatvaranje svih ostalih sekcija za pravi accordion efekat\n    document.querySelectorAll('.acc-item').forEach(item => {\n        item.classList.remove('active');\n    });\n\n    \/\/ Ako nije bio aktivan, otvori ga\n    if (!isAlreadyActive) {\n        parent.classList.add('active');\n    }\n}\n<\/script>\n<\/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-115","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/marex.rs\/marex-jpc\/wp-json\/wp\/v2\/pages\/115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marex.rs\/marex-jpc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/marex.rs\/marex-jpc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/marex.rs\/marex-jpc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marex.rs\/marex-jpc\/wp-json\/wp\/v2\/comments?post=115"}],"version-history":[{"count":7,"href":"https:\/\/marex.rs\/marex-jpc\/wp-json\/wp\/v2\/pages\/115\/revisions"}],"predecessor-version":[{"id":123,"href":"https:\/\/marex.rs\/marex-jpc\/wp-json\/wp\/v2\/pages\/115\/revisions\/123"}],"wp:attachment":[{"href":"https:\/\/marex.rs\/marex-jpc\/wp-json\/wp\/v2\/media?parent=115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}