{"id":3124,"date":"2025-12-25T15:25:44","date_gmt":"2025-12-25T12:25:44","guid":{"rendered":"https:\/\/www.letoon.com.tr\/eng\/?page_id=3124"},"modified":"2026-08-28T12:38:46","modified_gmt":"2026-08-28T09:38:46","slug":"products","status":"publish","type":"page","link":"https:\/\/www.letoon.com.tr\/eng\/products\/","title":{"rendered":"Products"},"content":{"rendered":"\n<!-- Premium Fonts -->\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=Segoe+UI:wght@400;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<!-- Lenis Smooth Scroll & Menu CSS -->\n<style>\n    html.lenis, html.lenis body {\n        height: auto;\n    }\n    .lenis.lenis-smooth {\n        scroll-behavior: auto !important;\n    }\n    .lenis.lenis-smooth [data-lenis-prevent] {\n        overscroll-behavior: contain;\n    }\n    .lenis.lenis-stopped {\n        overflow: hidden;\n    }\n\n    \/* --- GENERAL SETTINGS --- *\/\n    .letoon-menu-wrapper * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    .letoon-menu-wrapper {\n      background: #fdfdfd;\n      font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\n      color: #333;\n      line-height: 1.6;\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 60px 20px;\n      overflow-x: hidden;\n    }\n\n    \/* H2: MODULUN TEKIL ANA BASLIGI *\/\n    h2.letoon-nav-header {\n      font-size: clamp(1.6rem, 3vw, 2.2rem);\n      font-weight: 800;\n      color: #222;\n      margin-bottom: 40px;\n      position: relative;\n      padding-left: 20px;\n      line-height: 1.25;\n      will-change: transform, opacity;\n    }\n\n    h2.letoon-nav-header::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      width: 6px;\n      background-color: #D20422;\n      border-radius: 3px;\n      transform-origin: top center;\n    }\n\n    .letoon-menu-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n      gap: 30px;\n    }\n\n    \/* --- LINK KAPLAYICISI (G\u00f6rsel + Kart) --- *\/\n    .letoon-item-wrapper {\n      text-decoration: none;\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n      cursor: pointer;\n      will-change: transform, opacity;\n    }\n\n    \/* --- 1. AYRIK GORSEL ALANI --- *\/\n    .letoon-separate-img {\n      width: 100%;\n      height: 200px;\n      border-radius: 12px;\n      overflow: hidden;\n      box-shadow: 0 5px 15px rgba(0,0,0,0.08);\n      margin-bottom: 20px;\n      background: #fff;\n      position: relative;\n      z-index: 1;\n      will-change: transform, box-shadow;\n    }\n\n    .letoon-separate-img img {\n      width: 100%;\n      height: 100%;\n      object-fit: contain;\n      object-position: center;\n      display: block;\n      will-change: transform;\n    }\n\n    \/* --- 2. AYRIK ICERIK KARTI --- *\/\n    .letoon-content-card {\n      background: #fff;\n      border-radius: 12px;\n      padding: 25px;\n      box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n      border-top: 5px solid #15296B;\n      display: flex;\n      flex-direction: column;\n      flex-grow: 1;\n      position: relative;\n      z-index: 2;\n      will-change: transform, box-shadow, border-top-color;\n    }\n\n    \/* --- H3: KART BASLIKLARI --- *\/\n    h3.letoon-menu-title {\n      font-size: 1.15rem;\n      font-weight: 700;\n      color: #15296B;\n      margin: 0 0 14px 0;\n      line-height: 1.4;\n      will-change: color;\n    }\n\n    .letoon-menu-desc {\n      font-size: 0.95rem;\n      color: #555;\n      line-height: 1.6;\n      margin-bottom: 25px;\n      flex-grow: 1;\n    }\n\n    .letoon-menu-action {\n      display: inline-flex;\n      align-items: center;\n      font-size: 0.9rem;\n      font-weight: 700;\n      color: #15296B;\n      text-transform: uppercase;\n      letter-spacing: 1px;\n      margin-top: auto;\n      will-change: color;\n    }\n\n    .letoon-menu-action span {\n      display: inline-block;\n      margin-left: 8px;\n      font-size: 1.2rem;\n      will-change: transform;\n    }\n\n    @media screen and (max-width: 768px) {\n      .letoon-menu-wrapper {\n        padding: 30px 15px;\n      }\n      .letoon-menu-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n      }\n    }\n<\/style>\n\n<div class=\"letoon-menu-wrapper\">\n\n  <!-- H2: MODULUN TEKIL ANA BASLIGI -->\n  <h2 class=\"letoon-nav-header\">Our Product Range &#038; Technologies<\/h2>\n\n  <div class=\"letoon-menu-grid\">\n\n    <!-- PRODUCT 1: KEIM -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/keim\/\" class=\"letoon-item-wrapper\" target=\"_blank\" rel=\"noopener\">\n      <!-- 1. AYRIK GORSEL -->\n      <div class=\"letoon-separate-img\">\n        <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/86.4-3.png\" alt=\"KEIM Mineral Paints\">\n      <\/div>\n      <!-- 2. AYRIK ICERIK KARTI -->\n      <div class=\"letoon-content-card\">\n        <!-- H3: KART BASLIGI -->\n        <h3 class=\"letoon-menu-title\">KEIM Mineral Based Potassium Silicate Paints<\/h3>\n        <div class=\"letoon-menu-desc\">\n          The world leader in silicate paints offering extreme durability, UV resistance, and breathability through chemical bonding (silicification).\n        <\/div>\n        <div class=\"letoon-menu-action\">\n          View Products <span>&rarr;<\/span>\n        <\/div>\n      <\/div>\n    <\/a>\n\n    <!-- PRODUCT 2: ECOTERA -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/ecotera\/\" class=\"letoon-item-wrapper\" target=\"_blank\" rel=\"noopener\">\n      <div class=\"letoon-separate-img\">\n        <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/86.4-2.png\" alt=\"Ecotera Ecological Systems\">\n      <\/div>\n      <div class=\"letoon-content-card\">\n        <!-- H3: KART BASLIGI -->\n        <h3 class=\"letoon-menu-title\">Ecotera Ecological Surface Protection Systems<\/h3>\n        <div class=\"letoon-menu-desc\">\n          Our exclusive brand providing sustainable, high-performance, and eco-friendly coating solutions for modern construction.\n        <\/div>\n        <div class=\"letoon-menu-action\">\n          Explore Brand <span>&rarr;<\/span>\n        <\/div>\n      <\/div>\n    <\/a>\n\n    <!-- PRODUCT 3: EVONIK -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/evonik\/\" class=\"letoon-item-wrapper\" target=\"_blank\" rel=\"noopener\">\n      <div class=\"letoon-separate-img\">\n        <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/2-2.png\" alt=\"Evonik Building Protection\">\n      <\/div>\n      <div class=\"letoon-content-card\">\n        <!-- H3: KART BASLIGI -->\n        <h3 class=\"letoon-menu-title\">Evonik Silane Based Building Protection Technologies<\/h3>\n        <div class=\"letoon-menu-desc\">\n          Advanced silane chemistry for deep penetrating water repellency and corrosion inhibition, extending the lifecycle of structures.\n        <\/div>\n        <div class=\"letoon-menu-action\">\n          Learn More <span>&rarr;<\/span>\n        <\/div>\n      <\/div>\n    <\/a>\n\n    <!-- PRODUCT 4: IBIX -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/ibix\/\" class=\"letoon-item-wrapper\" target=\"_blank\" rel=\"noopener\">\n      <div class=\"letoon-separate-img\">\n        <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/86.4-4.png\" alt=\"IBIX Micro Sandblasting\">\n      <\/div>\n      <div class=\"letoon-content-card\">\n        <!-- H3: KART BASLIGI -->\n        <h3 class=\"letoon-menu-title\">IBIX Micro Sandblasting Systems<\/h3>\n        <div class=\"letoon-menu-desc\">\n          Portable and precise surface cleaning technology utilizing low-pressure micro-abrasion for delicate historical restoration.\n        <\/div>\n        <div class=\"letoon-menu-action\">\n          See Systems <span>&rarr;<\/span>\n        <\/div>\n      <\/div>\n    <\/a>\n\n  <\/div>\n<\/div>\n\n<!-- GSAP & Lenis Smooth Scroll Libraries -->\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<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@studio-freight\/lenis@1.0.42\/dist\/lenis.min.js\"><\/script>\n\n<!-- KARARLI GSAP ANIMASYON MIMARISI -->\n<script>\n  function initProductRangeAnimations() {\n    if (typeof gsap === \"undefined\" || typeof ScrollTrigger === \"undefined\") {\n      return;\n    }\n    \n    gsap.registerPlugin(ScrollTrigger);\n\n    \/\/ Lenis Smooth Scroll Engine\n    if (typeof Lenis !== \"undefined\") {\n      const lenis = new Lenis({\n        duration: 1.2,\n        easing: (t) => Math.min(1, 1.001 - Math.pow(2, -10 * t)),\n        smoothWheel: true\n      });\n\n      function raf(time) {\n        lenis.raf(time);\n        requestAnimationFrame(raf);\n      }\n      requestAnimationFrame(raf);\n\n      lenis.on('scroll', ScrollTrigger.update);\n      gsap.ticker.add((time) => lenis.raf(time * 1000));\n      gsap.ticker.lagSmoothing(0);\n    }\n\n    \/\/ 1. H2 BOLUM BASLIGI ANIMASYONU\n    gsap.fromTo(\".letoon-nav-header\", \n      { opacity: 0, x: -30 },\n      {\n        opacity: 1,\n        x: 0,\n        duration: 0.8,\n        ease: \"power3.out\",\n        scrollTrigger: {\n          trigger: \".letoon-nav-header\",\n          start: \"top 85%\",\n          toggleActions: \"play none none none\"\n        }\n      }\n    );\n\n    \/\/ 2. KARTLARIN EKRANA KADEMELI GIRISI\n    gsap.fromTo(\".letoon-item-wrapper\", \n      { \n        opacity: 0, \n        y: 50,\n        scale: 0.95\n      },\n      {\n        opacity: 1,\n        y: 0,\n        scale: 1,\n        duration: 0.85,\n        stagger: 0.12,\n        ease: \"power2.out\",\n        scrollTrigger: {\n          trigger: \".letoon-menu-grid\",\n          start: \"top 85%\",\n          toggleActions: \"play none none none\"\n        },\n        onComplete: function() {\n          ScrollTrigger.refresh();\n        }\n      }\n    );\n\n    \/\/ 3. AYRIK CIFT KATMANLI HOVER ANIMASYONU\n    const items = document.querySelectorAll('.letoon-item-wrapper');\n\n    items.forEach(item => {\n      const separateImg = item.querySelector('.letoon-separate-img');\n      const img = item.querySelector('.letoon-separate-img img');\n      const contentCard = item.querySelector('.letoon-content-card');\n      const title = item.querySelector('.letoon-menu-title');\n      const action = item.querySelector('.letoon-menu-action');\n      const arrow = item.querySelector('.letoon-menu-action span');\n\n      item.addEventListener('mouseenter', () => {\n        if (separateImg) {\n          gsap.to(separateImg, {\n            y: -8,\n            boxShadow: '0 15px 30px rgba(0,0,0,0.15)',\n            duration: 0.35,\n            ease: 'power2.out',\n            overwrite: 'auto'\n          });\n        }\n\n        if (img) {\n          gsap.to(img, {\n            scale: 1.08,\n            duration: 0.45,\n            ease: 'power2.out',\n            overwrite: 'auto'\n          });\n        }\n\n        if (contentCard) {\n          gsap.to(contentCard, {\n            y: -4,\n            boxShadow: '0 15px 30px rgba(21, 41, 107, 0.12)',\n            borderTopColor: '#D20422',\n            duration: 0.35,\n            ease: 'power2.out',\n            overwrite: 'auto'\n          });\n        }\n\n        if (title) {\n          gsap.to(title, {\n            color: '#D20422',\n            duration: 0.3,\n            overwrite: 'auto'\n          });\n        }\n\n        if (action) {\n          gsap.to(action, {\n            color: '#D20422',\n            duration: 0.3,\n            overwrite: 'auto'\n          });\n        }\n\n        if (arrow) {\n          gsap.to(arrow, {\n            x: 8,\n            duration: 0.3,\n            ease: 'back.out(2)',\n            overwrite: 'auto'\n          });\n        }\n      });\n\n      item.addEventListener('mouseleave', () => {\n        if (separateImg) {\n          gsap.to(separateImg, {\n            y: 0,\n            boxShadow: '0 5px 15px rgba(0,0,0,0.08)',\n            duration: 0.35,\n            ease: 'power2.out',\n            overwrite: 'auto'\n          });\n        }\n\n        if (img) {\n          gsap.to(img, {\n            scale: 1,\n            duration: 0.45,\n            ease: 'power2.out',\n            overwrite: 'auto'\n          });\n        }\n\n        if (contentCard) {\n          gsap.to(contentCard, {\n            y: 0,\n            boxShadow: '0 5px 15px rgba(0,0,0,0.05)',\n            borderTopColor: '#15296B',\n            duration: 0.35,\n            ease: 'power2.out',\n            overwrite: 'auto'\n          });\n        }\n\n        if (title) {\n          gsap.to(title, {\n            color: '#15296B',\n            duration: 0.3,\n            overwrite: 'auto'\n          });\n        }\n\n        if (action) {\n          gsap.to(action, {\n            color: '#15296B',\n            duration: 0.3,\n            overwrite: 'auto'\n          });\n        }\n\n        if (arrow) {\n          gsap.to(arrow, {\n            x: 0,\n            duration: 0.3,\n            ease: 'power2.out',\n            overwrite: 'auto'\n          });\n        }\n      });\n    });\n  }\n\n  if (document.readyState === \"complete\" || document.readyState === \"interactive\") {\n    initProductRangeAnimations();\n  } else {\n    document.addEventListener(\"DOMContentLoaded\", initProductRangeAnimations);\n  }\n\n  window.addEventListener(\"load\", function() {\n    if (typeof ScrollTrigger !== \"undefined\") {\n      ScrollTrigger.refresh();\n    }\n  });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Our Product Range &#038; Technologies KEIM Mineral Based Potassium Silicate Paints The world leader in silicate paints offering extreme durability,<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3124","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/3124","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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/comments?post=3124"}],"version-history":[{"count":0,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/3124\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/media?parent=3124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}