{"id":31,"date":"2009-02-17T02:30:40","date_gmt":"2009-02-17T10:30:40","guid":{"rendered":"http:\/\/www.letoon.com.tr\/?page_id=31"},"modified":"2026-07-24T17:29:54","modified_gmt":"2026-07-24T14:29:54","slug":"ibix","status":"publish","type":"page","link":"https:\/\/www.letoon.com.tr\/eng\/ibix\/","title":{"rendered":"IBIX"},"content":{"rendered":"\n<!-- Google Fonts & GSAP CDN -->\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=Plus+Jakarta+Sans:wght@500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n\n<style>\n  :root {\n    --ibix-red: #ba372a;\n    --ibix-red-soft: rgba(186, 55, 42, 0.08);\n    --ibix-dark: #1b2538;\n    --text-main: #334155;\n    --text-muted: #64748b;\n    --bg-light: #f8fafc;\n    --card-border: #e2e8f0;\n    --card-shadow: 0 12px 32px -8px rgba(0, 0, 0, 0.08);\n    --hover-shadow: 0 20px 35px -10px rgba(186, 55, 42, 0.2);\n  }\n\n  \/* Main Wrapper *\/\n  .ibix-hub-wrapper {\n    font-family: 'Plus Jakarta Sans', sans-serif;\n    max-width: 1050px;\n    margin: 40px auto;\n    background: #ffffff;\n    border-radius: 20px;\n    border: 1px solid var(--card-border);\n    box-shadow: var(--card-shadow);\n    padding: 30px;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n\n  \/* Split Layout Grid *\/\n  .ibix-hub-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 30px;\n    align-items: center;\n  }\n\n  \/* Left Side: Banner Showcase *\/\n  .ibix-banner-card {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    justify-content: center;\n  }\n\n  .ibix-badge {\n    display: inline-block;\n    align-self: flex-start;\n    padding: 6px 14px;\n    background: var(--ibix-red-soft);\n    color: var(--ibix-red);\n    font-weight: 800;\n    font-size: 11px;\n    letter-spacing: 1.5px;\n    text-transform: uppercase;\n    border-radius: 100px;\n    margin-bottom: 16px;\n  }\n\n  .ibix-banner-card h2 {\n    font-size: 1.6rem;\n    color: var(--ibix-dark);\n    font-weight: 800;\n    margin: 0 0 16px 0;\n    line-height: 1.3;\n  }\n\n  .ibix-img-container {\n    position: relative;\n    border-radius: 14px;\n    overflow: hidden;\n    border: 1px solid var(--card-border);\n    box-shadow: 0 8px 20px rgba(0,0,0,0.06);\n    background: var(--bg-light);\n  }\n\n  .ibix-img-container img {\n    width: 100%;\n    height: auto;\n    display: block;\n    transition: transform 0.5s ease, filter 0.5s ease;\n  }\n\n  .ibix-img-container:hover img {\n    transform: scale(1.05);\n    filter: brightness(1.05);\n  }\n\n  \/* Right Side: Navigation Menu *\/\n  .ibix-menu-container h3 {\n    font-size: 1.25rem;\n    color: var(--ibix-dark);\n    font-weight: 700;\n    margin: 0 0 18px 0;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .ibix-menu-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .ibix-menu-item a {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 14px 20px;\n    background: #ffffff;\n    border: 1px solid var(--card-border);\n    border-radius: 12px;\n    text-decoration: none;\n    color: var(--text-main);\n    font-weight: 700;\n    font-size: 0.98rem;\n    box-shadow: 0 4px 10px rgba(0,0,0,0.02);\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .ibix-menu-item a .arrow-icon {\n    width: 18px;\n    height: 18px;\n    fill: var(--text-muted);\n    transition: transform 0.3s ease, fill 0.3s ease;\n  }\n\n  \/* Hover Effects for Menu Links *\/\n  .ibix-menu-item a:hover {\n    background: var(--ibix-red);\n    color: #ffffff;\n    border-color: var(--ibix-red);\n    box-shadow: var(--hover-shadow);\n    transform: translateX(6px);\n  }\n\n  .ibix-menu-item a:hover .arrow-icon {\n    fill: #ffffff;\n    transform: translateX(4px);\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 820px) {\n    .ibix-hub-grid {\n      grid-template-columns: 1fr;\n      gap: 24px;\n    }\n    .ibix-hub-wrapper {\n      padding: 20px;\n    }\n  }\n<\/style>\n\n<div class=\"ibix-hub-wrapper\">\n  <div class=\"ibix-hub-grid\">\n    \n    <!-- Left Column: Banner Showcase -->\n    <div class=\"ibix-banner-card gsap-hero\">\n      <span class=\"ibix-badge\">Surface Technology<\/span>\n      <h2>IBIX Eco-Blasting Systems<\/h2>\n      \n      <figure class=\"ibix-img-container m-0\">\n        <a href=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/86034037d34b03831ee96bae86257004-1.jpg\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/86034037d34b03831ee96bae86257004-1-1024x429.jpg\" \n               alt=\"IBIX Mobile Lab &#038; Machines Banner\" \/>\n        <\/a>\n      <\/figure>\n    <\/div>\n\n    <!-- Right Column: Navigation Menu -->\n    <div class=\"ibix-menu-container\">\n      <h3>Explore IBIX Categories<\/h3>\n      \n      <ul class=\"ibix-menu-list\">\n        \n        <li class=\"ibix-menu-item gsap-nav-item\">\n          <a href=\"https:\/\/www.letoon.com.tr\/eng\/ibix-mobile-lab\/\">\n            <span>IBIX MOBILE LAB<\/span>\n            <svg class=\"arrow-icon\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n        <\/li>\n\n        <li class=\"ibix-menu-item gsap-nav-item\">\n          <a href=\"https:\/\/www.letoon.com.tr\/eng\/ibix\/machines\/\">\n            <span>Machines<\/span>\n            <svg class=\"arrow-icon\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n        <\/li>\n\n        <li class=\"ibix-menu-item gsap-nav-item\">\n          <a href=\"https:\/\/www.letoon.com.tr\/eng\/ibix\/application-areas\/\">\n            <span>Application Areas<\/span>\n            <svg class=\"arrow-icon\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n        <\/li>\n\n        <li class=\"ibix-menu-item gsap-nav-item\">\n          <a href=\"https:\/\/www.letoon.com.tr\/eng\/ibix\/ibix-references\/\" title=\"Our Application References\">\n            <span>References<\/span>\n            <svg class=\"arrow-icon\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n        <\/li>\n\n        <li class=\"ibix-menu-item gsap-nav-item\">\n          <a href=\"https:\/\/www.letoon.com.tr\/eng\/ibix\/video-clip\/\">\n            <span>Videos<\/span>\n            <svg class=\"arrow-icon\" viewBox=\"0 0 24 24\"><path d=\"M5 12h14M12 5l7 7-7 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n          <\/a>\n        <\/li>\n\n      <\/ul>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- GSAP Animation Script -->\n<script>\n  document.addEventListener(\"DOMContentLoaded\", (event) => {\n    gsap.registerPlugin(ScrollTrigger);\n\n    \/\/ Hero \/ Left Banner Animation\n    gsap.from(\".gsap-hero\", {\n      opacity: 0,\n      x: -30,\n      duration: 0.8,\n      ease: \"power3.out\"\n    });\n\n    \/\/ Right Menu Items Stagger Animation\n    gsap.from(\".gsap-nav-item\", {\n      opacity: 0,\n      x: 30,\n      duration: 0.6,\n      stagger: 0.1,\n      ease: \"power2.out\",\n      delay: 0.2\n    });\n  });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Surface Technology IBIX Eco-Blasting Systems Explore IBIX Categories IBIX MOBILE LAB Machines Application Areas References Videos<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":4,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-31","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/31","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/comments?post=31"}],"version-history":[{"count":0,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/31\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/media?parent=31"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}