{"id":1891,"date":"2026-02-09T11:07:12","date_gmt":"2026-02-09T03:07:12","guid":{"rendered":"https:\/\/nenghui.com\/?page_id=1891"},"modified":"2026-03-30T15:55:19","modified_gmt":"2026-03-30T07:55:19","slug":"pros","status":"publish","type":"page","link":"https:\/\/nenghui.com\/fr\/pros\/","title":{"rendered":"produits"},"content":{"rendered":"<style>\n        \/* Custom scrollbar for horizontal scrolling elements *\/\n    .hide-scrollbar::-webkit-scrollbar {\n            display: none;\n        }\n        .hide-scrollbar {\n            -ms-overflow-style: none;\n            scrollbar-width: none;\n        }\n        \n        \/* Smooth Scrolling *\/\n        html {\n            scroll-behavior: smooth;\n        }\n\n        \/* Card Hover Effects *\/\n        .product-card {\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            position: relative; \/* \u786e\u4fdd z-index \u751f\u6548 *\/\n            z-index: 10;\n        }\n        .product-card:hover {\n            transform: translateY(-8px);\n             z-index: 30; \/* \u4f4e\u4e8e filter \u7684 40 *\/\n        }\n\n    <\/style>\n\n\n\n<div class=\"bg-background-light dark:bg-background-dark text-[#111318] dark:text-white font-sans transition-colors duration-200  pt-[80px] hide-scrollbar\">\n<main class=\"max-w-[1280px] mx-auto px-4 sm:px-6 lg:px-8 py-8 flex flex-col flex-1 min-h-screen\">\n\n    <!-- Page Heading & Intro (\u5e03\u5c40\u4f18\u5316\uff1a\u5782\u76f4\u6392\u5217) -->\n    <div class=\"max-w-4xl mb-10\" data-aos=\"fade-right\" data-aos-delay=\"200\">\n        <h1 class=\"text-[#111318] dark:text-white text-4xl md:text-[2.66rem] leading-tight tracking-tight mb-4 bg-clip-text text-transparent bg-gradient-to-r from-gray-900 to-gray-600 dark:from-white dark:to-gray-400\">\n            Stockage d&#039;\u00e9nergie haute performance\n        <\/h1>\n        <p class=\"text-[#5f6e8c] dark:text-gray-400 text-[1rem] font-normal leading-relaxed max-w-2xl\">\n            Des syst\u00e8mes d&#039;alimentation de secours r\u00e9sidentiels aux r\u00e9seaux \u00e9lectriques \u00e0 grande \u00e9chelle, d\u00e9couvrez nos solutions de batteries LFP et \u00e0 semi-conducteurs con\u00e7ues pour une efficacit\u00e9 maximale.\n        <\/p>\n    <\/div>\n\n    <!-- Filter Section (\u5168\u65b0\u8bbe\u8ba1\uff1a\u652f\u6301\u591a\u884c\u5c55\u793a + \u79fb\u52a8\u7aef\u6ed1\u52a8) -->\n    <div id=\"filter-sticky-wrapper\" class=\"sticky top-[80px] z-40 mb-8 transition-all duration-300 -mx-4 px-4 sm:mx-0 sm:px-0 rounded-b-xl\">\n    \n    <!-- Visual Background Container (\u7528\u4e8e\u627f\u8f7d\u80cc\u666f\u8272\u548c\u6a21\u7cca) -->\n    <div class=\"absolute inset-0 bg-background-light\/95 dark:bg-background-dark\/95 backdrop-blur-md transition-opacity duration-300 opacity-90 border-b border-transparent\" id=\"filter-bg\"><\/div>\n\n    <!-- Content Container -->\n    <div class=\"relative max-w-[1280px] mx-auto py-3\">\n        \n        <!-- Filter Label & Controls -->\n        <div class=\"flex items-center justify-between mb-2 px-1\">\n            <span class=\"text-[10px] font-extrabold tracking-widest text-gray-500 dark:text-gray-400 uppercase flex items-center gap-1\">\n                <span class=\"material-symbols-outlined text-[14px]\">\ue429<\/span>\n                Filtrer par cat\u00e9gorie\n            <\/span>\n            <div class=\"hidden sm:flex gap-2\">\n                <span class=\"text-xs text-gray-400 font-mono\" id=\"item-count-display\">Affichage de 5 articles<\/span>\n            <\/div>\n        <\/div>\n\n        <!-- Scroll\/Wrap Container -->\n        <div class=\"relative group\/filters\">\n            <!-- Mobile Left Fade Mask -->\n            <div class=\"absolute left-0 top-0 bottom-0 w-8 bg-gradient-to-r from-[#f8fcfa] dark:from-[#10221c] to-transparent z-10 pointer-events-none md:hidden transition-colors duration-300\" id=\"mask-left\"><\/div>\n            \n            <!-- Buttons Grid -->\n            <!-- py-2 -my-2: \u9632\u6b62\u6309\u94ae\u653e\u5927\u88ab\u88c1\u526a\uff0c\u540c\u65f6\u4fdd\u6301\u7d27\u51d1 -->\n            <div class=\"flex overflow-x-auto md:flex-wrap gap-3 py-2 -my-2 px-2 -mx-2 hide-scrollbar scroll-smooth snap-x items-center\">\n                \n                <!-- Chip: All  -->\n                <button onclick=\"filterSelection('all', this)\" class=\"filter-btn active snap-start shrink-0 relative flex items-center gap-2 pl-4 pr-5 h-10 rounded-full border transition-all duration-300 group\" data-filter=\"all\">\n                    <span class=\"text-sm tracking-wide\">Tous les syst\u00e8mes<\/span>\n                    <span class=\"count-badge flex items-center justify-center h-5 min-w-[20px] px-1.5 rounded-full text-[10px]\">5<\/span>\n                <\/button>\n\n          \n                <button onclick=\"filterSelection('residential', this)\" class=\"filter-btn snap-start shrink-0 flex items-center gap-2 pl-4 pr-4 h-10 rounded-full border border-[#e5e7eb] dark:border-[#374151] bg-white dark:bg-[#1f2937] text-[#5f6e8c] dark:text-gray-300 transition-all duration-300 hover:scale-105 active:scale-95 hover:shadow-lg hover:border-primary z-0 hover:z-10\" data-filter=\"residential\">\n                    <span class=\"font-medium text-sm\"> Syst\u00e8mes de stockage d&#039;\u00e9nergie intelligents<\/span>\n                    <!-- <span class=\"text-xs text-gray-400 group-hover:text-primary\">5-20kWh<\/span> -->\n                <\/button>\n\n             <!--    \n                <button onclick=\"filterSelection('commercial', this)\" class=\"filter-btn snap-start shrink-0 flex items-center gap-2 pl-4 pr-4 h-10 rounded-full border border-[#e5e7eb] dark:border-[#374151] bg-white dark:bg-[#1f2937] text-[#5f6e8c] dark:text-gray-300 transition-all duration-300 hover:scale-105 active:scale-95 hover:shadow-lg hover:border-primary z-0 hover:z-10\" data-filter=\"commercial\">\n                    <span class=\"font-medium text-sm\">Commercial<\/span>\n                    <span class=\"text-xs text-gray-400 group-hover:text-primary\">50-200kWh<\/span>\n                <\/button>\n\n    \n                <button onclick=\"filterSelection('industrial', this)\" class=\"filter-btn snap-start shrink-0 flex items-center gap-2 pl-4 pr-4 h-10 rounded-full border border-[#e5e7eb] dark:border-[#374151] bg-white dark:bg-[#1f2937] text-[#5f6e8c] dark:text-gray-300 transition-all duration-300 hover:scale-105 active:scale-95 hover:shadow-lg hover:border-primary z-0 hover:z-10\" data-filter=\"industrial\">\n                    <span class=\"font-medium text-sm\">Industrial<\/span>\n                    <span class=\"text-xs text-gray-400 group-hover:text-primary\">MWh+<\/span>\n                <\/button>\n\n              \n                <button onclick=\"filterSelection('portable', this)\" class=\"filter-btn snap-start shrink-0 flex items-center gap-2 pl-4 pr-4 h-10 rounded-full border border-[#e5e7eb] dark:border-[#374151] bg-white dark:bg-[#1f2937] text-[#5f6e8c] dark:text-gray-300 transition-all duration-300 hover:scale-105 active:scale-95 hover:shadow-lg hover:border-primary z-0 hover:z-10\" data-filter=\"portable\">\n                    <span class=\"material-symbols-outlined text-[18px]\">&#xea12;<\/span>\n                    <span class=\"font-medium text-sm\">Portable<\/span>\n                <\/button> -->\n            <\/div>\n\n            <!-- Mobile Right Fade Mask -->\n            <div class=\"absolute right-0 top-0 bottom-0 w-12 bg-gradient-to-l from-[#f8fcfa] dark:from-[#10221c] to-transparent z-10 pointer-events-none md:hidden transition-colors duration-300\" id=\"mask-right\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n    <!-- Waterfall Grid (Masonry Layout) - \u4fdd\u6301\u539f\u6709\u4ee3\u7801\uff0c\u8fd9\u91cc\u4e0d\u518d\u91cd\u590d -->\n    <div  id=\"product-grid\" class=\"columns-1 md:columns-2 lg:columns-3 gap-6 space-y-6 pb-12\"> \n\n        <!-- Card 1: Residential Standard \n        <div data-category=\"residential\" class=\"product-card break-inside-avoid bg-white dark:bg-card-dark rounded-xl overflow-hidden border border-[#e5e7eb] dark:border-[#2a3441] shadow-sm hover:shadow-card-hover hover:border-primary\/40 group\" data-aos=\"fade-up\" data-aos-delay=\"0\">\n            <div class=\"relative h-64 w-full bg-gradient-to-b from-[#787878] to-white dark:bg-[#111318] flex items-center justify-center p-6 group-hover:bg-primary\/5 transition-colors duration-500\">\n                <div class=\"absolute top-4 right-4 bg-white\/90 dark:bg-[#2a3441]\/90 backdrop-blur text-primary text-xs  px-2.5 py-1 rounded shadow-sm border border-primary\/10 z-10\">\n                    \u226593% Efficiency\n                <\/div>\n                <div class=\"w-full h-full bg-center bg-no-repeat bg-contain transform group-hover:scale-105 transition-transform duration-500\" data-alt=\"Modern white wall-mounted battery unit\" style=\"background-image: url('https:\/\/nenghui.com\/wp-content\/uploads\/2025\/12\/418372.jpg');\"><\/div>\n            <\/div>\n            <div class=\"p-6\">\n                <div class=\"flex justify-between items-start mb-2\">\n                    <h3 class=\"text-xl  font-display text-[#111318] dark:text-white group-hover:text-primary transition-colors\">NB418L<\/h3>\n                    <button class=\"text-gray-400 hover:text-primary transition-colors\">\n                        <span class=\"material-symbols-outlined\">&#xe867;<\/span>\n                    <\/button>\n                <\/div>\n                <div class=\"grid grid-cols-2 gap-y-3 gap-x-4 mb-5 text-sm\">\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase tracking-wider\">Rated Energy<\/p>\n                        <p class=\" dark:text-gray-200\">418 kWh<\/p>\n                    <\/div>\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase tracking-wider\">Cycle Life<\/p>\n                        <p class=\" dark:text-gray-200\">8,000 times<\/p>\n                    <\/div>\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase tracking-wider\">DoD<\/p>\n                        <p class=\" dark:text-gray-200\">95%(25\u00b12\u2103)\uff0c0.5P<\/p>\n                    <\/div>\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase tracking-wider\">Rated Voltage<\/p>\n                        <p class=\" dark:text-gray-200\">1331.2Vdc<\/p>\n                    <\/div>\n                <\/div>\n                <p class=\"text-[#5f6e8c] dark:text-gray-400 text-sm leading-relaxed mb-6 line-clamp-4\">\n                    Nenghui liquid-cooled battery cabinet adopts an advanced cabinet-level liquid cooling and temperature balancing strategy. The cell temperature difference is less than 3\u00b0C, which further improves the consistency of cell temperature and extends the battery life. The modular design makes the parallel solution more flexible and can be combined with the centralized PCS to form an ESS with higher energy density, which significantly improves the economy, safety and construction convenience of ESS projects.\n                <\/p>\n                <a href=\"https:\/\/nenghui.com\/products\/ne418l\/\">\n                     <button class=\"w-full flex items-center justify-center gap-2 h-11 rounded-lg bg-[#f0f1f5] dark:bg-[#2a3441] text-[#111318] dark:text-white text-sm  hover:bg-[#e0e2e8] dark:hover:bg-[#374151] transition-all group-hover:bg-primary group-hover:text-white group-hover:shadow-glow\">\n                        <span>View Datasheet<\/span>\n                        <span class=\"material-symbols-outlined text-[18px] group-hover:translate-x-1 transition-transform\">&#xe5c8;<\/span>\n                    <\/button>\n                <\/a>\n               \n            <\/div>\n        <\/div>\n        -->\n <div data-category=\"residential\" class=\"product-card break-inside-avoid bg-white dark:bg-card-dark rounded-xl overflow-hidden border border-[#e5e7eb] dark:border-[#2a3441] shadow-sm hover:shadow-card-hover hover:border-primary\/40 group\" data-aos=\"fade-up\" data-aos-delay=\"0\">\n            <div class=\"skeleton-wrapper relative h-64 w-full bg-gradient-to-b from-[#787878] to-white dark:from-[#333] dark:to-[#111318] flex items-center justify-center p-6 transition-all duration-500 group-hover:from-[#666666] group-hover:to-[#e6fcf5]\">\n                <div class=\"absolute top-4 right-4 bg-white\/90 dark:bg-[#2a3441]\/90 backdrop-blur text-[#295ca8] text-xs  px-2.5 py-1 rounded shadow-sm border border-primary\/10 z-10\">\n                    \u226593% Efficacit\u00e9\n                <\/div>\n                <div class=\"lazy-target w-full h-full bg-center bg-no-repeat bg-contain transform group-hover:scale-105 transition-transform duration-500\" data-alt=\"Liquid-cooled Battery Cabinet 418kWh\" \n                data-bg=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/product-NB418L-scaled.jpg\"><\/div>\n            <\/div>\n            <div class=\"p-5\">\n                <div class=\"flex justify-between items-start mb-2\">\n                    <h3 class=\"text-3xl   text-[#111318] dark:text-white group-hover:text-primary transition-colors\">NB418L<\/h3>\n                    <!-- <button class=\"text-gray-400 hover:text-primary transition-colors\">\n                        <span class=\"material-symbols-outlined\">bookmark_border<\/span>\n                    <\/button> -->\n                <\/div>\n                <div class=\"grid grid-cols-2 gap-y-3 gap-x-4 mb-5 text-sm\">\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase tracking-wider\">\u00c9nergie du syst\u00e8me<\/p>\n                        <p class=\"dark:text-gray-200\">418 kWh<\/p>\n                    <\/div>\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase tracking-wider\">Cycle de vie<\/p>\n                        <p class=\"dark:text-gray-200\">8 000 fois<\/p>\n                    <\/div>\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase tracking-wider\">Gestion thermique<\/p>\n                        <p class=\"dark:text-gray-200\">Refroidissement par liquide<\/p>\n                    <\/div>\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase tracking-wider\">Indice de r\u00e9sistance \u00e0 la p\u00e9n\u00e9tration<\/p>\n                        <p class=\"dark:text-gray-200\">IP55\/IP65<\/p>\n                    <\/div>\n                <\/div>\n                <p class=\"text-[#5f6e8c] dark:text-gray-400 text-sm leading-relaxed mb-6 line-clamp-4\">\n                    L'armoire ESS tout-en-un \u00e0 refroidissement liquide de Nenghui adopte une strat\u00e9gie avanc\u00e9e de refroidissement liquide au niveau de l'armoire et d'\u00e9quilibrage de la temp\u00e9rature. La diff\u00e9rence de temp\u00e9rature des cellules est inf\u00e9rieure \u00e0 3\u00b0C, ce qui am\u00e9liore encore la coh\u00e9rence de la temp\u00e9rature des cellules et prolonge la dur\u00e9e de vie de la batterie. La conception modulaire rend la solution parall\u00e8le plus flexible et offre une densit\u00e9 \u00e9nerg\u00e9tique plus \u00e9lev\u00e9e, ce qui am\u00e9liore consid\u00e9rablement l'\u00e9conomie, la s\u00e9curit\u00e9 et la facilit\u00e9 de construction des projets ESS.\n                <\/p>\n                <a href=\"\/fr\/products\/ne418l\/\">\n                     <button class=\"w-full flex items-center justify-center gap-2 h-11 rounded-lg bg-[#f0f1f5] dark:bg-[#2a3441] text-[#111318] dark:text-white text-sm  hover:bg-[#e0e2e8] dark:hover:bg-[#374151] transition-all group-hover:bg-primary group-hover:text-white group-hover:shadow-glow\">\n                        <span>Consulter la fiche technique<\/span>\n                        <span class=\"material-symbols-outlined text-[18px] group-hover:translate-x-1 transition-transform\">\ue5c8<\/span>\n                    <\/button>\n                <\/a>\n               \n            <\/div>\n        <\/div>\n        <!-- Card 2: Industrial High Capacity \n        <div data-category=\"residential\" class=\"product-card break-inside-avoid bg-white dark:bg-card-dark rounded-xl overflow-hidden border border-[#e5e7eb] dark:border-[#2a3441] shadow-sm hover:shadow-card-hover hover:border-primary\/40 group\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n            <div class=\"relative h-72 w-full bg-gradient-to-b from-[#787878] to-white dark:bg-[#111318] flex items-center justify-center p-6 group-hover:bg-primary\/5 transition-colors duration-500\">\n                <div class=\"absolute top-4 right-4 bg-white\/90 dark:bg-[#2a3441]\/90 backdrop-blur text-primary text-xs  px-2.5 py-1 rounded shadow-sm border border-primary\/10 z-10\">\n                    90% Efficiency\n                <\/div>\n                <div class=\"w-full h-full bg-center bg-no-repeat bg-contain transform group-hover:scale-105 transition-transform duration-500\" data-alt=\"Large industrial battery cabinet array\" style=\"background-image: url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/product-NE233L-scaled.jpg');\"><\/div>\n            <\/div>\n            <div class=\"p-6\">\n                <h3 class=\"text-xl  font-display text-[#111318] dark:text-white mb-3 group-hover:text-primary transition-colors\">NE233L<\/h3>\n                <div class=\"flex flex-wrap gap-2 mb-4\">\n                    <span class=\"inline-flex items-center px-2.5 py-1 rounded bg-blue-50 dark:bg-blue-900\/30 text-xs font-medium text-blue-700 dark:text-blue-300 border border-blue-100 dark:border-blue-800\">\u226475dB<\/span>\n                    <span class=\"inline-flex items-center px-2.5 py-1 rounded bg-blue-50 dark:bg-blue-900\/30 text-xs font-medium text-blue-700 dark:text-blue-300 border border-blue-100 dark:border-blue-800\">\tActive liquid cooling<\/span>\n                <\/div>\n                <div class=\"space-y-3 mb-6 bg-gray-50 dark:bg-[#1f2937]\/50 p-4 rounded-lg\">\n                    <div class=\"flex justify-between items-center border-b border-dashed border-gray-200 dark:border-gray-700 pb-2\">\n                        <span class=\"text-sm text-[#5f6e8c] dark:text-gray-400\">Battery System<\/span>\n                        <span class=\"text-sm font-mono  dark:text-gray-200\">232.96kWh\/1P260S<\/span>\n                    <\/div>\n                    <div class=\"flex justify-between items-center border-b border-dashed border-gray-200 dark:border-gray-700 pb-2 pt-1\">\n                        <span class=\"text-sm text-[#5f6e8c] dark:text-gray-400\">DoD<\/span>\n                        <span class=\"text-sm font-mono  dark:text-gray-200\">95% (25\u00b12\u2103)<\/span>\n                    <\/div>\n                    <div class=\"flex justify-between items-center pt-1\">\n                        <span class=\"text-sm text-[#5f6e8c] dark:text-gray-400\">Cycle Life<\/span>\n                        <span class=\"text-sm font-mono  dark:text-gray-200\">>8000 times<\/span>\n                    <\/div>\n                <\/div>\n                <p class=\"text-[#5f6e8c] dark:text-gray-400 text-sm leading-relaxed mb-6 line-clamp-4\">\n                    Nenghui all-in-one liquid-cooled ESS cabinet adopts advanced cabinet-level liquid cooling and temperature balancing strategy. The cell temperature difference is less than 3\u00b0C, which further improves the consistency of cell temperature and extends the battery life. The modular design makes the parallel solution more flexible and has a higher energy density, which significantly improves the economy, safety and construction convenience of ESS projects.\n                <\/p>\n                 <a href=\"https:\/\/nenghui.com\/products\/ne233l\/\">\n                     <button class=\"w-full flex items-center justify-center gap-2 h-11 rounded-lg bg-[#f0f1f5] dark:bg-[#2a3441] text-[#111318] dark:text-white text-sm  hover:bg-[#e0e2e8] dark:hover:bg-[#374151] transition-all group-hover:bg-primary group-hover:text-white group-hover:shadow-glow\">\n                        <span>View Datasheet<\/span>\n                        <span class=\"material-symbols-outlined text-[18px] group-hover:translate-x-1 transition-transform\">&#xe5c8;<\/span>\n                    <\/button>\n                <\/a>\n            <\/div>\n        <\/div>-->\n           <div data-category=\"residential\" class=\"product-card break-inside-avoid bg-white dark:bg-card-dark rounded-xl overflow-hidden border border-[#e5e7eb] dark:border-[#2a3441] shadow-sm hover:shadow-card-hover hover:border-primary\/40 group\" data-aos=\"fade-up\" data-aos-delay=\"0\">\n            <div class=\"skeleton-wrapper relative h-64 w-full bg-gradient-to-b from-[#787878] to-white dark:from-[#333] dark:to-[#111318] flex items-center justify-center p-6 transition-all duration-500 group-hover:from-[#666666] group-hover:to-[#e6fcf5]\">\n                <div class=\"absolute top-4 right-4 bg-white\/90 dark:bg-[#2a3441]\/90 backdrop-blur text-[#295ca8] text-xs  px-2.5 py-1 rounded shadow-sm border border-primary\/10 z-10\">\n                    \u226590% Efficacit\u00e9\n                <\/div>\n                <div class=\"lazy-target w-full h-full bg-center bg-no-repeat bg-contain transform group-hover:scale-105 transition-transform duration-500\" data-alt=\"All-in-one Liquid-cooled ESS Cabinet 233kWh\" \n                data-bg=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/product-NE233L-scaled.jpg\"><\/div>\n            <\/div>\n            <div class=\"p-5\">\n                <div class=\"flex justify-between items-start mb-2\">\n                    <h3 class=\"text-3xl  text-[#111318] dark:text-white group-hover:text-primary transition-colors\">NE233L<\/h3>\n                    <!-- <button class=\"text-gray-400 hover:text-primary transition-colors\">\n                        <span class=\"material-symbols-outlined\">bookmark_border<\/span>\n                    <\/button> -->\n                <\/div>\n                <div class=\"grid grid-cols-2 gap-y-3 gap-x-4 mb-5 text-sm\">\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase tracking-wider\">\u00c9nergie du syst\u00e8me<\/p>\n                        <p class=\"dark:text-gray-200\">233 kWh<\/p>\n                    <\/div>\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase tracking-wider\">Cycle de vie<\/p>\n                        <p class=\"dark:text-gray-200\">8 000 fois<\/p>\n                    <\/div>\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase tracking-wider\">Gestion thermique<\/p>\n                        <p class=\"dark:text-gray-200\">Refroidissement par liquide<\/p>\n                    <\/div>\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase tracking-wider\">Indice de r\u00e9sistance \u00e0 la p\u00e9n\u00e9tration<\/p>\n                        <p class=\"dark:text-gray-200\">IP55\/IP65<\/p>\n                    <\/div>\n                <\/div>\n                <p class=\"text-[#5f6e8c] dark:text-gray-400 text-sm leading-relaxed mb-6 line-clamp-4\">\n                    L'armoire ESS tout-en-un \u00e0 refroidissement liquide de Nenghui adopte une strat\u00e9gie avanc\u00e9e de refroidissement liquide au niveau de l'armoire et d'\u00e9quilibrage de la temp\u00e9rature. La diff\u00e9rence de temp\u00e9rature des cellules est inf\u00e9rieure \u00e0 3\u00b0C, ce qui am\u00e9liore encore la coh\u00e9rence de la temp\u00e9rature des cellules et prolonge la dur\u00e9e de vie de la batterie. La conception modulaire rend la solution parall\u00e8le plus flexible et offre une densit\u00e9 \u00e9nerg\u00e9tique plus \u00e9lev\u00e9e, ce qui am\u00e9liore consid\u00e9rablement l'\u00e9conomie, la s\u00e9curit\u00e9 et la facilit\u00e9 de construction des projets ESS.\n                <\/p>\n                <a href=\"\/fr\/products\/ne233l\/\">\n                     <button class=\"w-full flex items-center justify-center gap-2 h-11 rounded-lg bg-[#f0f1f5] dark:bg-[#2a3441] text-[#111318] dark:text-white text-sm  hover:bg-[#e0e2e8] dark:hover:bg-[#374151] transition-all group-hover:bg-primary group-hover:text-white group-hover:shadow-glow\">\n                        <span>Consulter la fiche technique<\/span>\n                        <span class=\"material-symbols-outlined text-[18px] group-hover:translate-x-1 transition-transform\">\ue5c8<\/span>\n                    <\/button>\n                <\/a>\n               \n            <\/div>\n        <\/div>\n\n        <!-- Card 3: Commercial Mid-Range\n        <div data-category=\"residential\" class=\"product-card break-inside-avoid bg-white dark:bg-card-dark rounded-xl overflow-hidden border border-[#e5e7eb] dark:border-[#2a3441] shadow-sm hover:shadow-card-hover hover:border-primary\/40 group\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n            <div class=\"relative h-56 w-full bg-gradient-to-b from-[#787878] to-white dark:bg-[#111318] flex items-center justify-center p-6 group-hover:bg-primary\/5 transition-colors duration-500\">\n                <div class=\"absolute top-4 right-4 bg-white\/90 dark:bg-[#2a3441]\/90 backdrop-blur text-primary text-xs  px-2.5 py-1 rounded shadow-sm border border-primary\/10 z-10\">\n                    90% Efficiency\n                <\/div>\n                <div class=\"w-full h-full bg-center bg-no-repeat bg-contain transform group-hover:scale-105 transition-transform duration-500\" data-alt=\"Grey commercial battery cabinet\" style=\"background-image: url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/01\/261.jpg');\"><\/div>\n            <\/div>\n            <div class=\"p-6\">\n                <h3 class=\"text-xl  font-display text-[#111318] dark:text-white mb-4 group-hover:text-primary transition-colors\">NE261L<\/h3>\n                <div class=\"grid grid-cols-2 gap-y-2 gap-x-4 mb-5 text-sm\">\n                    <div class=\"border-l-2 border-primary\/30 pl-3\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-xs\">Battery System<\/p>\n                        <p class=\" dark:text-gray-200\">261.25kWh\/1P260S<\/p>\n                    <\/div>\n                    <div class=\"border-l-2 border-primary\/30 pl-3\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-xs\">Cycle Life<\/p>\n                        <p class=\" dark:text-gray-200\">8.000 times<\/p>\n                    <\/div>\n                <\/div>\n                <p class=\"text-[#5f6e8c] dark:text-gray-400 text-sm leading-relaxed mb-6 line-clamp-4\">\n                   Nenghui all-in-one liquid-cooled ESS cabinet adopts advanced cabinet-level liquid cooling and temperature balancing strategy. The cell temperature difference is less than 3\u00b0C, which further improves the consistency of cell temperature and extends the battery life. The modular design makes the parallel solution more flexible and has a higher energy density, which significantly improves the economy, safety and construction convenience of ESS projects.\n                <\/p>\n                 <a href=\"https:\/\/nenghui.com\/products\/ne261l\/\">\n                     <button class=\"w-full flex items-center justify-center gap-2 h-11 rounded-lg bg-[#f0f1f5] dark:bg-[#2a3441] text-[#111318] dark:text-white text-sm  hover:bg-[#e0e2e8] dark:hover:bg-[#374151] transition-all group-hover:bg-primary group-hover:text-white group-hover:shadow-glow\">\n                        <span>View Datasheet<\/span>\n                        <span class=\"material-symbols-outlined text-[18px] group-hover:translate-x-1 transition-transform\">&#xe5c8;<\/span>\n                    <\/button>\n                <\/a>\n            <\/div>\n        <\/div>\n        -->\n   <div data-category=\"residential\" class=\"product-card break-inside-avoid bg-white dark:bg-card-dark rounded-xl overflow-hidden border border-[#e5e7eb] dark:border-[#2a3441] shadow-sm hover:shadow-card-hover hover:border-primary\/40 group\" data-aos=\"fade-up\" data-aos-delay=\"0\">\n            <div class=\"skeleton-wrapper relative h-64 w-full bg-gradient-to-b from-[#787878] to-white dark:from-[#333] dark:to-[#111318] flex items-center justify-center p-6 transition-all duration-500 group-hover:from-[#666666] group-hover:to-[#e6fcf5]\">\n                <div class=\"absolute top-4 right-4 bg-white\/90 dark:bg-[#2a3441]\/90 backdrop-blur text-[#295ca8] text-xs  px-2.5 py-1 rounded shadow-sm border border-primary\/10 z-10\">\n                    \u226590% Efficacit\u00e9\n                <\/div>\n                <div class=\"lazy-target w-full h-full bg-center bg-no-repeat bg-contain transform group-hover:scale-105 transition-transform duration-500\" \n                data-alt=\"All-in-one Liquid-cooled ESS Cabinet 261kWh\" \n                data-bg=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/product-NE261L-scaled.jpg\"><\/div>\n            <\/div>\n            <div class=\"p-5\">\n                <div class=\"flex justify-between items-start mb-2\">\n                    <h3 class=\"text-3xl   text-[#111318] dark:text-white group-hover:text-primary transition-colors\">NE261L<\/h3>\n                    <!-- <button class=\"text-gray-400 hover:text-primary transition-colors\">\n                        <span class=\"material-symbols-outlined\">bookmark_border<\/span>\n                    <\/button> -->\n                <\/div>\n                <div class=\"grid grid-cols-2 gap-y-3 gap-x-4 mb-5 text-sm\">\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase tracking-wider\">\u00c9nergie du syst\u00e8me<\/p>\n                        <p class=\"dark:text-gray-200\">261,25 kWh<\/p>\n                    <\/div>\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase tracking-wider\">Cycle de vie<\/p>\n                        <p class=\"dark:text-gray-200\">8 000 fois<\/p>\n                    <\/div>\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase tracking-wider\">Gestion thermique<\/p>\n                        <p class=\"dark:text-gray-200\">Refroidissement par liquide<\/p>\n                    <\/div>\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase tracking-wider\">Indice de r\u00e9sistance \u00e0 la p\u00e9n\u00e9tration<\/p>\n                        <p class=\"dark:text-gray-200\">IP55\/IP67<\/p>\n                    <\/div>\n                <\/div>\n                <p class=\"text-[#5f6e8c] dark:text-gray-400 text-sm leading-relaxed mb-6 line-clamp-4\">\n             L'armoire ESS tout-en-un \u00e0 refroidissement liquide de Nenghui adopte une strat\u00e9gie avanc\u00e9e de refroidissement liquide au niveau de l'armoire et d'\u00e9quilibrage de la temp\u00e9rature. La diff\u00e9rence de temp\u00e9rature des cellules est inf\u00e9rieure \u00e0 3\u00b0C, ce qui am\u00e9liore encore la coh\u00e9rence de la temp\u00e9rature des cellules et prolonge la dur\u00e9e de vie de la batterie. La conception modulaire rend la solution parall\u00e8le plus flexible et offre une densit\u00e9 \u00e9nerg\u00e9tique plus \u00e9lev\u00e9e, ce qui am\u00e9liore consid\u00e9rablement l'\u00e9conomie, la s\u00e9curit\u00e9 et la facilit\u00e9 de construction des projets ESS.\n\n                <\/p>\n                <a href=\"\/fr\/products\/ne261l\/\">\n                     <button class=\"w-full flex items-center justify-center gap-2 h-11 rounded-lg bg-[#f0f1f5] dark:bg-[#2a3441] text-[#111318] dark:text-white text-sm  hover:bg-[#e0e2e8] dark:hover:bg-[#374151] transition-all group-hover:bg-primary group-hover:text-white group-hover:shadow-glow\">\n                        <span>Consulter la fiche technique<\/span>\n                        <span class=\"material-symbols-outlined text-[18px] group-hover:translate-x-1 transition-transform\">\ue5c8<\/span>\n                    <\/button>\n                <\/a>\n               \n            <\/div>\n        <\/div>\n        <!-- Card 4: Portable\/Modular \n        <div data-category=\"residential\" class=\"product-card break-inside-avoid bg-white dark:bg-card-dark rounded-xl overflow-hidden border border-[#e5e7eb] dark:border-[#2a3441] shadow-sm hover:shadow-card-hover hover:border-primary\/40 group\" data-aos=\"fade-up\" data-aos-delay=\"0\">\n            <div class=\"relative h-48 w-full bg-gradient-to-b from-[#787878] to-white dark:bg-[#111318] flex items-center justify-center p-6 group-hover:bg-primary\/5 transition-colors duration-500\">\n                <div class=\"w-full h-full bg-center bg-no-repeat bg-contain transform group-hover:scale-105 transition-transform duration-500\" data-alt=\"Small modular battery block\" style=\"background-image: url('https:\/\/nenghui.com\/wp-content\/uploads\/2026\/01\/upload_1768961014.jpg');\"><\/div>\n            <\/div>\n            <div class=\"p-6\">\n                <div class=\"flex items-center gap-2 mb-3\">\n                    <h3 class=\"text-xl  font-display text-[#111318] dark:text-white group-hover:text-primary transition-colors\">N20HC5000<\/h3>\n                    <span class=\"bg-primary\/10 text-primary text-[10px]  px-2 py-0.5 rounded-full border border-primary\/20 animate-pulse\">NEW<\/span>\n                <\/div>\n                <div class=\"flex items-center gap-4 text-sm mb-4\">\n                    <div class=\"flex items-center gap-1 text-gray-600 dark:text-gray-400\">\n                        <span class=\"material-symbols-outlined text-[18px] text-primary\">&#xe1a3;<\/span>\n                        <span class=\"font-medium\">5015.96kWh<\/span>\n                    <\/div>\n                    <div class=\"flex items-center gap-1 text-gray-600 dark:text-gray-400\">\n                        <span class=\"material-symbols-outlined text-[18px] text-primary\">&#xe9b0;<\/span>\n                        <span class=\"font-medium\">\u226593%@25\u00b13\u2103, 0.5C<\/span>\n                    <\/div>\n                <\/div>\n                <p class=\"text-[#5f6e8c] dark:text-gray-400 text-sm leading-relaxed mb-6 line-clamp-4\">\n                   Nenghui\u2019s N20HC5000 factory-assembled DC battery storage container ships with 12 battery racks on the 5.015MWh 20ft container, power distribution cabinet, fire suppression system and advanced liquid-cooling system. And the module is made up of 1P104S LFP prismatic cells. Each cell undergoes strict quality inspections to ensure high energy density, wide operating temperature range, extended battery life, as well as the highest protection and safety features.\n                <\/p>\n                <a href=\"https:\/\/nenghui.com\/products\/n20hc5000\/\">\n                <button class=\"w-full flex items-center justify-center gap-2 h-11 rounded-lg bg-[#f0f1f5] dark:bg-[#2a3441] text-[#111318] dark:text-white text-sm  hover:bg-[#e0e2e8] dark:hover:bg-[#374151] transition-all group-hover:bg-primary group-hover:text-white group-hover:shadow-glow\">\n                    <span>View Datasheet<\/span>\n                <\/button>\n                <\/a>\n            <\/a>\n            <\/div>\n        <\/div>-->\n        <div data-category=\"residential\" class=\"product-card break-inside-avoid bg-white dark:bg-card-dark rounded-xl overflow-hidden border border-[#e5e7eb] dark:border-[#2a3441] shadow-sm hover:shadow-card-hover hover:border-primary\/40 group\" data-aos=\"fade-up\" data-aos-delay=\"0\">\n            <div class=\"skeleton-wrapper relative h-64 w-full bg-gradient-to-b from-[#787878] to-white dark:from-[#333] dark:to-[#111318] flex items-center justify-center p-6 transition-all duration-500 group-hover:from-[#666666] group-hover:to-[#e6fcf5]\">\n                <div class=\"absolute top-4 right-4 bg-white\/90 dark:bg-[#2a3441]\/90 backdrop-blur text-[#295ca8] text-xs  px-2.5 py-1 rounded shadow-sm border border-primary\/10 z-10\">\n                    \u226593% Efficacit\u00e9\n                <\/div>\n                <div class=\"lazy-target w-full h-full bg-center bg-no-repeat bg-contain transform group-hover:scale-105 transition-transform duration-500\" \n                data-alt=\"Liquid-cooled ESS Container 5MWh\"\n                data-bg=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/02\/product-N20HC5000-scaled.jpg\"><\/div>\n            <\/div>\n            <div class=\"p-5\">\n                <div class=\"flex justify-between items-start mb-2\">\n                    <h3 class=\"text-3xl   text-[#111318] dark:text-white group-hover:text-primary transition-colors\">N20HC5000<\/h3>\n                    <!-- <button class=\"text-gray-400 hover:text-primary transition-colors\">\n                        <span class=\"material-symbols-outlined\">bookmark_border<\/span>\n                    <\/button> -->\n                <\/div>\n                <div class=\"grid grid-cols-2 gap-y-3 gap-x-4 mb-5 text-sm\">\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase tracking-wider\">\u00c9nergie du syst\u00e8me<\/p>\n                        <p class=\"dark:text-gray-200\">5 MWh<\/p>\n                    <\/div>\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase tracking-wider\">Cycle de vie<\/p>\n                        <p class=\"dark:text-gray-200\">8 000 fois<\/p>\n                    <\/div>\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase tracking-wider\">Gestion thermique<\/p>\n                        <p class=\"dark:text-gray-200\">Refroidissement par liquide<\/p>\n                    <\/div>\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase tracking-wider\">Indice de r\u00e9sistance \u00e0 la p\u00e9n\u00e9tration<\/p>\n                        <p class=\"dark:text-gray-200\">IP55\/IP67<\/p>\n                    <\/div>\n                <\/div>\n                <p class=\"text-[#5f6e8c] dark:text-gray-400 text-sm leading-relaxed mb-6 line-clamp-4\">\n                Le conteneur de stockage de batteries CC N20HC5000 de Nenghui, assembl\u00e9 en usine, est livr\u00e9 avec 12 racks de batteries sur le conteneur de 20 pieds de 5,015 MWh, une armoire de distribution d'\u00e9nergie, un syst\u00e8me d'extinction des incendies et un syst\u00e8me de refroidissement liquide avanc\u00e9. Le module est compos\u00e9 de cellules prismatiques 1P104S LFP. Chaque cellule est soumise \u00e0 des contr\u00f4les de qualit\u00e9 stricts afin de garantir une densit\u00e9 \u00e9nerg\u00e9tique \u00e9lev\u00e9e, une large plage de temp\u00e9ratures de fonctionnement, une dur\u00e9e de vie prolong\u00e9e de la batterie, ainsi que les caract\u00e9ristiques de protection et de s\u00e9curit\u00e9 les plus \u00e9lev\u00e9es.\n             <\/p>\n                <a href=\"\/fr\/products\/n20hc5000\/\">\n                     <button class=\"w-full flex items-center justify-center gap-2 h-11 rounded-lg bg-[#f0f1f5] dark:bg-[#2a3441] text-[#111318] dark:text-white text-sm  hover:bg-[#e0e2e8] dark:hover:bg-[#374151] transition-all group-hover:bg-primary group-hover:text-white group-hover:shadow-glow\">\n                        <span>Consulter la fiche technique<\/span>\n                        <span class=\"material-symbols-outlined text-[18px] group-hover:translate-x-1 transition-transform\">\ue5c8<\/span>\n                    <\/button>\n                <\/a>\n               \n            <\/div>\n        <\/div>\n        <!-- Card 5: High Performance Residential -->\n        <div  data-category=\"residential\" class=\"product-card break-inside-avoid bg-white dark:bg-card-dark rounded-xl overflow-hidden border border-[#e5e7eb] dark:border-[#2a3441] shadow-sm hover:shadow-card-hover hover:border-primary\/40 group\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n            <div class=\"skeleton-wrapper relative h-64 w-full bg-gradient-to-b from-[#787878] to-white dark:from-[#333] dark:to-[#111318] flex items-center justify-center p-6 transition-all duration-500 group-hover:from-[#666666] group-hover:to-[#e6fcf5]\">\n                <div class=\"absolute top-4 right-4 bg-white\/90 dark:bg-[#2a3441]\/90 backdrop-blur text-[#295ca8] text-xs  px-2.5 py-1 rounded shadow-sm border border-primary\/10 z-10\">\n                    \u226595% Efficacit\u00e9\n                <\/div>\n                <div class=\"lazy-target w-full h-full bg-center bg-no-repeat bg-contain transform group-hover:scale-105 transition-transform duration-500\" \n                data-alt=\"Max EV Charging Power: 180kW ESS: 261kWh\"\n                data-bg=\"https:\/\/nenghui.com\/wp-content\/uploads\/2026\/03\/NH-ICS180-261-2-1.jpg\"><\/div>\n            <\/div>\n            <div class=\"p-5\">\n                <div class=\"flex items-center gap-2 mb-3\">\n                    <h3 class=\"text-3xl  text-[#111318] dark:text-white group-hover:text-primary transition-colors\">NH-TS-EDB180-261<\/h3>\n                    <span class=\"bg-primary\/10 text-primary text-[10px]  px-2 py-0.5 rounded-full border border-primary\/20 animate-pulse\">NOUVEAU<\/span>\n                <\/div>\n                \n                <div class=\"grid grid-cols-2 gap-y-3 gap-x-4 mb-5 text-sm\">\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded border-l-2 border-primary\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase\">Puissance de charge maximale<\/p>\n                        <p class=\"dark:text-gray-200\">180 kW<\/p>\n                    <\/div>\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded border-l-2 border-primary\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase\">\u00c9nergie de la batterie<\/p>\n                        <p class=\"dark:text-gray-200\">261\/522 kWh<\/p>\n                    <\/div>\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded border-l-2 border-primary\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase\">Cycle de vie <\/p>\n                        <p class=\"dark:text-gray-200\">\u2265 6000 fois<\/p>\n                    <\/div>\n                    <div class=\"bg-gray-50 dark:bg-[#1f2937] p-2 rounded border-l-2 border-primary\">\n                        <p class=\"text-[#5f6e8c] dark:text-gray-500 text-[10px] uppercase\">Indice de protection IP et IK<\/p>\n                        <p class=\"dark:text-gray-200\">IP55 et IK10 (IHM IK8)<\/p>\n                    <\/div>\n                <\/div>\n                <p class=\"text-[#5f6e8c] dark:text-gray-400 text-sm leading-relaxed mb-6 line-clamp-4\">\n                    <!-- Our premium solid-state solution offering higher energy density and improved safety profile in a slimmer form factor. -->\nLa solution int\u00e9gr\u00e9e de charge et de stockage Nenghui ESS-Charger combine la charge rapide en courant continu avec une batterie int\u00e9gr\u00e9e de 261 kWh. Elle permet d&#039;\u00e9cr\u00eater les pointes de consommation et de d\u00e9caler la charge afin de r\u00e9duire l&#039;impact sur le r\u00e9seau et d&#039;am\u00e9liorer la flexibilit\u00e9 op\u00e9rationnelle. Elle offre une charge rapide efficace et fiable (1 x 180 kW ou 2 x 90 kW) tout en restant compatible avec de nombreuses normes de charge internationales. Une plateforme d&#039;exploitation intelligente prend en charge l&#039;int\u00e9gration OCPP, l&#039;\u00e9quilibrage de charge en temps r\u00e9el et la surveillance \u00e0 distance, garantissant une utilisation optimale des ressources et une coordination parfaite avec l&#039;ensemble du r\u00e9seau \u00e9lectrique.\n                <\/p>\n                 <a href=\"\/fr\/products\/nh-ts-edb180-261\/\">\n                    <button class=\"w-full flex items-center justify-center gap-2 h-11 rounded-lg bg-[#f0f1f5] dark:bg-[#2a3441] text-[#111318] dark:text-white text-sm  hover:bg-[#e0e2e8] dark:hover:bg-[#374151] transition-all group-hover:bg-primary group-hover:text-white group-hover:shadow-glow\">\n                        <span>Consulter la fiche technique<\/span>\n                    <\/button>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <!-- Card 6: Containerized Solution \n        <div data-category=\"industrial\" class=\"product-card break-inside-avoid bg-white dark:bg-card-dark rounded-xl overflow-hidden border border-[#e5e7eb] dark:border-[#2a3441] shadow-sm hover:shadow-card-hover hover:border-primary\/40 group\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n            <div class=\"relative h-60 w-full bg-gradient-to-b from-[#787878] to-white dark:bg-[#111318] flex items-center justify-center p-6 group-hover:bg-primary\/5 transition-colors duration-500\">\n                <div class=\"absolute top-4 right-4 bg-white\/90 dark:bg-[#2a3441]\/90 backdrop-blur text-primary text-xs  px-2.5 py-1 rounded shadow-sm border border-primary\/10 z-10\">\n                    98.8% Efficiency\n                <\/div>\n                <div class=\"w-full h-full bg-center bg-no-repeat bg-contain transform group-hover:scale-105 transition-transform duration-500\" data-alt=\"Large containerized battery storage unit\" style=\"background-image: url('https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuAwajVWtqZGN-Iy3zMuc5cgi5QmTCusR3tJKi3-TUU3KyVWshtIWyQq9SAcyl649TG4HCD1B-6mu94RKdIOoEJ9yw7WPsRr55702m2_UCQ1dpxnzjo5M_Kpj_Agqpq64T2mHWJT9pH0fSKDp3He51zUqY5KKve-tPXY3qFPbbmr6sBfcQL52sgERLQbWsykn0TvizQqZ3_Xq0nrnbb6vIQG26Z6q7zJJYRvFqwaUdS1fGBn95-1WPVY_ry1j4J7wZWsI0mvcb7M2-g');\"><\/div>\n            <\/div>\n            <div class=\"p-6\">\n                <h3 class=\"text-xl  font-display text-[#111318] dark:text-white mb-3 group-hover:text-primary transition-colors\">MegaContainer 20ft<\/h3>\n                <div class=\"space-y-3 mb-6 bg-gray-50 dark:bg-[#1f2937]\/50 p-4 rounded-lg\">\n                    <div class=\"flex justify-between items-center border-b border-dashed border-gray-200 dark:border-gray-700 pb-2\">\n                        <span class=\"text-sm text-[#5f6e8c] dark:text-gray-400\">Total Capacity<\/span>\n                        <span class=\"text-sm font-mono  dark:text-gray-200\">2.4 MWh<\/span>\n                    <\/div>\n                    <div class=\"flex justify-between items-center border-b border-dashed border-gray-200 dark:border-gray-700 pb-2 pt-1\">\n                        <span class=\"text-sm text-[#5f6e8c] dark:text-gray-400\">Dimensions<\/span>\n                        <span class=\"text-sm font-mono  dark:text-gray-200\">20' x 8' x 8.6'<\/span>\n                    <\/div>\n                <\/div>\n                <p class=\"text-[#5f6e8c] dark:text-gray-400 text-sm leading-relaxed mb-6\">\n                    Turnkey energy storage in a standard shipping container footprint. Pre-assembled and tested for rapid deployment.\n                <\/p>\n                <button class=\"w-full flex items-center justify-center gap-2 h-11 rounded-lg bg-[#f0f1f5] dark:bg-[#2a3441] text-[#111318] dark:text-white text-sm  hover:bg-[#e0e2e8] dark:hover:bg-[#374151] transition-all group-hover:bg-primary group-hover:text-white group-hover:shadow-glow\">\n                    <span>View Datasheet<\/span>\n                <\/button>\n            <\/div>\n        <\/div>-->\n\n    <\/div>\n\n    <!-- Load More Section \n    <div class=\"flex justify-center pt-8 pb-16\" data-aos=\"zoom-in\" data-aos-offset=\"50\">\n        <button class=\"relative group flex items-center justify-center px-8 py-3 rounded-full bg-primary\/10 hover:bg-primary\/20 dark:bg-primary\/20 dark:hover:bg-primary\/30 transition-all duration-300 active:scale-95\">\n            <div class=\"absolute inset-0 rounded-full border border-primary opacity-20 animate-pulse group-hover:opacity-40\"><\/div>\n            <span class=\"text-primary  text-sm tracking-wide group-hover:scale-105 transition-transform\">LOAD MORE PRODUCTS<\/span>\n        <\/button>\n    <\/div>-->\n\n<\/main>\n\n\n\n\n<\/div>\n\n\n\n<script>\n      \/\/ --- Core Filtering Logic ---\n    function filterSelection(category, clickedBtn) {\n        \/\/ 1. Update Button Visuals\n       \/\/ 1. Update Button Visuals\n        updateButtonStyles(clickedBtn);\n\n        \/\/ 2. Scroll to Top Logic (\u65b0\u589e\u6838\u5fc3\u4ee3\u7801)\n        const grid = document.getElementById('product-grid');\n        const stickyWrapper = document.getElementById('filter-sticky-wrapper');\n        \n        \/\/ \u8ba1\u7b97\u504f\u79fb\u91cf\uff1a\u5bfc\u822a\u680f\u9ad8\u5ea6(64px) + \u7b5b\u9009\u680f\u5f53\u524d\u9ad8\u5ea6 + \u4e00\u70b9\u7f13\u51b2(20px)\n        \/\/ \u8fd9\u91cc\u7684 64 \u5bf9\u5e94 tailwind \u7684 h-16\n        const headerOffset = 64 + (stickyWrapper ? stickyWrapper.offsetHeight : 60); \n        const targetPosition = grid.getBoundingClientRect().top + window.scrollY - headerOffset - 20;\n\n        \/\/ \u53ea\u6709\u5f53\u7528\u6237\u5f53\u524d\u6eda\u52a8\u4f4d\u7f6e \u5927\u4e8e \u76ee\u6807\u4f4d\u7f6e\u65f6\uff08\u5373\u5728\u5217\u8868\u4e0b\u65b9\uff09\uff0c\u624d\u5411\u4e0a\u6eda\u52a8\n        if (window.scrollY > targetPosition) {\n            window.scrollTo({\n                top: targetPosition,\n                behavior: 'smooth'\n            });\n        }\n\n        \/\/ 3. Filter Cards (\u4fdd\u6301\u539f\u6709\u903b\u8f91\uff0c\u589e\u52a0\u4e00\u70b9\u5ef6\u65f6\u8ba9\u6eda\u52a8\u5148\u5f00\u59cb\uff0c\u89c6\u89c9\u66f4\u6d41\u7545)\n        let visibleCount = 0;\n        \n        \/\/ \u4f7f\u7528 setTimeout \u7a0d\u5fae\u5ef6\u540e\u4e00\u70b9 DOM \u64cd\u4f5c\uff0c\u9632\u6b62\u6eda\u52a8\u65f6\u7684\u6389\u5e27\n        setTimeout(() => {\n            productCards.forEach(card => {\n                const cardCategory = card.getAttribute('data-category');\n                const isMatch = (category === 'all' || cardCategory === category);\n                \n                if (isMatch) {\n                    card.classList.remove('hidden');\n                    \/\/ \u5f3a\u5236\u91cd\u7ed8\u52a8\u753b\uff1a\u79fb\u9664 class \u518d\u6dfb\u52a0\n                    card.classList.remove('aos-animate');\n                    setTimeout(() => card.classList.add('aos-animate'), 50); \/\/ \u91cd\u65b0\u89e6\u53d1\u4e0a\u6d6e\u52a8\u753b\n                    visibleCount++;\n                } else {\n                    card.classList.add('hidden');\n                }\n            });\n\n            \/\/ 4. Update UI & AOS\n            updateItemCount(visibleCount);\n            \n            \/\/ \u8fd9\u4e00\u70b9\u5f88\u91cd\u8981\uff1a\u5185\u5bb9\u9ad8\u5ea6\u53d8\u4e86\uff0c\u5fc5\u987b\u5237\u65b0 AOS \u5b9a\u4f4d\n            setTimeout(() => {\n                AOS.refresh(); \n            }, 300); \/\/ \u7a0d\u5fae\u957f\u4e00\u70b9\u7684\u5ef6\u65f6\uff0c\u786e\u4fdd CSS transition \u5b8c\u6210\n        }, 100); \n    }\n  \/\/ Helper: Update Button Styles\n    function updateButtonStyles(activeBtn) {\n        filterBtns.forEach(btn => {\n            \/\/ Reset all to inactive\n            btn.className = btn.className.replace(activeClass, \"\").replace(inactiveClass, \"\"); \/\/ Clean up\n            btn.classList.add(...inactiveClass.split(\" \")); \/\/ Add inactive base\n            \n            \/\/ Reset badge styles\n            const badge = btn.querySelector('.count-badge');\n            if(badge) {\n                badge.className = \"count-badge hidden\"; \/\/ Hide badge on inactive\n            }\n        });\n\n        \/\/ Set active button\n        activeBtn.classList.remove(...inactiveClass.split(\" \"));\n        activeBtn.classList.add(...activeClass.split(\" \"));\n        \n        \/\/ Show badge on active\n        const activeBadge = activeBtn.querySelector('.count-badge');\n        if(activeBadge) {\n            activeBadge.className = \"count-badge flex items-center justify-center h-5 min-w-[20px] px-1.5 rounded-full bg-white\/20 dark:bg-black\/10 text-[10px] font-bold ml-auto\";\n        }\n    }\n \/\/ --- Configuration ---\n    const activeClass = \"bg-[#111318] dark:bg-white text-white dark:text-[#111318] border-transparent shadow-lg shadow-gray-200 dark:shadow-none ring-2 ring-offset-2 ring-transparent\";\n    const inactiveClass = \"bg-white dark:bg-[#1f2937] text-[#5f6e8c] dark:text-gray-300 border-[#e5e7eb] dark:border-[#374151]\";\n    \n    \/\/ Select DOM elements\n    const filterBtns = document.querySelectorAll('.filter-btn');\n    const productCards = document.querySelectorAll('.product-card');\n    const searchInput = document.querySelector('input[type=\"text\"]');\n    const itemCountDisplay = document.getElementById('item-count-display');\n    const loadMoreBtn =  document.querySelector('.load-more-btn');\n\n\n  \n  \n    \/\/ Helper: Update Count Text\n    function updateItemCount(count) {\n        if(itemCountDisplay) {\n            itemCountDisplay.textContent = `Showing ${count} items`;\n        }\n    }\n\n    \/\/ --- Search Logic ---\n    if(searchInput) {\n        searchInput.addEventListener('keyup', (e) => {\n            const searchTerm = e.target.value.toLowerCase();\n            let visibleCount = 0;\n\n            \/\/ When searching, we reset the category filter visually to 'All' usually, \n            \/\/ but for simplicity, we search within the currently visible items or global.\n            \/\/ Here let's search globally.\n            \n            productCards.forEach(card => {\n                const title = card.querySelector('h3').textContent.toLowerCase();\n                const specs = card.textContent.toLowerCase();\n                \n                if (title.includes(searchTerm) || specs.includes(searchTerm)) {\n                    card.classList.remove('hidden');\n                    visibleCount++;\n                } else {\n                    card.classList.add('hidden');\n                }\n            });\n            \n            updateItemCount(visibleCount);\n            AOS.refresh();\n        });\n    }\n\n    \/\/ --- Load More Logic (Simulation) ---\n    \/\/ Note: Add class 'load-more-btn' to your \"Load More\" button in HTML\n    const loadBtn = document.querySelector('button.group'); \/\/ Selecting the load more button\n    \n    if(loadBtn) {\n        \/\/ loadBtn.addEventListener('click', function() {\n        \/\/     const btnContent = this.innerHTML;\n            \n        \/\/     \/\/ 1. Loading State\n        \/\/     this.innerHTML = `<span class=\"material-symbols-outlined animate-spin mr-2\">progress_activity<\/span> Loading...`;\n        \/\/     this.disabled = true;\n\n        \/\/     \/\/ 2. Simulate Network Delay\n        \/\/     setTimeout(() => {\n        \/\/         \/\/ 3. Clone the first 2 visible cards to simulate new data\n        \/\/         const container = document.querySelector('.columns-1');\n        \/\/         const visibleCards = Array.from(productCards).filter(c => !c.classList.contains('hidden'));\n                \n        \/\/         if(visibleCards.length > 0) {\n        \/\/             \/\/ Clone first two found\n        \/\/             for(let i=0; i < Math.min(2, visibleCards.length); i++) {\n        \/\/                 const clone = visibleCards[i].cloneNode(true);\n        \/\/                 \/\/ Update AOS delay for staggering\n        \/\/                 clone.setAttribute('data-aos-delay', (i * 100).toString());\n        \/\/                 container.appendChild(clone);\n        \/\/             }\n                    \n        \/\/             \/\/ Re-query cards so future filters work on new items\n        \/\/             \/\/ Note: In a real app you'd append to the 'productCards' NodeList or use an array\n        \/\/             \/\/ For this static demo, new items won't be filterable unless we re-query DOM.\n        \/\/         }\n\n        \/\/         \/\/ 4. Reset Button\n        \/\/         this.innerHTML = btnContent;\n        \/\/         this.disabled = false;\n                \n        \/\/         \/\/ 5. Refresh Animations\n        \/\/         AOS.refresh();\n                \n        \/\/     }, 1500);\n        \/\/ });\n    }\n\n    document.addEventListener('DOMContentLoaded', () => {\n        AOS.init({\n        duration: 800,   \/\/ \u52a8\u753b\u6301\u7eed\u65f6\u95f4\n        once: true,      \/\/ \u52a8\u753b\u53ea\u89e6\u53d1\u4e00\u6b21\uff0c\u9632\u6b62\u56de\u6eda\u65f6\u91cd\u590d\u89e6\u53d1\n        offset: 100,     \/\/ \u89e6\u53d1\u504f\u79fb\u91cf\n        easing: 'ease-out-cubic', \/\/ \u7f13\u52a8\u51fd\u6570\n    });\n      \n   \n\n\n        const stickyEl = document.getElementById('filter-sticky-wrapper');\n        const filterBg = document.getElementById('filter-bg');\n        \n        \/\/ 1. \u521b\u5efa Sentinel (\u54e8\u5175\u5143\u7d20)\n        const sentinel = document.createElement('div');\n        sentinel.setAttribute('id', 'sticky-sentinel');\n        \/\/ \u628a\u5b83\u63d2\u5165\u5230 sticky \u5143\u7d20\u7684\u524d\u9762\n        stickyEl.parentNode.insertBefore(sentinel, stickyEl);\n        \n        \/\/ 2. \u914d\u7f6e Observer\n        \/\/ rootMargin: -70px (\u5bf9\u5e94 top-16 \u7684 64px \u52a0\u4e0a\u4e00\u70b9\u7f13\u51b2)\n        \/\/ \u610f\u601d\u662f\uff1a\u5f53\u54e8\u5175\u5143\u7d20\u89e6\u78b0\u5230\u9876\u90e8\u4ee5\u4e0b 70px \u7684\u4f4d\u7f6e\u65f6\u89e6\u53d1\n        const observer = new IntersectionObserver((entries) => {\n            entries.forEach(entry => {\n                \/\/ \u5982\u679c\u54e8\u5175\u770b\u4e0d\u89c1\u4e86 (entry.isIntersecting === false)\uff0c\u8bf4\u660e sticky \u5143\u7d20\u5df2\u7ecf\u5438\u9876\n                if (!entry.isIntersecting && entry.boundingClientRect.top < 0) {\n                    \/\/ \u5438\u9876\u72b6\u6001\u6837\u5f0f\n                    filterBg.classList.add('border-gray-200', 'dark:border-gray-800', 'shadow-sm');\n                    filterBg.classList.remove('border-transparent');\n                } else {\n                    \/\/ \u975e\u5438\u9876\u72b6\u6001\u6837\u5f0f\n                    filterBg.classList.remove('border-gray-200', 'dark:border-gray-800', 'shadow-sm');\n                    filterBg.classList.add('border-transparent');\n                }\n            });\n        }, {\n            threshold: 0,\n            rootMargin: '-72px 0px 0px 0px' \/\/ 64px header + 8px buffer\n        });\n\n        observer.observe(sentinel);\n\n\n         updateButtonStyles(document.querySelector('[data-filter=\"all\"]'));\n        updateItemCount(productCards.length);\n    })\n  \n<\/script>","protected":false},"excerpt":{"rendered":"<p>High-Performance Energy Storage From residential backups to utility-scale grids. Explore our LFP and Solid-State battery solutions designed for maximum efficiency. &#xe429; Filter by Category Showing 5 items All Systems 5 Smart Energy Storage Systems \u226593% Efficiency NB418L System Energy 418 kWh Cycle Life 8,000 times Thermal Management Liquid cooling Ingress Rating IP55\/IP65 Nenghui all-in-one liquid-cooled [&hellip;]<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1891","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/pages\/1891","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/comments?post=1891"}],"version-history":[{"count":13,"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/pages\/1891\/revisions"}],"predecessor-version":[{"id":2114,"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/pages\/1891\/revisions\/2114"}],"wp:attachment":[{"href":"https:\/\/nenghui.com\/fr\/wp-json\/wp\/v2\/media?parent=1891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}