{"id":85743,"date":"2026-06-05T07:16:53","date_gmt":"2026-06-05T07:16:53","guid":{"rendered":"https:\/\/www.harsle.com\/?page_id=85743"},"modified":"2026-06-05T07:32:00","modified_gmt":"2026-06-05T07:32:00","slug":"applications","status":"publish","type":"page","link":"https:\/\/www.harsle.com\/fr\/applications\/","title":{"rendered":"Applications"},"content":{"rendered":"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Applications | HARSLE Sheet Metal Production Line Solutions<\/title>\n  <meta name=\"description\" content=\"Explore HARSLE turnkey sheet metal production lines for AI server racks, data center cabinets, electrical enclosures, liquid cooling cabinets and battery energy storage systems.\" \/>\n  <meta name=\"keywords\" content=\"Sheet Metal Production Line Applications, Server Rack Manufacturing, Data Center Cabinet Line, Electrical Enclosure Line, Liquid Cooling Cabinet, BESS Cabinet Production\" \/>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\" \/>\n  <style>\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    html body section,\n    html body section + section,\n    html body .wp-block-html section,\n    html body .entry-content section,\n    html body .page-content section,\n    html body article section {\n      margin-top: 0 !important;\n      margin-bottom: 0 !important;\n    }\n    html body .wp-block-html,\n    html body .wp-block-html > *:first-child,\n    html body .wp-block-html > *:last-child,\n    html body .entry-content > p:empty,\n    html body .page-content > p:empty {\n      margin: 0 !important;\n      padding: 0 !important;\n    }\n    html body .wp-block-group,\n    html body .wp-block-group__inner-container {\n      gap: 0 !important;\n      margin: 0 !important;\n      padding: 0 !important;\n    }\n\n    :root {\n      --blue:    #0e6cf6;\n      --blue-dk: #0a52c4;\n      --cyan:    #00d4ff;\n      --dark:    #080e1a;\n      --dark2:   #0d1526;\n      --dark3:   #111c34;\n      --card-bg: #0f1e3a;\n      --border:  rgba(0,212,255,.18);\n      --text:    #c8d8f0;\n      --white:   #ffffff;\n    }\n\n    html, body {\n      width: 100%;\n      scroll-behavior: smooth;\n    }\n\n    body {\n      font-family: 'Inter', sans-serif;\n      background: var(--dark);\n      color: var(--text);\n      line-height: 1.65;\n      overflow-x: hidden;\n    }\n\n    section {\n      width: 100%;\n      margin: 0;\n      display: block;\n    }\n\n    \/* \u2550\u2550 WordPress Full-Width Breakout \u2550\u2550 *\/\n    #harsle-applications {\n      width: 100vw;\n      margin-left: calc(50% - 50vw);\n      overflow-x: hidden;\n    }\n    html body .entry-content:has(#harsle-applications),\n    html body .post-content:has(#harsle-applications),\n    html body .page-content:has(#harsle-applications),\n    html body .wp-block-html:has(#harsle-applications) {\n      max-width: none !important;\n      width: 100% !important;\n      padding-left: 0 !important;\n      padding-right: 0 !important;\n      margin-left: 0 !important;\n      margin-right: 0 !important;\n    }\n\n    \/* \u2500\u2500 HERO \u2500\u2500 *\/\n    #hero {\n      position: relative;\n      overflow: hidden;\n      background: var(--dark);\n      width: 100%;\n    }\n    .hero-bg {\n      position: absolute;\n      inset: 0;\n      background:\n        linear-gradient(120deg, rgba(8,14,26,.92) 0%, rgba(8,14,26,.82) 55%, rgba(8,14,26,.74) 100%),\n        linear-gradient(180deg, rgba(0,0,0,.28) 0%, rgba(0,0,0,.45) 100%),\n        url('https:\/\/www.harsle.com\/wp-content\/uploads\/2026\/06\/what-is-an-application.jpg') center\/cover no-repeat;\n    }\n    .hero-glow {\n      position: absolute;\n      width: 600px;\n      height: 400px;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      background: radial-gradient(circle, rgba(0,212,255,.06) 0%, transparent 70%);\n      pointer-events: none;\n    }\n    .hero-content {\n      position: relative;\n      z-index: 2;\n      max-width: 900px;\n      margin: 0 auto;\n      width: 100%;\n      padding: 88px 48px 96px;\n      text-align: center;\n    }\n    .hero-badge {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      background: rgba(0,212,255,.1);\n      border: 1px solid var(--border);\n      border-radius: 50px;\n      padding: 6px 18px;\n      font-size: .78rem;\n      font-weight: 600;\n      color: var(--cyan);\n      letter-spacing: 1px;\n      text-transform: uppercase;\n      margin-bottom: 36px;\n    }\n    .hero-badge::before {\n      content: '';\n      width: 8px;\n      height: 8px;\n      background: var(--cyan);\n      border-radius: 50%;\n      animation: pulse 2s infinite;\n    }\n    @keyframes pulse {\n      0%, 100% { opacity: 1; transform: scale(1); }\n      50%       { opacity: .4; transform: scale(1.5); }\n    }\n    .hero-h1 {\n      font-size: clamp(2.8rem, 6vw, 4.2rem);\n      font-weight: 900;\n      color: var(--white);\n      line-height: 1.12;\n      margin-bottom: 32px;\n      letter-spacing: -.02em;\n    }\n    .hero-h1 .accent { color: var(--cyan); }\n    .hero-sub {\n      font-size: 1.12rem;\n      color: var(--text);\n      max-width: 720px;\n      margin: 0 auto 28px;\n      font-weight: 500;\n      letter-spacing: .2px;\n      line-height: 1.75;\n    }\n    \/* \u2500\u2500 APPLICATIONS GRID \u2500\u2500 *\/\n    #applications {\n      background: #ffffff;\n      padding: 96px 0 110px;\n      width: 100%;\n      max-width: 1200px;\n      margin: 0 auto;\n    }\n    .container {\n      width: 100%;\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 48px;\n    }\n    .section-label {\n      display: inline-block;\n      font-size: .72rem;\n      font-weight: 700;\n      color: var(--cyan);\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      margin-bottom: 14px;\n    }\n    .section-title {\n      font-size: clamp(1.7rem, 3.5vw, 2.4rem);\n      font-weight: 800;\n      color: var(--dark);\n      margin-bottom: 16px;\n      line-height: 1.2;\n    }\n    .section-sub {\n      font-size: .97rem;\n      color: #5a6a82;\n      max-width: 600px;\n    }\n    .title-block {\n      margin-bottom: 56px;\n    }\n\n    .app-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 28px;\n    }\n\n    .app-card {\n      background: #ffffff;\n      border: 1px solid rgba(0,0,0,.08);\n      border-radius: 14px;\n      overflow: hidden;\n      text-decoration: none;\n      color: inherit;\n      display: flex;\n      flex-direction: column;\n      transition: transform .25s, box-shadow .25s, border-color .25s;\n      position: relative;\n      box-shadow: 0 2px 12px rgba(0,0,0,.06);\n    }\n    .app-card::before {\n      content: '';\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 3px;\n      background: linear-gradient(90deg, var(--blue), var(--cyan));\n      opacity: 0;\n      transition: opacity .25s;\n      z-index: 1;\n    }\n    .app-card:hover {\n      transform: translateY(-6px);\n      box-shadow: 0 12px 36px rgba(14,108,246,.14);\n      border-color: rgba(14,108,246,.25);\n    }\n    .app-card:hover::before { opacity: 1; }\n\n    .app-card-img-wrap {\n      overflow: hidden;\n      background: #e8edf4;\n    }\n    .app-card-img {\n      width: 100%;\n      aspect-ratio: 4 \/ 3;\n      object-fit: cover;\n      display: block;\n      transition: transform .35s;\n    }\n    .app-card:hover .app-card-img { transform: scale(1.04); }\n\n    .app-card-body {\n      padding: 24px 24px 28px;\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n    }\n    .app-card h3 {\n      font-size: 1.05rem;\n      font-weight: 700;\n      color: var(--dark);\n      margin-bottom: 10px;\n      line-height: 1.35;\n    }\n    .app-card p {\n      font-size: .88rem;\n      color: #5a6a82;\n      flex: 1;\n      margin-bottom: 18px;\n    }\n    .app-card-link {\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n      font-size: .85rem;\n      font-weight: 600;\n      color: var(--blue);\n      transition: gap .2s;\n    }\n    .app-card:hover .app-card-link { gap: 10px; }\n    .app-card-link svg {\n      width: 16px;\n      height: 16px;\n      flex-shrink: 0;\n    }\n\n    \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n    @media (max-width: 1024px) {\n      .app-grid { grid-template-columns: repeat(2, 1fr); }\n    }\n    @media (max-width: 768px) {\n      .hero-content { padding: 72px 24px 80px; }\n      .hero-badge { margin-bottom: 28px; }\n      .hero-h1 { margin-bottom: 24px; }\n      .hero-sub { margin-bottom: 0; font-size: 1.02rem; }\n      .container { padding: 0 24px; }\n      #applications { padding: 72px 0 80px; }\n      .title-block { margin-bottom: 40px; }\n    }\n    @media (max-width: 560px) {\n      .app-grid { grid-template-columns: 1fr; }\n      .hero-h1 { font-size: clamp(2.2rem, 9vw, 2.8rem); }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<div id=\"harsle-applications\">\n\n<!-- \u2500\u2500 HERO \u2500\u2500 -->\n<section id=\"hero\">\n  <div class=\"hero-bg\"><\/div>\n  <div class=\"hero-glow\"><\/div>\n  <div class=\"hero-content\">\n    <div class=\"hero-badge\">HARSLE Manufacturing Solutions<\/div>\n    <h1 class=\"hero-h1\">Industrie <span class=\"accent\">Applications<\/span><\/h1>\n    <p class=\"hero-sub\">Turnkey sheet metal production lines engineered for the world&#8217;s fastest-growing manufacturing sectors \u2014 from AI infrastructure and hyperscale data centers to grid-scale energy storage.<\/p>\n  <\/div>\n<\/section>\n\n<!-- \u2500\u2500 APPLICATIONS CARDS \u2500\u2500 -->\n<section id=\"applications\">\n  <div class=\"container\">\n    <div class=\"title-block\">\n      <span class=\"section-label\">Our Solutions<\/span>\n      <h2 class=\"section-title\">Production Line Applications<\/h2>\n      <p class=\"section-sub\">Select an application to explore the complete manufacturing process, equipment lineup and turnkey line configuration.<\/p>\n    <\/div>\n\n    <div class=\"app-grid\">\n\n      <a href=\"\/fr\/ai-server-rack-production-line\/\" class=\"app-card\">\n        <div class=\"app-card-img-wrap\">\n          <img decoding=\"async\"\n            class=\"app-card-img\"\n            src=\"https:\/\/www.harsle.com\/wp-content\/uploads\/2026\/06\/Server-Rack-Production-Line.jpg\"\n            alt=\"AI Server Rack Production Line\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"app-card-body\">\n          <h3>AI Server Rack Production Line<\/h3>\n          <p>Build high-precision AI server racks with automated sheet metal manufacturing \u2014 laser cutting, bending, welding and assembly.<\/p>\n          <span class=\"app-card-link\">\n            View Solution\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n          <\/span>\n        <\/div>\n      <\/a>\n\n      <a href=\"\/fr\/data-center-cabinet-production-line\/\" class=\"app-card\">\n        <div class=\"app-card-img-wrap\">\n          <img decoding=\"async\"\n            class=\"app-card-img\"\n            src=\"https:\/\/www.harsle.com\/wp-content\/uploads\/2026\/06\/Data-Center-Cabinet.jpg\"\n            alt=\"Data Center Cabinet Production Line\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"app-card-body\">\n          <h3>Data Center Cabinet Production Line<\/h3>\n          <p>Turnkey sheet metal solutions for server cabinets, network racks and colocation enclosures with precision punching and bending.<\/p>\n          <span class=\"app-card-link\">\n            View Solution\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n          <\/span>\n        <\/div>\n      <\/a>\n\n      <a href=\"\/fr\/electrical-enclosure-manufacturing-line\/\" class=\"app-card\">\n        <div class=\"app-card-img-wrap\">\n          <img decoding=\"async\"\n            class=\"app-card-img\"\n            src=\"https:\/\/www.harsle.com\/wp-content\/uploads\/2026\/06\/Electrical-Enclosure-Manufacturing.jpg\"\n            alt=\"Electrical Enclosure Manufacturing Line\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"app-card-body\">\n          <h3>Electrical Enclosure Manufacturing Line<\/h3>\n          <p>Complete line for control panels, MCC cabinets, distribution boxes and switchgear enclosures with panel bending and laser cutting.<\/p>\n          <span class=\"app-card-link\">\n            View Solution\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n          <\/span>\n        <\/div>\n      <\/a>\n\n      <a href=\"\/fr\/liquid-cooling-cabinet-production-line\/\" class=\"app-card\">\n        <div class=\"app-card-img-wrap\">\n          <img decoding=\"async\"\n            class=\"app-card-img\"\n            src=\"https:\/\/www.harsle.com\/wp-content\/uploads\/2026\/06\/Liquid-Cooling-Cabinet-1.jpg\"\n            alt=\"Liquid Cooling Cabinet Production Line\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"app-card-body\">\n          <h3>Liquid Cooling Cabinet Production Line<\/h3>\n          <p>Turnkey line for CDU enclosures, rear-door heat exchangers, manifold panels and AI liquid-cooled racks.<\/p>\n          <span class=\"app-card-link\">\n            View Solution\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n          <\/span>\n        <\/div>\n      <\/a>\n\n      <a href=\"\/fr\/battery-energy-storage-cabinet-production-line\/\" class=\"app-card\">\n        <div class=\"app-card-img-wrap\">\n          <img decoding=\"async\"\n            class=\"app-card-img\"\n            src=\"https:\/\/www.harsle.com\/wp-content\/uploads\/2026\/06\/Battery-Energy-Storage-Cabinet-1.jpg\"\n            alt=\"Battery Energy Storage Cabinet Production Line\"\n            loading=\"lazy\"\n          \/>\n        <\/div>\n        <div class=\"app-card-body\">\n          <h3>Battery Energy Storage Cabinet Production Line<\/h3>\n          <p>Complete line for outdoor BESS containers, commercial ESS cabinets, PCS enclosures and battery rack housings.<\/p>\n          <span class=\"app-card-link\">\n            View Solution\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"\/><path d=\"m12 5 7 7-7 7\"\/><\/svg>\n          <\/span>\n        <\/div>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/div>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Applications | HARSLE Sheet Metal Production Line Solutions HARSLE Manufacturing Solutions Industry Applications Turnkey sheet metal production lines engineered for<\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-85743","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.harsle.com\/fr\/wp-json\/wp\/v2\/pages\/85743","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.harsle.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.harsle.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.harsle.com\/fr\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.harsle.com\/fr\/wp-json\/wp\/v2\/comments?post=85743"}],"version-history":[{"count":0,"href":"https:\/\/www.harsle.com\/fr\/wp-json\/wp\/v2\/pages\/85743\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.harsle.com\/fr\/wp-json\/wp\/v2\/media?parent=85743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}