{"id":1892,"date":"2014-09-15T05:33:55","date_gmt":"2014-09-15T13:33:55","guid":{"rendered":"http:\/\/www.letoon.com.tr\/?page_id=1892"},"modified":"2026-08-28T13:55:07","modified_gmt":"2026-08-28T10:55:07","slug":"hizmetler","status":"publish","type":"page","link":"https:\/\/www.letoon.com.tr\/eng\/hizmetler\/","title":{"rendered":"Services"},"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 & Services Grid 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    \/* H1: Section Header *\/\n    h1.letoon-nav-header {\n      font-size: clamp(1.6rem, 3vw, 2.2rem);\n      font-weight: 800;\n      color: #222;\n      margin-bottom: 45px;\n      position: relative;\n      padding-left: 20px;\n      line-height: 1.25;\n      will-change: transform, opacity;\n    }\n\n    h1.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    \/* Grid Structure *\/\n    .letoon-menu-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n      gap: 35px;\n    }\n\n    \/* CARD STRUCTURE *\/\n    .letoon-menu-item {\n      display: flex;\n      flex-direction: column;\n      background: #fff;\n      border-radius: 14px;\n      text-decoration: none;\n      box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n      border-top: 5px solid #15296B;\n      position: relative;\n      height: 100%;\n      overflow: hidden;\n      cursor: pointer;\n      opacity: 1;\n      will-change: transform, opacity;\n    }\n\n    \/* IMAGE AREA *\/\n    .letoon-img-holder {\n      width: 100%;\n      height: 220px;\n      overflow: hidden;\n      position: relative;\n      border-bottom: 1px solid #f0f0f0;\n      background: #15296B;\n    }\n\n    .letoon-img-holder img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      will-change: transform;\n    }\n\n    \/* CONTENT AREA *\/\n    .letoon-card-content {\n      padding: 28px;\n      display: flex;\n      flex-direction: column;\n      flex-grow: 1;\n    }\n\n    \/* H3: KART BA\u015eLI\u011eI (SEO DOSTU) *\/\n    h3.letoon-menu-title {\n      font-size: 1.25rem;\n      font-weight: 700;\n      color: #15296B;\n      margin-bottom: 14px;\n      line-height: 1.4;\n      will-change: color;\n    }\n\n    \/* Description *\/\n    .letoon-menu-desc {\n      font-size: 0.95rem;\n      color: #555;\n      line-height: 1.65;\n      margin-bottom: 25px;\n      flex-grow: 1;\n    }\n\n    \/* Action Link *\/\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      .letoon-card-content {\n        padding: 22px;\n      }\n    }\n<\/style>\n\n<div class=\"letoon-menu-wrapper\">\n  <!-- H1: SAYFA \/ B\u00d6L\u00dcM ANA BA\u015eLI\u011eI -->\n  <h1 class=\"letoon-nav-header\">Our Services and Solutions<\/h1>\n  \n  <div class=\"letoon-menu-grid\">\n\n    <!-- MENU 1: Historical Heritage -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/historical-monument-restoration-repair\/\" class=\"letoon-menu-item\" target=\"_blank\" rel=\"noopener\">\n      <div class=\"letoon-img-holder\">\n        <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/Adsiz-tasarim-69.png\" alt=\"Historical Heritage Restoration\" \/>\n      <\/div>\n      <div class=\"letoon-card-content\">\n        <!-- H3: KART BA\u015eLI\u011eI -->\n        <h3 class=\"letoon-menu-title\">Historical Monument Repair and Restoration<\/h3>\n        <div class=\"letoon-menu-desc\">We offer restoration solutions respectful to the texture and identity of historical structures, using sensitive micro-sandblasting and mineral-based protection technologies.<\/div>\n        <div class=\"letoon-menu-action\">View Details <span>\u2192<\/span><\/div>\n      <\/div>\n    <\/a>\n\n    <!-- MENU 2: Fair-Faced Concrete -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/concrete-repair-and-protection\/\" class=\"letoon-menu-item\" target=\"_blank\" rel=\"noopener\">\n      <div class=\"letoon-img-holder\">\n        <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/3-1.png\" alt=\"Fair-Faced Concrete Protection\" \/>\n      <\/div>\n      <div class=\"letoon-card-content\">\n        <!-- H3: KART BA\u015eLI\u011eI -->\n        <h3 class=\"letoon-menu-title\">Fair-Faced Concrete Repair and Protection<\/h3>\n        <div class=\"letoon-menu-desc\">High-performance repair and protection systems for fair-faced concrete and GRC surfaces that provide resistance against carbonation without compromising aesthetics.<\/div>\n        <div class=\"letoon-menu-action\">Read More <span>\u2192<\/span><\/div>\n      <\/div>\n    <\/a>\n\n    <!-- MENU 3: Anti-Corrosion -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/anti-corrosion-technologies\/\" class=\"letoon-menu-item\" target=\"_blank\" rel=\"noopener\">\n      <div class=\"letoon-img-holder\">\n        <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/5.png\" alt=\"Anti-Corrosion Technologies\" \/>\n      <\/div>\n      <div class=\"letoon-card-content\">\n        <!-- H3: KART BA\u015eLI\u011eI -->\n        <h3 class=\"letoon-menu-title\">Anti-Corrosion Protection Technologies<\/h3>\n        <div class=\"letoon-menu-desc\">Long-lasting corrosion prevention strategies for industrial structures, equipped with advanced silane technologies that effectively block chloride ion ingress.<\/div>\n        <div class=\"letoon-menu-action\">Discover <span>\u2192<\/span><\/div>\n      <\/div>\n    <\/a>\n\n    <!-- MENU 4: Consultancy -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/technical-consultancy\/\" class=\"letoon-menu-item\" target=\"_blank\" rel=\"noopener\">\n      <div class=\"letoon-img-holder\">\n        <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/letoon.png\" alt=\"Technical Consultancy\" \/>\n      <\/div>\n      <div class=\"letoon-card-content\">\n        <!-- H3: KART BA\u015eLI\u011eI -->\n        <h3 class=\"letoon-menu-title\">Technical Consultancy Services<\/h3>\n        <div class=\"letoon-menu-desc\">Expert engineering and consultancy services ranging from detailed project analysis to correct material selection and field application supervision.<\/div>\n        <div class=\"letoon-menu-action\">Contact Us <span>\u2192<\/span><\/div>\n      <\/div>\n    <\/a>\n\n    <!-- MENU 5: Letoon Academy -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/letoon-academy\/\" class=\"letoon-menu-item\" target=\"_blank\" rel=\"noopener\">\n      <div class=\"letoon-img-holder\">\n        <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/TOPLANTI-akademi-letoonv2.png\" alt=\"Letoon Academy\" \/>\n      <\/div>\n      <div class=\"letoon-card-content\">\n        <!-- H3: KART BA\u015eLI\u011eI -->\n        <h3 class=\"letoon-menu-title\">Letoon Academy: Expertise and Training<\/h3>\n        <div class=\"letoon-menu-desc\">We share our over 20 years of experience in surface protection and restoration through theoretical and practical trainings for professionals and those interested in the sector.<\/div>\n        <div class=\"letoon-menu-action\">View Trainings <span>\u2192<\/span><\/div>\n      <\/div>\n    <\/a>\n\n    <!-- MENU 6: R&D -->\n    <a href=\"https:\/\/www.letoon.com.tr\/eng\/rd-new-material-development\/\" class=\"letoon-menu-item\" target=\"_blank\" rel=\"noopener\">\n      <div class=\"letoon-img-holder\">\n        <img decoding=\"async\" src=\"https:\/\/www.letoon.com.tr\/wp-content\/uploads\/arge.png\" alt=\"R&#038;D and Innovation\" \/>\n      <\/div>\n      <div class=\"letoon-card-content\">\n        <!-- H3: KART BA\u015eLI\u011eI -->\n        <h3 class=\"letoon-menu-title\">R&#038;D and New Material Development<\/h3>\n        <div class=\"letoon-menu-desc\">Going beyond standard products for project-specific challenges; we develop unique materials and systems based on field realities with laboratory precision.<\/div>\n        <div class=\"letoon-menu-action\">See Solutions <span>\u2192<\/span><\/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 VE G\u00dcVEN\u0130L\u0130R GSAP KODU -->\n<script>\n  function initLetoonAnimations() {\n    if (typeof gsap === \"undefined\" || typeof ScrollTrigger === \"undefined\") {\n      return;\n    }\n    \n    gsap.registerPlugin(ScrollTrigger);\n\n    \/\/ Lenis Smooth Scroll G\u00fcvenli Kurulum\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. H1 BA\u015eLIK AN\u0130MASYONU\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 G\u0130R\u0130\u015e AN\u0130MASYONU\n    gsap.fromTo(\".letoon-menu-item\", \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.8,\n        stagger: 0.1,\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. HOVER AN\u0130MASYONLARI\n    const cards = document.querySelectorAll('.letoon-menu-item');\n\n    cards.forEach(card => {\n      const img = card.querySelector('.letoon-img-holder img');\n      const arrow = card.querySelector('.letoon-menu-action span');\n      const title = card.querySelector('.letoon-menu-title');\n      const action = card.querySelector('.letoon-menu-action');\n\n      card.addEventListener('mouseenter', () => {\n        gsap.to(card, {\n          y: -10,\n          boxShadow: '0 20px 35px rgba(21, 41, 107, 0.15)',\n          borderTopColor: '#D20422',\n          duration: 0.3,\n          ease: 'power2.out',\n          overwrite: 'auto'\n        });\n\n        if (img) {\n          gsap.to(img, {\n            scale: 1.1,\n            duration: 0.4,\n            ease: 'power2.out',\n            overwrite: 'auto'\n          });\n        }\n\n        if (arrow) {\n          gsap.to(arrow, {\n            x: 8,\n            duration: 0.3,\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\n      card.addEventListener('mouseleave', () => {\n        gsap.to(card, {\n          y: 0,\n          boxShadow: '0 5px 15px rgba(0,0,0,0.05)',\n          borderTopColor: '#15296B',\n          duration: 0.3,\n          ease: 'power2.out',\n          overwrite: 'auto'\n        });\n\n        if (img) {\n          gsap.to(img, {\n            scale: 1,\n            duration: 0.4,\n            ease: 'power2.out',\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        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    });\n  }\n\n  if (document.readyState === \"complete\" || document.readyState === \"interactive\") {\n    initLetoonAnimations();\n  } else {\n    document.addEventListener(\"DOMContentLoaded\", initLetoonAnimations);\n  }\n\n  window.addEventListener(\"load\", function() {\n    if (typeof ScrollTrigger !== \"undefined\") {\n      ScrollTrigger.refresh();\n    }\n  });\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Our Services and Solutions Historical Monument Repair and Restoration We offer restoration solutions respectful to the texture and identity of<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1892","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/1892","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=1892"}],"version-history":[{"count":0,"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/pages\/1892\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.letoon.com.tr\/eng\/wp-json\/wp\/v2\/media?parent=1892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}