{"id":3165,"date":"2026-01-28T09:45:35","date_gmt":"2026-01-28T06:45:35","guid":{"rendered":"https:\/\/www.letoon.com.tr\/eng\/?page_id=3165"},"modified":"2026-08-28T10:21:07","modified_gmt":"2026-08-28T07:21:07","slug":"letoon-academy","status":"publish","type":"page","link":"https:\/\/www.letoon.com.tr\/eng\/letoon-academy\/","title":{"rendered":"Letoon Academy"},"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 & Academy 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 LAYOUT & CONTAINER --- *\/\n    .letoon-wrapper * {\n      margin: 0;\n      padding: 0;\n      box-sizing: border-box;\n    }\n\n    .letoon-wrapper {\n      background-color: #fdfdfd;\n      font-family: 'Segoe UI', Arial, sans-serif;\n      color: #333;\n      line-height: 1.6;\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 40px 20px 60px 20px;\n      overflow-x: hidden;\n    }\n\n    \/* --- TOP NAVIGATION BUTTONS AREA --- *\/\n    .letoon-nav-area {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 20px;\n      margin-bottom: 40px;\n    }\n\n    \/* Top Button Style *\/\n    .nav-card-btn {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background-color: #ffffff;\n      color: #ba372a;\n      padding: 25px 18px;\n      border-radius: 12px;\n      text-decoration: none;\n      font-size: 18px;\n      font-weight: 700;\n      text-align: center;\n      border: 2px solid #ba372a;\n      box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n      cursor: pointer;\n      will-change: transform, opacity, background-color, color, box-shadow;\n    }\n\n    \/* --- TEXT CONTENT AREA --- *\/\n    .letoon-content {\n      background: #ffffff;\n      padding: 40px;\n      border-radius: 10px;\n      border-left: 6px solid #ba372a;\n      box-shadow: 0 5px 20px rgba(0,0,0,0.04);\n      will-change: transform, opacity;\n    }\n\n    \/* H1: ANA BA\u015eLIK *\/\n    h1.letoon-title {\n      color: #ba372a;\n      font-size: clamp(1.6rem, 3.5vw, 2.2rem);\n      margin-top: 0;\n      margin-bottom: 15px;\n      font-weight: 700;\n      letter-spacing: -0.5px;\n      line-height: 1.3;\n      will-change: transform, opacity;\n    }\n\n    .letoon-slogan {\n      color: #34495e;\n      font-size: clamp(1.1rem, 2vw, 1.3rem);\n      font-weight: 600;\n      margin-bottom: 30px;\n      display: block;\n      font-style: italic;\n      opacity: 0.9;\n      will-change: transform, opacity;\n    }\n\n    .letoon-text-block {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 20px;\n    }\n\n    .letoon-text {\n      font-size: 16px;\n      line-height: 1.8;\n      color: #555;\n      text-align: justify;\n      margin: 0;\n      will-change: transform, opacity;\n    }\n\n    \/* H2: L\u0130STE \u00dcST\u00dc ALT BA\u015eLIK *\/\n    h2.letoon-subheading {\n      font-size: 16px;\n      font-weight: 700;\n      color: #333;\n      line-height: 1.6;\n      margin-bottom: 10px;\n      text-align: justify;\n    }\n\n    \/* List Design *\/\n    .letoon-list {\n      list-style: none;\n      padding: 0;\n      margin: 12px 0;\n    }\n    \n    .letoon-list li {\n      position: relative;\n      padding-left: 22px;\n      margin-bottom: 10px;\n      font-size: 16px;\n      color: #555;\n      will-change: transform, opacity;\n    }\n\n    .letoon-list li::before {\n      content: \"\u2022\";\n      color: #ba372a;\n      font-weight: bold;\n      position: absolute;\n      left: 0;\n      font-size: 20px;\n      line-height: 1.4;\n    }\n\n    \/* Bottom CTA Button Design *\/\n    .letoon-btn-container {\n      margin-top: 30px;\n      text-align: left;\n    }\n\n    .letoon-btn {\n      display: inline-block;\n      background-color: #ba372a;\n      color: #ffffff !important;\n      padding: 15px 32px;\n      font-size: 16px;\n      font-weight: bold;\n      text-decoration: none;\n      border-radius: 6px;\n      box-shadow: 0 4px 10px rgba(186, 55, 42, 0.25);\n      cursor: pointer;\n      will-change: transform, opacity, background-color, box-shadow;\n    }\n\n    \/* Mobile Adjustments *\/\n    @media (max-width: 768px) {\n      .letoon-wrapper {\n        padding: 20px 15px;\n      }\n      .letoon-content {\n        padding: 25px 20px;\n      }\n      .letoon-btn-container {\n          text-align: center;\n      }\n    }\n<\/style>\n\n<!-- MAIN WRAPPER -->\n<div class=\"letoon-wrapper\">\n\n  <!-- TOP NAVIGATION BUTTONS -->\n  <div class=\"letoon-nav-area\">\n    <!-- Button 1: About -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/letoon-academy\/\" class=\"nav-card-btn\" target=\"_blank\" rel=\"noopener\">\n      About Letoon Academy\n    <\/a>\n\n    <!-- Button 2: Education Module -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/letoon-academy-training-module\/\" class=\"nav-card-btn\" target=\"_blank\" rel=\"noopener\">\n      Letoon Academy Training Module\n    <\/a>\n\n    <!-- Button 3: Application Form -->\n    <a href=\"https:\/\/www.silikatboya.com\/KEIM-Design-Lasur-ile-Kalem-Isi--Colorwash-Egitimi-Formu%2CDFO-2.html\" class=\"nav-card-btn\" target=\"_blank\" rel=\"noopener\">\n      Letoon Academy Application Form\n    <\/a>\n  <\/div>\n\n  <!-- TEXT CONTENT -->\n  <article class=\"letoon-content\">\n    <!-- H1: MAIN TITLE -->\n    <h1 class=\"letoon-title\">Letoon Academy: The Address of Expertise in Surface Protection<\/h1>\n    \n    <span class=\"letoon-slogan\">&#8220;Preserving the Traces of the Past with Technologies of the Future&#8230;&#8221;<\/span>\n\n    <div class=\"letoon-text-block\">\n      <p class=\"letoon-text\">\n        With over 20 years of field experience; as a company specializing in surface cleaning, surface preparation, repair, and protective coating technologies ranging from restoration to industrial applications, we are now sharing our knowledge and experience through training.\n      <\/p>\n\n      <p class=\"letoon-text\">\n        Letoon Academy is an online and face-to-face training platform designed for professionals, students, and practitioners who want to improve themselves in the field of surface protection and restoration. Within the scope of the Academy; the correct, effective, and sustainable application methods of the high-performance materials we sell are discussed with their scientific and technical foundations.\n      <\/p>\n\n      <p class=\"letoon-text\">\n        Our trainings do not focus solely on product promotion. Problems encountered in the field during application processes, the causes of these problems, and professional solutions are examined in detail. Thus, participants gain lasting expertise by combining theoretical knowledge with real applications.\n      <\/p>\n\n      <div>\n        <!-- H2: SUBHEADING -->\n        <h2 class=\"letoon-subheading\">Letoon Academy aims to contribute to the development of surface protection culture by offering reliable, current, and practice-oriented information to all stakeholders in the sector, especially:<\/h2>\n        <ul class=\"letoon-list\">\n            <li>Architects<\/li>\n            <li>Restorators<\/li>\n            <li>Application firms and craftsmen<\/li>\n            <li>Site supervisors and project managers<\/li>\n            <li>Academicians and students<\/li>\n        <\/ul>\n      <\/div>\n\n      <p class=\"letoon-text\" style=\"font-style: italic; color: #ba372a; font-weight: 600;\">\n        &#x1f4cc; You can review our current training programs, training calendar, and application details via the relevant links.\n      <\/p>\n\n      <div class=\"letoon-btn-container\">\n        <a href=\"https:\/\/www.letoon.com.tr\/letoon-akademi-egitim-modulu\/\" class=\"letoon-btn\" target=\"_blank\" rel=\"noopener\">View Training Programs<\/a>\n      <\/div>\n    <\/div>\n  <\/article>\n\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 AN\u0130MASYON M\u0130MAR\u0130S\u0130 -->\n<script>\n  function initAcademyAnimations() {\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. \u00dcST NAV\u0130GASYON BUTONLARI EKRANA G\u0130R\u0130\u015e\u0130\n    gsap.fromTo(\".nav-card-btn\",\n      { \n        opacity: 0, \n        y: -25,\n        scale: 0.95\n      },\n      {\n        opacity: 1,\n        y: 0,\n        scale: 1,\n        duration: 0.8,\n        stagger: 0.12,\n        ease: \"power2.out\"\n      }\n    );\n\n    \/\/ \u00dcst Butonlar Hover Etkile\u015fimi\n    document.querySelectorAll('.nav-card-btn').forEach(btn => {\n      btn.addEventListener('mouseenter', () => {\n        gsap.to(btn, {\n          y: -5,\n          backgroundColor: '#ba372a',\n          color: '#ffffff',\n          boxShadow: '0 10px 25px rgba(186, 55, 42, 0.3)',\n          duration: 0.3,\n          ease: 'power2.out',\n          overwrite: 'auto'\n        });\n      });\n\n      btn.addEventListener('mouseleave', () => {\n        gsap.to(btn, {\n          y: 0,\n          backgroundColor: '#ffffff',\n          color: '#ba372a',\n          boxShadow: '0 5px 15px rgba(0,0,0,0.05)',\n          duration: 0.3,\n          ease: 'power2.out',\n          overwrite: 'auto'\n        });\n      });\n    });\n\n    \/\/ 2. ANA \u0130\u00c7ER\u0130K KARTI VE H1 BA\u015eLIK\n    const contentTl = gsap.timeline({\n      scrollTrigger: {\n        trigger: \".letoon-content\",\n        start: \"top 85%\",\n        toggleActions: \"play none none none\"\n      }\n    });\n\n    contentTl.fromTo(\".letoon-content\",\n      { opacity: 0, y: 40 },\n      { \n        opacity: 1, \n        y: 0, \n        duration: 0.85, \n        ease: \"power3.out\",\n        onComplete: function() {\n          ScrollTrigger.refresh();\n        }\n      }\n    )\n    .fromTo(\".letoon-title\",\n      { opacity: 0, x: -20 },\n      { opacity: 1, x: 0, duration: 0.7, ease: \"power2.out\" }, \"-=0.4\"\n    )\n    .fromTo(\".letoon-slogan\",\n      { opacity: 0, y: 15 },\n      { opacity: 1, y: 0, duration: 0.6, ease: \"power2.out\" }, \"-=0.3\"\n    );\n\n    \/\/ 3. PARAGRAFLAR VE L\u0130STE MADDELER\u0130 AN\u0130MASYONU\n    const paragraphs = document.querySelectorAll('.letoon-text-block > p');\n    if (paragraphs.length > 0) {\n      gsap.fromTo(paragraphs,\n        { opacity: 0, y: 20 },\n        {\n          opacity: 1,\n          y: 0,\n          duration: 0.6,\n          stagger: 0.1,\n          ease: \"power2.out\",\n          scrollTrigger: {\n            trigger: \".letoon-text-block\",\n            start: \"top 80%\",\n            toggleActions: \"play none none none\"\n          }\n        }\n      );\n    }\n\n    const listItems = document.querySelectorAll('.letoon-list li');\n    if (listItems.length > 0) {\n      gsap.fromTo(listItems,\n        { opacity: 0, x: -15 },\n        {\n          opacity: 1,\n          x: 0,\n          duration: 0.4,\n          stagger: 0.08,\n          ease: \"power2.out\",\n          scrollTrigger: {\n            trigger: \".letoon-list\",\n            start: \"top 85%\",\n            toggleActions: \"play none none none\"\n          }\n        }\n      );\n    }\n\n    \/\/ 4. ALT AKS\u0130YON BUTONU (CTA BUTTON)\n    const ctaBtn = document.querySelector('.letoon-btn');\n    if (ctaBtn) {\n      gsap.fromTo(ctaBtn,\n        { opacity: 0, scale: 0.9 },\n        {\n          opacity: 1,\n          scale: 1,\n          duration: 0.6,\n          ease: \"back.out(1.5)\",\n          scrollTrigger: {\n            trigger: \".letoon-btn-container\",\n            start: \"top 90%\",\n            toggleActions: \"play none none none\"\n          }\n        }\n      );\n\n      ctaBtn.addEventListener('mouseenter', () => {\n        gsap.to(ctaBtn, {\n          y: -3,\n          backgroundColor: '#962a20',\n          boxShadow: '0 8px 18px rgba(186, 55, 42, 0.35)',\n          duration: 0.25,\n          ease: 'power2.out',\n          overwrite: 'auto'\n        });\n      });\n\n      ctaBtn.addEventListener('mouseleave', () => {\n        gsap.to(ctaBtn, {\n          y: 0,\n          backgroundColor: '#ba372a',\n          boxShadow: '0 4px 10px rgba(186, 55, 42, 0.25)',\n          duration: 0.25,\n          ease: 'power2.out',\n          overwrite: 'auto'\n        });\n      });\n    }\n  }\n\n  if (document.readyState === \"complete\" || document.readyState === \"interactive\") {\n    initAcademyAnimations();\n  } else {\n    document.addEventListener(\"DOMContentLoaded\", initAcademyAnimations);\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>About Letoon Academy Letoon Academy Training Module Letoon Academy Application Form Letoon Academy: The Address of Expertise in Surface Protection<\/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-3165","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/3165","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=3165"}],"version-history":[{"count":0,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/3165\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/media?parent=3165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}