{"id":345,"date":"2025-11-10T03:05:26","date_gmt":"2025-11-10T02:05:26","guid":{"rendered":"https:\/\/luminvolt.com\/?page_id=345"},"modified":"2026-04-28T02:46:17","modified_gmt":"2026-04-28T00:46:17","slug":"solar-mounting-system","status":"publish","type":"page","link":"https:\/\/luminvolt.com\/nl\/","title":{"rendered":"Zonneschermingsysteem"},"content":{"rendered":"\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;800;900&display=swap');\n\n    * {\n        margin: 0;\n        padding: 0;\n        box-sizing: border-box;\n    }\n\n    body {\n        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n        background: #f9fafb;\n        color: #111827;\n        overflow-x: hidden;\n    }\n\n    .bento-container {\n        max-width: 1400px;\n        margin: 0 auto;\n        padding: 60px 20px;\n    }\n\n    .bento-grid {\n        display: grid;\n        grid-template-columns: repeat(12, 1fr);\n        gap: 20px;\n        margin-bottom: 20px;\n    }\n\n    .bento-item {\n        background: rgba(255, 255, 255, 0.65);\n        backdrop-filter: blur(20px) saturate(180%);\n        -webkit-backdrop-filter: blur(20px) saturate(180%);\n        border-radius: 12px;\n        padding: 40px;\n        position: relative;\n        overflow: hidden;\n        border: 1px solid rgba(0, 0, 0, 0.06);\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 0 2px rgba(0, 0, 0, 0.06);\n        transition: all 0.2s cubic-bezier(0.33, 0, 0.67, 1);\n    }\n\n    .bento-item:hover {\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.08);\n        transform: translateY(-2px);\n    }\n\n    .bento-item::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: radial-gradient(circle at 50% 0%, rgba(59, 130, 246, 0.03) 0%, transparent 60%);\n        pointer-events: none;\n    }\n\n    .hero {\n        grid-column: span 12;\n        min-height: 600px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        text-align: center;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .hero::after {\n        content: '';\n        position: absolute;\n        top: -5%;\n        left: -5%;\n        right: -5%;\n        bottom: -5%;\n        background-image: url('https:\/\/luminvolt.com\/wp-content\/uploads\/2025\/11\/solar-power-power-station.webp');\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n        animation: heroZoom 20s ease-in-out infinite alternate;\n        z-index: 0;\n    }\n\n    @keyframes heroZoom {\n        0% {\n            transform: scale(1);\n        }\n\n        100% {\n            transform: scale(1.05);\n        }\n    }\n\n    .hero::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background: linear-gradient(135deg, rgba(30, 64, 175, 0.85) 0%, rgba(59, 130, 246, 0.75) 100%);\n        border-radius: inherit;\n        pointer-events: none;\n        z-index: 1;\n    }\n\n    .hero>* {\n        position: relative;\n        z-index: 2;\n    }\n\n    .hero-fullwidth {\n        width: 100%;\n        padding: 140px 20px 160px;\n        border-radius: 0;\n        margin: 0;\n    }\n\n    .hero-fullwidth::before {\n        border-radius: 0;\n    }\n\n    .hero-fullwidth::after {\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n    }\n\n    .hero-title {\n        font-size: clamp(60px, 10vw, 140px);\n        font-weight: 900;\n        line-height: 0.9;\n        margin-bottom: 30px;\n        background: linear-gradient(135deg, #ffffff 0%, #dbeafe 50%, #93c5fd 100%);\n        -webkit-background-clip: text;\n        background-clip: text;\n        -webkit-text-fill-color: transparent;\n        text-shadow: none;\n        letter-spacing: -0.03em;\n        filter: drop-shadow(0 4px 20px rgba(0, 0, 0, 0.3));\n    }\n\n    .hero-subtitle {\n        font-size: 24px;\n        color: #f0f9ff;\n        max-width: 600px;\n        line-height: 1.5;\n        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\n        margin: 0 auto;\n    }\n\n    .large {\n        grid-column: span 8;\n        min-height: 450px;\n    }\n\n    .medium {\n        grid-column: span 4;\n        min-height: 450px;\n    }\n\n    .small {\n        grid-column: span 4;\n        min-height: 300px;\n    }\n\n    .stat-number {\n        font-size: clamp(80px, 12vw, 180px);\n        font-weight: 900;\n        line-height: 0.9;\n        margin-bottom: 20px;\n        position: relative;\n    }\n\n    .stat-label {\n        font-size: 18px;\n        color: #6b7280;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n    }\n\n    .glow-blue {\n        color: #0f6cbd;\n    }\n\n    .glow-blue-bg {\n        background: linear-gradient(135deg, rgba(255, 255, 255, 0.7) 0%, rgba(219, 234, 254, 0.5) 100%);\n    }\n\n    .glow-green {\n        color: #0f7b0f;\n    }\n\n    .glow-green-bg {\n        background: linear-gradient(135deg, rgba(255, 255, 255, 0.7) 0%, rgba(209, 250, 229, 0.5) 100%);\n    }\n\n    .glow-purple {\n        color: #008272;\n    }\n\n    .glow-purple-bg {\n        background: linear-gradient(135deg, rgba(255, 255, 255, 0.7) 0%, rgba(204, 251, 241, 0.5) 100%);\n    }\n\n    .glow-orange {\n        color: #f7630c;\n    }\n\n    .glow-orange-bg {\n        background: linear-gradient(135deg, rgba(255, 255, 255, 0.7) 0%, rgba(254, 215, 170, 0.5) 100%);\n    }\n\n    .feature-icon {\n        font-size: 48px;\n        margin-bottom: 24px;\n        display: inline-block;\n    }\n\n    .feature-title {\n        font-size: 32px;\n        font-weight: 700;\n        margin-bottom: 16px;\n        line-height: 1.2;\n    }\n\n    .feature-desc {\n        font-size: 16px;\n        color: #6b7280;\n        line-height: 1.6;\n    }\n\n    .tech-spec {\n        display: flex;\n        align-items: center;\n        gap: 16px;\n        margin-bottom: 24px;\n    }\n\n    .tech-icon {\n        font-size: 32px;\n        width: 60px;\n        text-align: center;\n    }\n\n    .tech-info h4 {\n        font-size: 18px;\n        font-weight: 600;\n        margin-bottom: 4px;\n    }\n\n    .tech-info p {\n        font-size: 14px;\n        color: #9ca3af;\n    }\n\n    .parallax-element {\n        transition: transform 0.3s ease-out;\n    }\n\n    @media (max-width: 1024px) {\n\n        .large,\n        .medium,\n        .small {\n            grid-column: span 12;\n        }\n    }\n\n    @media (max-width: 640px) {\n        .bento-item {\n            padding: 30px 24px;\n        }\n\n        .stat-number {\n            font-size: 60px;\n        }\n\n        .feature-title {\n            font-size: 24px;\n        }\n    }\n\n    \/* Tab Styles *\/\n    .tab-button {\n        position: relative;\n        padding: 16px 32px;\n        border-radius: 8px;\n        font-size: 15px;\n        font-weight: 600;\n        border: 1px solid rgba(0, 0, 0, 0.06);\n        background: #ffffff;\n        color: #6b7280;\n        cursor: pointer;\n        transition: all 0.2s cubic-bezier(0.33, 0, 0.67, 1);\n        display: flex;\n        align-items: center;\n        gap: 10px;\n        overflow: hidden;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 0 2px rgba(0, 0, 0, 0.06);\n    }\n\n    .tab-button::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: -100%;\n        width: 100%;\n        height: 100%;\n        background: linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.1), transparent);\n        transition: left 0.5s ease;\n    }\n\n    .tab-button:hover::before {\n        left: 100%;\n    }\n\n    .tab-button:hover {\n        border-color: rgba(0, 0, 0, 0.1);\n        color: #1f2937;\n        transform: translateY(-1px);\n        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 2px rgba(0, 0, 0, 0.06);\n    }\n\n    .tab-button.active {\n        background: #0f6cbd;\n        color: #ffffff;\n        border-color: #0f6cbd;\n        box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3), 0 0 2px rgba(59, 130, 246, 0.4);\n        transform: translateY(-1px);\n    }\n\n    .tab-button .tab-icon {\n        font-size: 18px;\n        transition: transform 0.3s ease;\n    }\n\n    .tab-button:hover .tab-icon {\n        transform: scale(1.2) rotate(5deg);\n    }\n\n    .tab-button.active .tab-icon {\n        transform: scale(1.1);\n    }\n\n    .tab-badge {\n        display: inline-block;\n        padding: 4px 10px;\n        border-radius: 12px;\n        font-size: 11px;\n        font-weight: 700;\n        background: #e5e7eb;\n        color: #6b7280;\n        margin-left: 6px;\n        transition: all 0.3s ease;\n    }\n\n    .tab-button:hover .tab-badge {\n        background: #dbeafe;\n        color: #0f6cbd;\n    }\n\n    .tab-button.active .tab-badge {\n        background: rgba(255, 255, 255, 0.25);\n        color: #ffffff;\n    }\n\n    .tab-panel {\n        display: none;\n    }\n\n    .tab-panel.active {\n        display: grid;\n    }\n\n    \/* FAQ Styles *\/\n    .faq-item {\n        background: rgba(255, 255, 255, 0.65);\n        backdrop-filter: blur(20px) saturate(180%);\n        -webkit-backdrop-filter: blur(20px) saturate(180%);\n        border-radius: 12px;\n        border: 1px solid rgba(0, 0, 0, 0.06);\n        overflow: hidden;\n        margin-bottom: 16px;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 0 2px rgba(0, 0, 0, 0.06);\n        transition: all 0.2s cubic-bezier(0.33, 0, 0.67, 1);\n    }\n    \n    .faq-item:hover {\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.08);\n    }\n\n    .faq-question {\n        width: 100%;\n        padding: 24px;\n        background: transparent;\n        border: none;\n        color: #111827;\n        font-size: 18px;\n        font-weight: 600;\n        text-align: left;\n        cursor: pointer;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        transition: color 0.3s ease;\n    }\n\n    .faq-question:hover {\n        color: #0f6cbd;\n    }\n\n    .faq-icon {\n        font-size: 20px;\n        transition: transform 0.3s ease;\n        color: #0f6cbd;\n    }\n\n    .faq-item.active .faq-icon {\n        transform: rotate(180deg);\n    }\n\n    .faq-answer {\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.4s ease, padding 0.4s ease;\n        padding: 0 24px;\n    }\n\n    .faq-item.active .faq-answer {\n        max-height: 500px;\n        padding: 0 24px 24px 24px;\n    }\n\n    .faq-answer p {\n        color: #6b7280;\n        line-height: 1.8;\n    }\n\n    \/* Enhanced Stats Card Styles *\/\n    .stat-card {\n        position: relative;\n        overflow: visible !important;\n    }\n\n    .stat-card::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        border-radius: inherit;\n        background: linear-gradient(135deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.1) 100%);\n        opacity: 0;\n        transition: opacity 0.4s ease;\n        pointer-events: none;\n    }\n\n    .stat-card:hover::after {\n        opacity: 1;\n    }\n\n    .stat-card:hover {\n        transform: translateY(-2px) !important;\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.08) !important;\n    }\n\n    .stat-icon-wrapper {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 80px;\n        height: 80px;\n        border-radius: 20px;\n        margin-bottom: 24px;\n        position: relative;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .stat-card:hover .stat-icon-wrapper {\n        transform: scale(1.1) rotate(5deg);\n    }\n\n    .stat-icon-wrapper i {\n        font-size: 36px;\n        position: relative;\n        z-index: 1;\n    }\n\n    .stat-icon-wrapper::before {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 100%;\n        height: 100%;\n        border-radius: 20px;\n        opacity: 0.15;\n        transition: all 0.4s ease;\n    }\n\n    .stat-card:hover .stat-icon-wrapper::before {\n        width: 120%;\n        height: 120%;\n        opacity: 0.25;\n    }\n\n    .stat-number-animated {\n        display: block;\n        font-size: clamp(48px, 8vw, 90px);\n        font-weight: 900;\n        line-height: 1;\n        margin-bottom: 16px;\n        position: relative;\n        overflow-wrap: break-word;\n        word-break: break-word;\n    }\n\n    \/* How It Works Step Styles *\/\n    .step-card {\n        position: relative;\n    }\n\n    .step-number {\n        width: 60px;\n        height: 60px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 28px;\n        font-weight: 900;\n        color: #fff;\n        margin-bottom: 24px;\n        position: relative;\n        z-index: 2;\n        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .step-card:hover .step-number {\n        transform: scale(1.15) rotate(5deg);\n        box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.3);\n    }\n\n    .step-number::before {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 80px;\n        height: 80px;\n        border-radius: 50%;\n        background: inherit;\n        opacity: 0.2;\n        transition: all 0.4s ease;\n    }\n\n    .step-card:hover .step-number::before {\n        width: 100px;\n        height: 100px;\n        opacity: 0.3;\n    }\n\n    \/* Timeline connector - only visible on desktop *\/\n    @media (min-width: 1025px) {\n\n        .step-card-1::after,\n        .step-card-2::after {\n            content: '';\n            position: absolute;\n            top: 30px;\n            left: 100%;\n            width: 20px;\n            height: 3px;\n            background: linear-gradient(90deg, currentColor 0%, transparent 100%);\n            opacity: 0.3;\n            z-index: 1;\n        }\n\n        .step-card-1::after {\n            color: #0f6cbd;\n        }\n\n        .step-card-2::after {\n            color: #0f7b0f;\n        }\n    }\n\n    .step-icon-accent {\n        display: inline-block;\n        padding: 12px;\n        background: rgba(255, 255, 255, 0.5);\n        border-radius: 12px;\n        margin-bottom: 16px;\n        transition: all 0.3s ease;\n    }\n\n    .step-card:hover .step-icon-accent {\n        transform: translateY(-4px);\n        background: rgba(255, 255, 255, 0.8);\n    }\n\n    .step-icon-accent i {\n        font-size: 32px;\n        display: block;\n    }\n\n    \/* Enhanced Feature Card Styles *\/\n    .feature-card-enhanced {\n        position: relative;\n    }\n\n    .feature-card-enhanced .feature-icon {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 90px;\n        height: 90px;\n        border-radius: 22px;\n        background: rgba(255, 255, 255, 0.5);\n        margin-bottom: 28px;\n        transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n        position: relative;\n    }\n\n    .feature-card-enhanced:hover .feature-icon {\n        transform: scale(1.1) rotate(-5deg);\n        background: rgba(255, 255, 255, 0.8);\n        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15);\n    }\n\n    .feature-card-enhanced .feature-icon i {\n        font-size: 48px;\n        transition: all 0.4s ease;\n    }\n\n    .feature-card-enhanced:hover .feature-icon i {\n        transform: scale(1.15);\n    }\n\n    .feature-card-enhanced .feature-icon::before {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 120px;\n        height: 120px;\n        border-radius: 50%;\n        opacity: 0;\n        transition: all 0.5s ease;\n    }\n\n    .feature-card-enhanced:hover .feature-icon::before {\n        opacity: 0.2;\n        width: 140px;\n        height: 140px;\n    }\n\n    .tech-spec {\n        transition: all 0.3s ease;\n        padding: 16px;\n        border-radius: 12px;\n        background: rgba(255, 255, 255, 0.3);\n        margin-bottom: 16px;\n    }\n\n    .tech-spec:hover {\n        background: rgba(255, 255, 255, 0.6);\n        transform: translateX(8px);\n    }\n\n    .tech-spec .tech-icon {\n        transition: all 0.3s ease;\n    }\n\n    .tech-spec:hover .tech-icon {\n        transform: scale(1.2) rotate(10deg);\n    }\n\n    \/* Solution Card Styles *\/\n    .solution-card {\n        background: rgba(255, 255, 255, 0.65);\n        backdrop-filter: blur(20px) saturate(180%);\n        -webkit-backdrop-filter: blur(20px) saturate(180%);\n        border-radius: 12px;\n        overflow: hidden;\n        border: 1px solid rgba(0, 0, 0, 0.06);\n        transition: all 0.2s cubic-bezier(0.33, 0, 0.67, 1);\n        cursor: pointer;\n        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 0 2px rgba(0, 0, 0, 0.06);\n        text-decoration: none;\n    }\n\n    .solution-card:hover {\n        transform: translateY(-2px);\n        border-color: rgba(0, 0, 0, 0.1);\n        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.08);\n    }\n\n    .solution-card img {\n        width: 100%;\n        height: 240px;\n        object-fit: cover;\n        transition: transform 0.4s ease;\n    }\n\n    .solution-card:hover img {\n        transform: scale(1.05);\n    }\n\n    .solution-card-content {\n        padding: 24px;\n    }\n\n    .solution-card h3 {\n        font-size: 18px;\n        font-weight: 700;\n        margin-bottom: 12px;\n        color: #111827;\n    }\n\n    .solution-card p {\n        font-size: 14px;\n        color: #6b7280;\n        line-height: 1.6;\n        margin-bottom: 16px;\n    }\n\n    .solution-card .card-footer {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-top: 20px;\n        padding-top: 16px;\n        border-top: 1px solid #e5e7eb;\n    }\n\n    .solution-card .view-details-btn {\n        display: inline-flex;\n        align-items: center;\n        gap: 8px;\n        padding: 10px 18px;\n        background: linear-gradient(135deg, #0f6cbd 0%, #0f6cbd 100%);\n        color: #ffffff;\n        border-radius: 10px;\n        font-size: 13px;\n        font-weight: 600;\n        transition: all 0.3s ease;\n        text-decoration: none;\n    }\n\n    .solution-card:hover .view-details-btn {\n        background: linear-gradient(135deg, #0f6cbd 0%, #1e40af 100%);\n        transform: translateX(4px);\n        box-shadow: 0 4px 12px -2px rgba(59, 130, 246, 0.4);\n    }\n\n    .solution-card .view-details-btn i {\n        font-size: 12px;\n        transition: transform 0.3s ease;\n    }\n\n    .solution-card:hover .view-details-btn i {\n        transform: translateX(3px);\n    }\n\n    .product-badge {\n        display: inline-block;\n        padding: 6px 12px;\n        background: linear-gradient(135deg, #0f7b0f 0%, #0f7b0f 100%);\n        color: #ffffff;\n        border-radius: 8px;\n        font-size: 11px;\n        font-weight: 700;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n        position: absolute;\n        top: 16px;\n        right: 16px;\n        z-index: 2;\n        box-shadow: 0 2px 8px -2px rgba(16, 185, 129, 0.5);\n    }\n\n    .metrics-grid {\n        display: grid;\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n        gap: 24px;\n    }\n\n    .warranty-flex {\n        display: flex;\n        justify-content: space-between;\n        align-items: flex-start;\n        gap: 32px;\n    }\n\n    .warranty-highlight {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        min-width: 180px;\n    }\n\n    @media (max-width: 768px) {\n        .warranty-flex {\n            flex-direction: column;\n            align-items: flex-start;\n        }\n\n        .warranty-highlight {\n            width: 100%;\n            align-items: flex-start;\n            margin-top: 24px;\n        }\n    }\n\n    @media (max-width: 640px) {\n        .metrics-grid {\n            grid-template-columns: 1fr;\n        }\n    }\n<\/style>\n\n<!-- Hero Section -->\n<section class=\"hero hero-fullwidth\" data-scroll=\"hero\">\n    <div class=\"hero-title\">\n        SOLAR<br>MOUNTING<br>SYSTEM\n    <\/div>\n    <p class=\"hero-subtitle\">\n        Utility-grade solar mounting solutions<br>Engineered to reinforce the future of energy\n    <\/p>\n<\/section>\n\n<div class=\"bento-container\">\n    <!-- Stats Section -->\n    <div class=\"bento-grid\">\n        <div class=\"bento-item small stat-card glow-blue-bg\" data-scroll=\"fade-up\">\n            <div class=\"stat-icon-wrapper\" style=\"background: rgba(59, 130, 246, 0.1);\">\n                <i class=\"fas fa-award glow-blue\" style=\"color: #0f6cbd;\"><\/i>\n            <\/div>\n            <div class=\"stat-number-animated glow-blue\" data-target=\"25\" data-suffix=\"+\">0+<\/div>\n            <div class=\"stat-label\" style=\"font-size: 16px; font-weight: 700; letter-spacing: 1px;\">Years Experience\n            <\/div>\n            <p style=\"font-size: 14px; color: #6b7280; margin-top: 12px; line-height: 1.6;\">Continuous innovation backed\n                by unwavering quality<\/p>\n        <\/div>\n\n        <div class=\"bento-item small stat-card glow-green-bg\" data-scroll=\"fade-up\" data-delay=\"100\">\n            <div class=\"stat-icon-wrapper\" style=\"background: rgba(16, 185, 129, 0.1);\">\n                <i class=\"fas fa-check-circle glow-green\" style=\"color: #0f7b0f;\"><\/i>\n            <\/div>\n            <div class=\"stat-number-animated glow-green\" data-target=\"99.8\" data-suffix=\"%\" data-decimals=\"1\">0%<\/div>\n            <div class=\"stat-label\" style=\"font-size: 16px; font-weight: 700; letter-spacing: 1px;\">Reliability Rate\n            <\/div>\n            <p style=\"font-size: 14px; color: #6b7280; margin-top: 12px; line-height: 1.6;\">Reliability benchmarks that\n                lead the industry<\/p>\n        <\/div>\n\n        <div class=\"bento-item small stat-card glow-purple-bg\" data-scroll=\"fade-up\" data-delay=\"200\">\n            <div class=\"stat-icon-wrapper\" style=\"background: rgba(0, 130, 114, 0.1);\">\n                <i class=\"fas fa-solar-panel glow-purple\" style=\"color: #008272;\"><\/i>\n            <\/div>\n            <div class=\"stat-number-animated glow-purple\" data-target=\"5\" data-suffix=\"GW+\">0GW+<\/div>\n            <div class=\"stat-label\" style=\"font-size: 16px; font-weight: 700; letter-spacing: 1px;\">Total Capacity<\/div>\n            <p style=\"font-size: 14px; color: #6b7280; margin-top: 12px; line-height: 1.6;\">Cumulative deployed capacity\n                worldwide<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- Large Feature Section -->\n    <div class=\"bento-grid\">\n        <div class=\"bento-item large feature-card-enhanced glow-blue-bg\" data-scroll=\"slide-right\">\n            <div class=\"feature-icon\"\n                style=\"background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(37, 99, 235, 0.1) 100%);\">\n                <i class=\"fas fa-cog glow-blue\"><\/i>\n            <\/div>\n            <h2 class=\"feature-title\" style=\"margin-bottom: 16px;\">Intelligent Engineering Design<\/h2>\n            <p class=\"feature-desc\" style=\"margin-bottom: 32px;\">\n                Advanced structural modeling and wind-load analysis safeguard stability in extreme climates. The\n                precision-engineered system withstands winds up to 180&nbsp;km\/h and snow loads beyond 2.4&nbsp;kN\/m\u00b2.\n            <\/p>\n\n            <div class=\"tech-spec\" style=\"display: flex; align-items: center; gap: 16px;\">\n                <i class=\"fas fa-wind tech-icon glow-blue\"><\/i>\n                <div class=\"tech-info\">\n                    <h4 style=\"font-size: 18px; font-weight: 700; margin-bottom: 4px; color: #1e40af;\">Wind Resistance\n                    <\/h4>\n                    <p style=\"font-size: 14px; color: #6b7280; margin: 0;\">Rated for typhoon-force gusts up to\n                        180&nbsp;km\/h<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"tech-spec\" style=\"display: flex; align-items: center; gap: 16px;\">\n                <i class=\"fas fa-snowflake tech-icon glow-blue\"><\/i>\n                <div class=\"tech-info\">\n                    <h4 style=\"font-size: 18px; font-weight: 700; margin-bottom: 4px; color: #1e40af;\">Snow Load\n                        Strategy<\/h4>\n                    <p style=\"font-size: 14px; color: #6b7280; margin: 0;\">Exceeds cold-climate codes with\n                        &gt;2.4&nbsp;kN\/m\u00b2 capacity<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"bento-item medium feature-card-enhanced glow-green-bg\" data-scroll=\"slide-left\">\n            <div class=\"feature-icon\"\n                style=\"background: linear-gradient(135deg, rgba(16, 185, 129, 0.2) 0%, rgba(5, 150, 105, 0.1) 100%);\">\n                <i class=\"fas fa-leaf glow-green\"><\/i>\n            <\/div>\n            <h2 class=\"feature-title\" style=\"margin-bottom: 16px;\">Sustainable Materials<\/h2>\n            <p class=\"feature-desc\" style=\"margin-bottom: 24px;\">\n                Crafted from 100% recyclable aluminum alloys and premium stainless steel with anodized finishing for\n                exceptional corrosion resistance and 25+ years of service life.\n            <\/p>\n            <div style=\"display: flex; gap: 12px; flex-wrap: wrap; margin-top: 20px;\">\n                <div\n                    style=\"display: flex; align-items: center; gap: 8px; padding: 10px 16px; background: rgba(16, 185, 129, 0.15); border-radius: 10px;\">\n                    <i class=\"fas fa-recycle\" style=\"color: #0f7b0f; font-size: 18px;\"><\/i>\n                    <span style=\"font-size: 13px; font-weight: 600; color: #0f7b0f;\">100% Recyclable<\/span>\n                <\/div>\n                <div\n                    style=\"display: flex; align-items: center; gap: 8px; padding: 10px 16px; background: rgba(16, 185, 129, 0.15); border-radius: 10px;\">\n                    <i class=\"fas fa-shield-alt\" style=\"color: #0f7b0f; font-size: 18px;\"><\/i>\n                    <span style=\"font-size: 13px; font-weight: 600; color: #0f7b0f;\">25+ Year Lifespan<\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Tech Specs Grid -->\n    <div class=\"bento-grid\">\n        <div class=\"bento-item medium feature-card-enhanced glow-purple-bg\" data-scroll=\"fade-up\">\n            <div class=\"feature-icon\"\n                style=\"background: linear-gradient(135deg, rgba(0, 130, 114, 0.2) 0%, rgba(124, 58, 237, 0.1) 100%);\">\n                <i class=\"fas fa-bolt glow-purple\"><\/i>\n            <\/div>\n            <h2 class=\"feature-title\" style=\"margin-bottom: 16px;\">Accelerated Installation<\/h2>\n            <p class=\"feature-desc\" style=\"margin-bottom: 24px;\">\n                Modular construction cuts installation time by 40%, while preassembled components minimize on-site labor\n                and boost project efficiency.\n            <\/p>\n            <div\n                style=\"display: inline-flex; align-items: center; gap: 12px; padding: 14px 20px; background: rgba(0, 130, 114, 0.15); border-radius: 12px; margin-top: 16px;\">\n                <i class=\"fas fa-clock\" style=\"color: #008272; font-size: 24px;\"><\/i>\n                <div>\n                    <div style=\"font-size: 28px; font-weight: 900; color: #008272; line-height: 1;\">-40%<\/div>\n                    <div style=\"font-size: 12px; color: #6b7280; font-weight: 600; margin-top: 4px;\">Installation Time\n                        Saved<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"bento-item large feature-card-enhanced glow-orange-bg\" data-scroll=\"fade-up\" data-delay=\"100\">\n            <div class=\"warranty-flex\">\n                <div style=\"flex: 1;\">\n                    <div class=\"feature-icon\"\n                        style=\"background: linear-gradient(135deg, rgba(249, 115, 22, 0.2) 0%, rgba(234, 88, 12, 0.1) 100%);\">\n                        <i class=\"fas fa-shield-alt glow-orange\"><\/i>\n                    <\/div>\n                    <h2 class=\"feature-title\" style=\"margin-bottom: 16px;\">Lifetime Assurance Program<\/h2>\n                    <p class=\"feature-desc\" style=\"margin-bottom: 24px;\">\n                        Industry-leading warranty coverage with 25-year structural protection and 10-year product\n                        assurance keeps your investment safeguarded for decades.\n                    <\/p>\n                    <div style=\"display: flex; gap: 12px; flex-wrap: wrap;\">\n                        <div style=\"padding: 10px 16px; background: rgba(249, 115, 22, 0.15); border-radius: 10px;\">\n                            <span style=\"font-size: 13px; font-weight: 700; color: #f7630c;\">25-Year Structural\n                                Warranty<\/span>\n                        <\/div>\n                        <div style=\"padding: 10px 16px; background: rgba(249, 115, 22, 0.15); border-radius: 10px;\">\n                            <span style=\"font-size: 13px; font-weight: 700; color: #f7630c;\">10-Year Product\n                                Warranty<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"warranty-highlight\">\n                    <div class=\"stat-number glow-orange\" style=\"font-size: 140px; margin: 0; line-height: 1;\">25<\/div>\n                    <div\n                        style=\"font-size: 16px; font-weight: 700; color: #f7630c; text-transform: uppercase; letter-spacing: 2px; margin-top: 8px;\">\n                        YEARS<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Application Scenarios -->\n    <div class=\"bento-grid\" style=\"margin-top: 40px;\">\n        <div class=\"bento-item hero\" data-scroll=\"fade-up\" style=\"min-height: 200px;\">\n            <h2 style=\"font-size: 48px; font-weight: 700; margin-bottom: 20px; color: #ffffff;\">\n                Product Series Solutions\n            <\/h2>\n            <p style=\"font-size: 18px; color: #e0e7ff;\">\n                Comprehensive mounting systems for every solar installation scenario\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <!-- Tab Navigation -->\n    <div\n        style=\"display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-bottom: 40px; padding: 0 20px;\">\n        <button class=\"tab-button active\" data-tab=\"ground\">\n            <i class=\"fas fa-mountain tab-icon\"><\/i>\n            <span>Ground Series<\/span>\n            <span class=\"tab-badge\">3 Products<\/span>\n        <\/button>\n        <button class=\"tab-button\" data-tab=\"roof\">\n            <i class=\"fas fa-home tab-icon\"><\/i>\n            <span>Solar Roof Series<\/span>\n            <span class=\"tab-badge\">5 Products<\/span>\n        <\/button>\n        <button class=\"tab-button\" data-tab=\"elevate\">\n            <i class=\"fas fa-layer-group tab-icon\"><\/i>\n            <span>Elevate Series<\/span>\n            <span class=\"tab-badge\">1 Product<\/span>\n        <\/button>\n    <\/div>\n\n    <!-- Tab Panels -->\n    <!-- Ground Series -->\n    <div class=\"bento-grid tab-panel active\" id=\"panel-ground\" data-scroll=\"fade-up\">\n        <a href=\"https:\/\/luminvolt.com\/professional-ground-mounting-system\/\" class=\"solution-card small\"\n            style=\"position: relative;\">\n            <span class=\"product-badge\">Popular<\/span>\n            <div style=\"overflow: hidden; height: 240px; background: transparent;\">\n                <img decoding=\"async\" src=\"https:\/\/luminvolt.com\/wp-content\/uploads\/2025\/11\/Fixed-Tilt-Ground-Mount-Solar-Systems.webp\"\n                    alt=\"Fixed Tilt\">\n            <\/div>\n            <div class=\"solution-card-content\">\n                <h3>Fixed Tilt<\/h3>\n                <p>Optimized fixed angle design for maximum solar energy absorption in large-scale ground installations.\n                <\/p>\n                <div class=\"card-footer\">\n                    <span style=\"font-size: 12px; color: #6b7280; font-weight: 600;\">\n                        <i class=\"fas fa-check-circle\" style=\"color: #0f7b0f; margin-right: 4px;\"><\/i>In Stock\n                    <\/span>\n                    <span class=\"view-details-btn\">\n                        View Details<i class=\"fas fa-arrow-right\"><\/i>\n                    <\/span>\n                <\/div>\n            <\/div>\n        <\/a>\n\n        <a href=\"https:\/\/luminvolt.com\/adjustable-tilt\/\" class=\"solution-card small\" style=\"position: relative;\">\n            <div style=\"overflow: hidden; height: 240px; background: transparent;\">\n                <img decoding=\"async\" src=\"https:\/\/luminvolt.com\/wp-content\/uploads\/2025\/11\/Adjustable-tilt-Ground-Mount-Solar-Systems.webp\"\n                    alt=\"Adjustable-tilt\">\n            <\/div>\n            <div class=\"solution-card-content\">\n                <h3>Adjustable-tilt<\/h3>\n                <p>Flexible tilt adjustment capability for seasonal optimization and enhanced energy generation.<\/p>\n                <div class=\"card-footer\">\n                    <span style=\"font-size: 12px; color: #6b7280; font-weight: 600;\">\n                        <i class=\"fas fa-check-circle\" style=\"color: #0f7b0f; margin-right: 4px;\"><\/i>In Stock\n                    <\/span>\n                    <span class=\"view-details-btn\">\n                        View Details<i class=\"fas fa-arrow-right\"><\/i>\n                    <\/span>\n                <\/div>\n            <\/div>\n        <\/a>\n\n        <a href=\"#\" class=\"solution-card small\" style=\"position: relative;\">\n            <div style=\"overflow: hidden; height: 240px; background: transparent;\">\n                <img decoding=\"async\" src=\"https:\/\/luminvolt.com\/wp-content\/uploads\/2025\/11\/ezShade-Ground-Mount-Solar-Systems.webp\"\n                    alt=\"ezShade\">\n            <\/div>\n            <div class=\"solution-card-content\">\n                <h3>ezShade<\/h3>\n                <p>Innovative shading solution combining solar power generation with weather protection.<\/p>\n                <div class=\"card-footer\">\n                    <span style=\"font-size: 12px; color: #6b7280; font-weight: 600;\">\n                        <i class=\"fas fa-check-circle\" style=\"color: #0f7b0f; margin-right: 4px;\"><\/i>In Stock\n                    <\/span>\n                    <span class=\"view-details-btn\">\n                        View Details<i class=\"fas fa-arrow-right\"><\/i>\n                    <\/span>\n                <\/div>\n            <\/div>\n        <\/a>\n    <\/div>\n\n    <!-- SolarRoof Series -->\n    <div class=\"bento-grid tab-panel\" id=\"panel-roof\">\n        <a href=\"#\" class=\"solution-card small\" style=\"position: relative;\">\n            <span class=\"product-badge\"\n                style=\"background: linear-gradient(135deg, #0f6cbd 0%, #0f6cbd 100%);\">Recommended<\/span>\n            <div style=\"overflow: hidden; height: 240px; background: transparent;\">\n                <img decoding=\"async\" src=\"https:\/\/luminvolt.com\/wp-content\/uploads\/2025\/11\/Pitched-Tile-Roof-Solar-System.webp\"\n                    alt=\"Pitched Tile Roof\">\n            <\/div>\n            <div class=\"solution-card-content\">\n                <h3>Pitched Tile Roof<\/h3>\n                <p>Specialized mounting solution for tile roofs with integrated waterproof sealing and\n                    corrosion-resistant hooks ensuring long-term durability.<\/p>\n                <div class=\"card-footer\">\n                    <span style=\"font-size: 12px; color: #6b7280; font-weight: 600;\">\n                        <i class=\"fas fa-check-circle\" style=\"color: #0f7b0f; margin-right: 4px;\"><\/i>In Stock\n                    <\/span>\n                    <span class=\"view-details-btn\">\n                        View Details<i class=\"fas fa-arrow-right\"><\/i>\n                    <\/span>\n                <\/div>\n            <\/div>\n        <\/a>\n\n        <a href=\"#\" class=\"solution-card small\" style=\"position: relative;\">\n            <div style=\"overflow: hidden; height: 240px; background: transparent;\">\n                <img decoding=\"async\" src=\"https:\/\/luminvolt.com\/wp-content\/uploads\/2025\/11\/Pitched-Metal-Roof-Solar-System.webp\"\n                    alt=\"Pitched Metal Roof\">\n            <\/div>\n            <div class=\"solution-card-content\">\n                <h3>Pitched Metal Roof<\/h3>\n                <p>Non-penetrative clamp system for standing seam and trapezoidal metal roofs, preserving roof warranty\n                    while ensuring structural integrity.<\/p>\n                <div class=\"card-footer\">\n                    <span style=\"font-size: 12px; color: #6b7280; font-weight: 600;\">\n                        <i class=\"fas fa-check-circle\" style=\"color: #0f7b0f; margin-right: 4px;\"><\/i>In Stock\n                    <\/span>\n                    <span class=\"view-details-btn\">\n                        View Details<i class=\"fas fa-arrow-right\"><\/i>\n                    <\/span>\n                <\/div>\n            <\/div>\n        <\/a>\n\n        <a href=\"#\" class=\"solution-card small\" style=\"position: relative;\">\n            <div style=\"overflow: hidden; height: 240px; background: transparent;\">\n                <img decoding=\"async\" src=\"https:\/\/luminvolt.com\/wp-content\/uploads\/2025\/11\/Flat-Roof-Solar-System.webp\" alt=\"Flat Roof\">\n            <\/div>\n            <div class=\"solution-card-content\">\n                <h3>Flat Roof<\/h3>\n                <p>Ballasted or anchored solutions for flat commercial and residential roofs with optimized tilt angles\n                    for maximum energy production.<\/p>\n                <div class=\"card-footer\">\n                    <span style=\"font-size: 12px; color: #6b7280; font-weight: 600;\">\n                        <i class=\"fas fa-check-circle\" style=\"color: #0f7b0f; margin-right: 4px;\"><\/i>In Stock\n                    <\/span>\n                    <span class=\"view-details-btn\">\n                        View Details<i class=\"fas fa-arrow-right\"><\/i>\n                    <\/span>\n                <\/div>\n            <\/div>\n        <\/a>\n\n        <a href=\"#\" class=\"solution-card small\" style=\"position: relative;\">\n            <span class=\"product-badge\"\n                style=\"background: linear-gradient(135deg, #008272 0%, #008272 100%);\">New<\/span>\n            <div style=\"overflow: hidden; height: 240px; background: transparent;\">\n                <img decoding=\"async\" src=\"https:\/\/luminvolt.com\/wp-content\/uploads\/2025\/11\/Clenergy-Hollywood-Solar-System.webp\"\n                    alt=\"Luminvolt Hollywood\">\n            <\/div>\n            <div class=\"solution-card-content\">\n                <h3>Luminvolt Hollywood<\/h3>\n                <p>Innovative portrait-oriented mounting system maximizing roof coverage with advanced rail-free\n                    technology for faster installation.<\/p>\n                <div class=\"card-footer\">\n                    <span style=\"font-size: 12px; color: #6b7280; font-weight: 600;\">\n                        <i class=\"fas fa-check-circle\" style=\"color: #0f7b0f; margin-right: 4px;\"><\/i>In Stock\n                    <\/span>\n                    <span class=\"view-details-btn\">\n                        View Details<i class=\"fas fa-arrow-right\"><\/i>\n                    <\/span>\n                <\/div>\n            <\/div>\n        <\/a>\n\n        <a href=\"#\" class=\"solution-card small\" style=\"position: relative;\">\n            <div style=\"overflow: hidden; height: 240px; background: transparent;\">\n                <img decoding=\"async\" src=\"https:\/\/luminvolt.com\/wp-content\/uploads\/2025\/11\/Asphalt-Shingles-Roof-Solar-System.webp\"\n                    alt=\"Asphalt Shingles Roof\">\n            <\/div>\n            <div class=\"solution-card-content\">\n                <h3>Asphalt Shingles Roof<\/h3>\n                <p>Engineered mounting solution for asphalt shingle roofs with weatherproof flashing and adjustable\n                    brackets designed for easy installation and superior water resistance.<\/p>\n                <div class=\"card-footer\">\n                    <span style=\"font-size: 12px; color: #6b7280; font-weight: 600;\">\n                        <i class=\"fas fa-check-circle\" style=\"color: #0f7b0f; margin-right: 4px;\"><\/i>In Stock\n                    <\/span>\n                    <span class=\"view-details-btn\">\n                        View Details<i class=\"fas fa-arrow-right\"><\/i>\n                    <\/span>\n                <\/div>\n            <\/div>\n        <\/a>\n    <\/div>\n\n    <!-- Elevate Series -->\n    <div class=\"bento-grid tab-panel\" id=\"panel-elevate\">\n        <a href=\"https:\/\/luminvolt.com\/solar-balcony\/\" class=\"solution-card small\" style=\"position: relative;\">\n            <span class=\"product-badge\"\n                style=\"background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);\">Hot<\/span>\n            <div style=\"overflow: hidden; height: 240px; background: transparent;\">\n                <img decoding=\"async\" src=\"https:\/\/luminvolt.com\/wp-content\/uploads\/2025\/11\/PV-ezRack-SolarBalcony.webp\"\n                    alt=\"Balcony Series\">\n            <\/div>\n            <div class=\"solution-card-content\">\n                <h3>Balcony Series<\/h3>\n                <p>Innovative space-efficient mounting solution designed for urban residential balconies, maximizing\n                    solar potential in compact living spaces with easy installation and minimal structural impact.<\/p>\n                <div class=\"card-footer\">\n                    <span style=\"font-size: 12px; color: #6b7280; font-weight: 600;\">\n                        <i class=\"fas fa-check-circle\" style=\"color: #0f7b0f; margin-right: 4px;\"><\/i>In Stock\n                    <\/span>\n                    <span class=\"view-details-btn\">\n                        View Details<i class=\"fas fa-arrow-right\"><\/i>\n                    <\/span>\n                <\/div>\n            <\/div>\n        <\/a>\n    <\/div>\n\n    <!-- How It Works -->\n    <div class=\"bento-grid\" style=\"margin-top: 40px;\">\n        <div class=\"bento-item hero\" data-scroll=\"fade-up\" style=\"min-height: 200px;\">\n            <h2 style=\"font-size: 48px; font-weight: 700; margin-bottom: 20px; color: #ffffff;\">\n                Professional Deployment Process\n            <\/h2>\n            <p style=\"font-size: 18px; color: #e0e7ff;\">\n                Expert engineering support from site survey through energization\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"bento-grid\">\n        <div class=\"bento-item small step-card step-card-1 glow-blue-bg\" data-scroll=\"fade-up\">\n            <div class=\"step-number\"\n                style=\"background: linear-gradient(135deg, #0f6cbd, #0f6cbd); box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.3);\">\n                1<\/div>\n            <div class=\"step-icon-accent\">\n                <i class=\"fas fa-search-location\" style=\"color: #0f6cbd;\"><\/i>\n            <\/div>\n            <h3 class=\"feature-title\" style=\"font-size: 22px; margin-bottom: 12px;\">Site Assessment<\/h3>\n            <p class=\"feature-desc\">Evaluate structural integrity, roof orientation, and load capacity to define the\n                optimal design.<\/p>\n            <div style=\"margin-top: 16px; display: flex; gap: 8px; flex-wrap: wrap;\">\n                <span\n                    style=\"padding: 6px 12px; background: rgba(59, 130, 246, 0.15); border-radius: 8px; font-size: 12px; font-weight: 600; color: #0f6cbd;\">Structural\n                    Review<\/span>\n                <span\n                    style=\"padding: 6px 12px; background: rgba(59, 130, 246, 0.15); border-radius: 8px; font-size: 12px; font-weight: 600; color: #0f6cbd;\">Orientation\n                    Analysis<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"bento-item small step-card step-card-2 glow-green-bg\" data-scroll=\"fade-up\" data-delay=\"100\">\n            <div class=\"step-number\"\n                style=\"background: linear-gradient(135deg, #0f7b0f, #0f7b0f); box-shadow: 0 4px 6px -1px rgba(16, 185, 129, 0.3);\">\n                2<\/div>\n            <div class=\"step-icon-accent\">\n                <i class=\"fas fa-drafting-compass\" style=\"color: #0f7b0f;\"><\/i>\n            <\/div>\n            <h3 class=\"feature-title\" style=\"font-size: 22px; margin-bottom: 12px;\">Custom Engineering<\/h3>\n            <p class=\"feature-desc\">Our engineers tailor the mounting system to your requirements, roof type, and\n                electrical layout.<\/p>\n            <div style=\"margin-top: 16px; display: flex; gap: 8px; flex-wrap: wrap;\">\n                <span\n                    style=\"padding: 6px 12px; background: rgba(16, 185, 129, 0.15); border-radius: 8px; font-size: 12px; font-weight: 600; color: #0f7b0f;\">CAD\n                    Modeling<\/span>\n                <span\n                    style=\"padding: 6px 12px; background: rgba(16, 185, 129, 0.15); border-radius: 8px; font-size: 12px; font-weight: 600; color: #0f7b0f;\">Structural\n                    Calculations<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"bento-item small step-card step-card-3 glow-purple-bg\" data-scroll=\"fade-up\" data-delay=\"200\">\n            <div class=\"step-number\"\n                style=\"background: linear-gradient(135deg, #008272, #008272); box-shadow: 0 4px 6px -1px rgba(0, 130, 114, 0.3);\">\n                3<\/div>\n            <div class=\"step-icon-accent\">\n                <i class=\"fas fa-tools\" style=\"color: #008272;\"><\/i>\n            <\/div>\n            <h3 class=\"feature-title\" style=\"font-size: 22px; margin-bottom: 12px;\">Expert Installation<\/h3>\n            <p class=\"feature-desc\">Secure racking, waterproof penetrations, and calibrate the ideal tilt angle.<\/p>\n            <div style=\"margin-top: 16px; display: flex; gap: 8px; flex-wrap: wrap;\">\n                <span\n                    style=\"padding: 6px 12px; background: rgba(0, 130, 114, 0.15); border-radius: 8px; font-size: 12px; font-weight: 600; color: #008272;\">Certified\n                    Crew<\/span>\n                <span\n                    style=\"padding: 6px 12px; background: rgba(0, 130, 114, 0.15); border-radius: 8px; font-size: 12px; font-weight: 600; color: #008272;\">Quality\n                    Assurance<\/span>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"bento-grid\">\n        <div class=\"bento-item medium step-card step-card-4 glow-orange-bg\" data-scroll=\"fade-up\">\n            <div class=\"step-number\"\n                style=\"background: linear-gradient(135deg, #f7630c, #f7630c); box-shadow: 0 4px 6px -1px rgba(249, 115, 22, 0.3);\">\n                4<\/div>\n            <div class=\"step-icon-accent\">\n                <i class=\"fas fa-bolt\" style=\"color: #f7630c;\"><\/i>\n            <\/div>\n            <h3 class=\"feature-title\" style=\"font-size: 22px; margin-bottom: 12px;\">Commissioning &#038; Power-On<\/h3>\n            <p class=\"feature-desc\">Bring the system online immediately, deliver clean energy, and enable long-term\n                performance monitoring.<\/p>\n            <div style=\"margin-top: 16px; display: flex; gap: 8px; flex-wrap: wrap;\">\n                <span\n                    style=\"padding: 6px 12px; background: rgba(249, 115, 22, 0.15); border-radius: 8px; font-size: 12px; font-weight: 600; color: #f7630c;\">Instant\n                    Generation<\/span>\n                <span\n                    style=\"padding: 6px 12px; background: rgba(249, 115, 22, 0.15); border-radius: 8px; font-size: 12px; font-weight: 600; color: #f7630c;\">Real-Time\n                    Monitoring<\/span>\n            <\/div>\n        <\/div>\n\n        <div class=\"bento-item large\" data-scroll=\"fade-up\" data-delay=\"100\"\n            style=\"background: linear-gradient(135deg, #dbeafe 0%, #e0e7ff 100%); position: relative; overflow: hidden;\">\n            <!-- Decorative Elements -->\n            <div\n                style=\"position: absolute; top: -50px; right: -50px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 70%); border-radius: 50%; pointer-events: none;\">\n            <\/div>\n            <div\n                style=\"position: absolute; bottom: -30px; left: -30px; width: 150px; height: 150px; background: radial-gradient(circle, rgba(0, 130, 114, 0.1) 0%, transparent 70%); border-radius: 50%; pointer-events: none;\">\n            <\/div>\n\n            <div style=\"position: relative; z-index: 1;\">\n                <div style=\"display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px;\">\n                    <i class=\"fas fa-chart-line\" style=\"font-size: 28px; color: #0f6cbd;\"><\/i>\n                    <h3 style=\"font-size: 28px; font-weight: 700; color: #0f6cbd; margin: 0;\">Program Metrics<\/h3>\n                <\/div>\n                <div class=\"metrics-grid\">\n                    <div\n                        style=\"background: rgba(255, 255, 255, 0.6); padding: 20px; border-radius: 16px; border: 1px solid rgba(59, 130, 246, 0.2); transition: all 0.3s ease;\">\n                        <div\n                            style=\"font-size: 52px; font-weight: 900; color: #0f6cbd; margin-bottom: 8px; line-height: 1;\">\n                            15+<\/div>\n                        <div\n                            style=\"font-size: 14px; color: #6b7280; text-transform: uppercase; letter-spacing: 1px; font-weight: 600;\">\n                            Years in Solar<\/div>\n                    <\/div>\n                    <div\n                        style=\"background: rgba(255, 255, 255, 0.6); padding: 20px; border-radius: 16px; border: 1px solid rgba(16, 185, 129, 0.2); transition: all 0.3s ease;\">\n                        <div\n                            style=\"font-size: 52px; font-weight: 900; color: #0f7b0f; margin-bottom: 8px; line-height: 1;\">\n                            5000+<\/div>\n                        <div\n                            style=\"font-size: 14px; color: #6b7280; text-transform: uppercase; letter-spacing: 1px; font-weight: 600;\">\n                            Completed Projects<\/div>\n                    <\/div>\n                    <div\n                        style=\"background: rgba(255, 255, 255, 0.6); padding: 20px; border-radius: 16px; border: 1px solid rgba(0, 130, 114, 0.2); transition: all 0.3s ease;\">\n                        <div\n                            style=\"font-size: 52px; font-weight: 900; color: #008272; margin-bottom: 8px; line-height: 1;\">\n                            98%<\/div>\n                        <div\n                            style=\"font-size: 14px; color: #6b7280; text-transform: uppercase; letter-spacing: 1px; font-weight: 600;\">\n                            Client Satisfaction<\/div>\n                    <\/div>\n                    <div\n                        style=\"background: rgba(255, 255, 255, 0.6); padding: 20px; border-radius: 16px; border: 1px solid rgba(249, 115, 22, 0.2); transition: all 0.3s ease;\">\n                        <div\n                            style=\"font-size: 52px; font-weight: 900; color: #f7630c; margin-bottom: 8px; line-height: 1;\">\n                            50+<\/div>\n                        <div\n                            style=\"font-size: 14px; color: #6b7280; text-transform: uppercase; letter-spacing: 1px; font-weight: 600;\">\n                            Countries Served<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- FAQ Section -->\n    <div class=\"bento-grid\" style=\"margin-top: 40px;\">\n        <div class=\"bento-item hero\" data-scroll=\"fade-up\" style=\"min-height: 200px;\">\n            <h2 style=\"font-size: 48px; font-weight: 700; margin-bottom: 20px; color: #ffffff;\">\n                Frequently Asked Questions\n            <\/h2>\n            <p style=\"font-size: 18px; color: #e0e7ff;\">\n                Straightforward answers to the most common solar mounting questions\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <div style=\"width: 100%; padding: 0 0 40px;\">\n        <div class=\"faq-item\" data-scroll=\"fade-up\">\n            <button class=\"faq-question\">\n                <span>How long does installation typically take?<\/span>\n                <i class=\"fas fa-chevron-down faq-icon\"><\/i>\n            <\/button>\n            <div class=\"faq-answer\">\n                <p>Timelines depend on system size and roof complexity. Residential projects usually take 1\u20133 days,\n                    while commercial arrays may require 1\u20132 weeks. Our modular design dramatically compresses both\n                    schedules.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\" data-scroll=\"fade-up\" data-delay=\"100\">\n            <button class=\"faq-question\">\n                <span>What warranties do you provide?<\/span>\n                <i class=\"fas fa-chevron-down faq-icon\"><\/i>\n            <\/button>\n            <div class=\"faq-answer\">\n                <p>Every mounting system is backed by a 25-year structural warranty and a 10-year product warranty. We\n                    guarantee the integrity of the installation against material or workmanship defects, and most module\n                    partners supply their own 25-year performance guarantees.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\" data-scroll=\"fade-up\" data-delay=\"200\">\n            <button class=\"faq-question\">\n                <span>Can the system withstand extreme weather?<\/span>\n                <i class=\"fas fa-chevron-down faq-icon\"><\/i>\n            <\/button>\n            <div class=\"faq-answer\">\n                <p>Yes. Our structures are engineered to meet or exceed local building codes for wind and snow loads.\n                    Rigorous testing and high-grade anodized aluminum plus stainless hardware protect against corrosion\n                    and severe environmental conditions.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\" data-scroll=\"fade-up\" data-delay=\"300\">\n            <button class=\"faq-question\">\n                <span>Do you offer custom design services?<\/span>\n                <i class=\"fas fa-chevron-down faq-icon\"><\/i>\n            <\/button>\n            <div class=\"faq-answer\">\n                <p>Absolutely. Our engineering team specializes in bespoke PV mounting solutions. We assess your roof\n                    structure, local climate, and energy targets to deliver an optimized design. Contact us for a\n                    complimentary consultation and tailored proposal.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\" data-scroll=\"fade-up\" data-delay=\"400\">\n            <button class=\"faq-question\">\n                <span>What is a solar mounting solution?<\/span>\n                <i class=\"fas fa-chevron-down faq-icon\"><\/i>\n            <\/button>\n            <div class=\"faq-answer\">\n                <p>Solar photovoltaic (PV) systems or solar module mounts enable the solar panels to be fastened down to\n                    the roof, ground or facades of a building. Think of it as a frame is to a painting. Additionally,\n                    solar mounting solutions allow for retrofitting to achieve proper orientation and inclination of PV\n                    modules. Tracker mounting systems enable sets of solar panels to shift their movement continuously\n                    throughout the day and in response to seasonal changes.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\" data-scroll=\"fade-up\" data-delay=\"500\">\n            <button class=\"faq-question\">\n                <span>What are the different types of solar mounting systems?<\/span>\n                <i class=\"fas fa-chevron-down faq-icon\"><\/i>\n            <\/button>\n            <div class=\"faq-answer\">\n                <p>As a leading solar mounting system manufacturer, Luminvolt develops various types of solar PV panel\n                    mounting systems tailored to different installation locations. For example, rooftops, ground mounts,\n                    carports, post mounts and even tracker solutions for residential or commercial applications.<\/p>\n                <p style=\"margin-top: 12px;\">For ground mounts with large commercial projects, the Luminvolt ground\n                    mount system can be used either as fixed tilts or with single-axis or dual-axis trackers. The\n                    Luminvolt roof mounting system enables rooftop installations to be done either with a flat-roof\n                    setting, non-penetrative or penetrative on tin roofs, or the typical tile-roof placement.<\/p>\n                <p style=\"margin-top: 12px;\">Luminvolt carport for solar panel mounting is hoisted PVs used as flexible\n                    shading options for parking lots and paved areas. It is often integrated with other services,\n                    including EVs (electric vehicles) charging stations.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\" data-scroll=\"fade-up\" data-delay=\"600\">\n            <button class=\"faq-question\">\n                <span>How are solar PV modules mounted?<\/span>\n                <i class=\"fas fa-chevron-down faq-icon\"><\/i>\n            <\/button>\n            <div class=\"faq-answer\">\n                <p>The Luminvolt ground mount system is typically held in rows of mounts for large-scale solar farms and\n                    solar power plants. These solar mounting systems are attached to a ground base with mounting\n                    supports, ground screws or concrete blocks. Mounting is an intricate process that often includes\n                    determining the proper positioning, inclination, and other factors affecting power generation.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\" data-scroll=\"fade-up\" data-delay=\"700\">\n            <button class=\"faq-question\">\n                <span>What are the advances in solar mounting systems?<\/span>\n                <i class=\"fas fa-chevron-down faq-icon\"><\/i>\n            <\/button>\n            <div class=\"faq-answer\">\n                <p>Improvements in Luminvolt solar racking systems are seen to increase solar array efficiency for solar\n                    projects. New racking techniques include considering terrain categories &#038; wind regions. By following\n                    structural and civil engineering principles, we stabilize and firmly affix the panel&#8217;s solar racking\n                    systems for a quick and easy installation process.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\" data-scroll=\"fade-up\" data-delay=\"800\">\n            <button class=\"faq-question\">\n                <span>What types of residential solar mounting systems does Luminvolt provide?<\/span>\n                <i class=\"fas fa-chevron-down faq-icon\"><\/i>\n            <\/button>\n            <div class=\"faq-answer\">\n                <p>Luminvolt provides a range of residential mounting solutions for roofs, balconies, terraces, and ground-mounted applications depending on project conditions.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\" data-scroll=\"fade-up\" data-delay=\"900\">\n            <button class=\"faq-question\">\n                <span>How do I choose the right mounting system for my home?<\/span>\n                <i class=\"fas fa-chevron-down faq-icon\"><\/i>\n            <\/button>\n            <div class=\"faq-answer\">\n                <p>The right choice depends on roof type, available space, wind and snow load requirements, panel size, and whether the project needs fixed or adjustable installation angles.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\" data-scroll=\"fade-up\" data-delay=\"1000\">\n            <button class=\"faq-question\">\n                <span>Can Luminvolt support custom residential solar projects?<\/span>\n                <i class=\"fas fa-chevron-down faq-icon\"><\/i>\n            <\/button>\n            <div class=\"faq-answer\">\n                <p>Yes. Luminvolt can recommend suitable structures and provide project-specific support based on installation conditions and system goals.<\/p>\n            <\/div>\n        <\/div>\n\n        <div class=\"faq-item\" data-scroll=\"fade-up\" data-delay=\"1100\">\n            <button class=\"faq-question\">\n                <span>Are residential mounting systems designed for long-term outdoor use?<\/span>\n                <i class=\"fas fa-chevron-down faq-icon\"><\/i>\n            <\/button>\n            <div class=\"faq-answer\">\n                <p>Yes. The systems are designed for durability, structural stability, and long service life in outdoor residential environments.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- CTA Section -->\n    <div class=\"bento-grid\">\n        <div class=\"bento-item hero cta-section\" data-scroll=\"fade-up\"\n            style=\"min-height: 450px; position: relative; overflow: hidden;\">\n            <!-- Background Pattern -->\n            <div\n                style=\"position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.05; background-image: radial-gradient(circle at 2px 2px, #0f6cbd 1px, transparent 0); background-size: 40px 40px; pointer-events: none;\">\n            <\/div>\n\n            <!-- Gradient Orbs -->\n            <div\n                style=\"position: absolute; top: -100px; right: -100px; width: 300px; height: 300px; background: radial-gradient(circle, rgba(59, 130, 246, 0.2) 0%, transparent 70%); border-radius: 50%; filter: blur(60px); pointer-events: none;\">\n            <\/div>\n            <div\n                style=\"position: absolute; bottom: -100px; left: -100px; width: 300px; height: 300px; background: radial-gradient(circle, rgba(37, 99, 235, 0.15) 0%, transparent 70%); border-radius: 50%; filter: blur(60px); pointer-events: none;\">\n            <\/div>\n\n            <div style=\"position: relative; z-index: 1; text-align: center; margin-bottom: 40px;\">\n                <div\n                    style=\"display: inline-block; padding: 8px 20px; background: linear-gradient(135deg, #dbeafe 0%, #eff6ff 100%); border-radius: 50px; margin-bottom: 20px;\">\n                    <span\n                        style=\"color: #0f6cbd; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px;\">\n                        <i class=\"fas fa-bolt\" style=\"margin-right: 8px;\"><\/i>Get Started Today\n                    <\/span>\n                <\/div>\n                <h2\n                    style=\"font-size: 48px; font-weight: 700; margin-bottom: 16px; color: #ffffff; text-shadow: 0 10px 30px rgba(15, 23, 42, 0.35);\">\n                    Ready to launch your solar project?\n                <\/h2>\n                <p style=\"font-size: 20px; color: #e0e7ff; max-width: 600px; margin: 0 auto;\">\n                    Connect with our engineering team for a tailored solution and complimentary consultation.\n                <\/p>\n            <\/div>\n\n            <!-- Form Container -->\n            <div\n                style=\"position: relative; z-index: 1; max-width: 700px; margin: 0 auto; background: #ffffff; border-radius: 20px; padding: 40px; box-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.15); border: 1px solid #e5e7eb;\">\n                <div class='fluentform ff-default fluentform_wrapper_1 ffs_default_wrap'><form data-form_id=\"1\" id=\"fluentform_1\" class=\"frm-fluent-form fluent_form_1 ff-el-form-top ff_form_instance_1_1 ff-form-loading ff_has_v3_recptcha ffs_default\" data-form_instance=\"ff_form_instance_1_1\" method=\"POST\" data-recptcha_key=\"6LcUwacrAAAAAMzIdguGFA6MoHFpYcHHG6TgTSZi\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Contact Form Demo<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='345' \/><input type=\"hidden\" id=\"_fluentform_1_fluentformnonce\" name=\"_fluentform_1_fluentformnonce\" value=\"a38bf37977\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/nl\/wp-json\/wp\/v2\/pages\/345\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_1_names_first_name_' id='label_ff_1_names_first_name_' >First Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_1_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"First Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><div class='ff-t-cell '><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_1_names_last_name_' id='label_ff_1_names_last_name_' >Last Name<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[last_name]\" id=\"ff_1_names_last_name_\" class=\"ff-el-form-control\" placeholder=\"Last Name\" aria-invalid=\"false\" aria-required=false><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_email' id='label_ff_1_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_1_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_1_subject' id='label_ff_1_subject' aria-label=\"Subject\">Subject<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"subject\" class=\"ff-el-form-control\" placeholder=\"Subject\" data-name=\"subject\" id=\"ff_1_subject\"  aria-invalid=\"false\" aria-required=false><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_1_message' id='label_ff_1_message' aria-label=\"Your Message\">Your Message<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"true\" aria-labelledby=\"label_ff_1_message\" name=\"message\" id=\"ff_1_message\" class=\"ff-el-form-control\" placeholder=\"Your Message\" rows=\"4\" cols=\"2\" data-name=\"message\" ><\/textarea><\/div><\/div><div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style wpf_has_custom_css\"  aria-label=\"Submit Form\">Submit Form<\/button><\/div><\/fieldset><\/form><div id='fluentform_1_errors' class='ff-errors-in-stack ff_form_instance_1_1 ff-form-loading_errors ff_form_instance_1_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_1_1 = {\"id\":\"1\",\"ajaxUrl\":\"https:\\\/\\\/luminvolt.com\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\",\"asteriskPlacement\":\"asterisk-right\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_1_1\",\"form_id_selector\":\"fluentform_1\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global\":false,\"global_message\":\"This field must contain a valid email\"}},\"subject\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"message\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}}},\"debounce_time\":300};\n                            <\/script>\n            \n            <\/div>\n\n            <!-- Trust Badges -->\n            <div\n                style=\"position: relative; z-index: 1; display: flex; justify-content: center; gap: 40px; margin-top: 40px; flex-wrap: wrap;\">\n                <div style=\"display: flex; align-items: center; gap: 10px;\">\n                    <span\n                        style=\"display: inline-flex; align-items: center; gap: 8px; color: #ffffff; font-size: 16px; font-weight: 600; text-shadow: 0 6px 20px rgba(15, 23, 42, 0.35);\">\n                        <i class=\"fa-solid fa-shield-halved\" style=\"color: #0f7b0f; font-size: 20px;\"><\/i>\n                        25-Year Warranty\n                    <\/span>\n                <\/div>\n                <div style=\"display: flex; align-items: center; gap: 10px;\">\n                    <span\n                        style=\"display: inline-flex; align-items: center; gap: 8px; color: #ffffff; font-size: 16px; font-weight: 600; text-shadow: 0 6px 20px rgba(15, 23, 42, 0.35);\">\n                        <i class=\"fa-solid fa-clock\" style=\"color: #0f6cbd; font-size: 20px;\"><\/i>\n                        24-Hour Response\n                    <\/span>\n                <\/div>\n                <div style=\"display: flex; align-items: center; gap: 10px;\">\n                    <span\n                        style=\"display: inline-flex; align-items: center; gap: 8px; color: #ffffff; font-size: 16px; font-weight: 600; text-shadow: 0 6px 20px rgba(15, 23, 42, 0.35);\">\n                        <i class=\"fa-solid fa-users\" style=\"color: #008272; font-size: 20px;\"><\/i>\n                        Trusted by 5,000+ Clients\n                    <\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script type=\"application\/ld+json\" class=\"hermes-product-schema hermes-faq-schema\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What types of residential solar mounting systems does Luminvolt provide?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Luminvolt provides a range of residential mounting solutions for roofs, balconies, terraces, and ground-mounted applications depending on project conditions.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How do I choose the right mounting system for my home?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"The right choice depends on roof type, available space, wind and snow load requirements, panel size, and whether the project needs fixed or adjustable installation angles.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Can Luminvolt support custom residential solar projects?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes. Luminvolt can recommend suitable structures and provide project-specific support based on installation conditions and system goals.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Are residential mounting systems designed for long-term outdoor use?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes. The systems are designed for durability, structural stability, and long service life in outdoor residential environments.\"\n      }\n    }\n  ]\n}\n<\/script>\n\n<script>\n    \/\/ Animated Number Counter\n    function animateNumber(element) {\n        const target = parseFloat(element.dataset.target);\n        const suffix = element.dataset.suffix || '';\n        const decimals = parseInt(element.dataset.decimals) || 0;\n        const duration = 2000;\n        const frameDuration = 1000 \/ 60;\n        const totalFrames = Math.round(duration \/ frameDuration);\n        let frame = 0;\n\n        const counter = setInterval(() => {\n            frame++;\n            const progress = frame \/ totalFrames;\n            const easeOutQuart = 1 - Math.pow(1 - progress, 4);\n            const currentNumber = easeOutQuart * target;\n\n            if (decimals > 0) {\n                element.textContent = currentNumber.toFixed(decimals) + suffix;\n            } else {\n                element.textContent = Math.round(currentNumber) + suffix;\n            }\n\n            if (frame === totalFrames) {\n                clearInterval(counter);\n                element.textContent = (decimals > 0 ? target.toFixed(decimals) : target) + suffix;\n            }\n        }, frameDuration);\n    }\n\n    \/\/ Scroll Animation Observer\n    const observerOptions = {\n        threshold: 0.15,\n        rootMargin: '0px 0px -100px 0px'\n    };\n\n    const observer = new IntersectionObserver((entries) => {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                const delay = entry.target.dataset.delay || 0;\n                setTimeout(() => {\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'translateY(0) scale(1)';\n\n                    \/\/ Animate stat numbers\n                    const statNumbers = entry.target.querySelectorAll('.stat-number-animated');\n                    statNumbers.forEach(statNum => {\n                        if (!statNum.classList.contains('animated')) {\n                            statNum.classList.add('animated');\n                            setTimeout(() => animateNumber(statNum), 300);\n                        }\n                    });\n                }, delay);\n            }\n        });\n    }, observerOptions);\n\n    \/\/ Initialize animations\n    document.querySelectorAll('[data-scroll]').forEach(el => {\n        const animType = el.dataset.scroll;\n\n        \/\/ Set initial state\n        el.style.opacity = '0';\n        el.style.transition = 'all 0.8s cubic-bezier(0.4, 0, 0.2, 1)';\n\n        switch (animType) {\n            case 'fade-up':\n                el.style.transform = 'translateY(40px)';\n                break;\n            case 'slide-right':\n                el.style.transform = 'translateX(-60px)';\n                break;\n            case 'slide-left':\n                el.style.transform = 'translateX(60px)';\n                break;\n            case 'zoom-in':\n                el.style.transform = 'scale(0.9)';\n                break;\n            case 'hero':\n                el.style.transform = 'translateY(20px)';\n                break;\n        }\n\n        observer.observe(el);\n    });\n\n    \/\/ Tab switching functionality\n    const tabButtons = document.querySelectorAll('.tab-button');\n    const tabPanels = document.querySelectorAll('.tab-panel');\n\n    tabButtons.forEach(button => {\n        button.addEventListener('click', () => {\n            const tabId = button.dataset.tab;\n\n            \/\/ Remove active class from all buttons\n            tabButtons.forEach(btn => btn.classList.remove('active'));\n\n            \/\/ Add active class to clicked button\n            button.classList.add('active');\n\n            \/\/ Hide all panels\n            tabPanels.forEach(panel => panel.classList.remove('active'));\n\n            \/\/ Show selected panel\n            const selectedPanel = document.getElementById(`panel-${tabId}`);\n            if (selectedPanel) {\n                selectedPanel.classList.add('active');\n            }\n        });\n    });\n\n    \/\/ FAQ accordion functionality\n    const faqItems = document.querySelectorAll('.faq-item');\n\n    faqItems.forEach(item => {\n        const question = item.querySelector('.faq-question');\n\n        question.addEventListener('click', () => {\n            const isActive = item.classList.contains('active');\n\n            \/\/ Close all FAQ items\n            faqItems.forEach(faq => faq.classList.remove('active'));\n\n            \/\/ Toggle current item\n            if (!isActive) {\n                item.classList.add('active');\n            }\n        });\n    });\n\n    \/\/ Button hover effects (excluding FAQ buttons and tab buttons)\n    document.querySelectorAll('button:not(.faq-question):not(.tab-button)').forEach(btn => {\n        btn.addEventListener('mouseenter', function () {\n            this.style.transform = 'translateY(-2px) scale(1.05)';\n        });\n\n        btn.addEventListener('mouseleave', function () {\n            this.style.transform = 'translateY(0) scale(1)';\n        });\n    });\n\n    \/\/ Smooth scroll for anchor links\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n        anchor.addEventListener('click', function (e) {\n            const href = this.getAttribute('href');\n            if (href !== '#') {\n                const target = document.querySelector(href);\n                if (target) {\n                    e.preventDefault();\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            }\n        });\n    });\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>SOLARMOUNTINGSYSTEM Utility-grade solar mounting solutions Ontworpen om de toekomst van energie te versterken 0+ Jaar Ervaring Continu innovatie ondersteund door onverminderde kwaliteit 0% Betrouwbaarheidsratio Betrouwbaarheidsnormen die de industrie leiden 0GW+ Totale Capaciteit Cumulatief ge\u00efnstalleerde capaciteit wereldwijd Intelligent Engineering Design Geavanceerd structureel modelleren en windbelastinganalyse waarborgen stabiliteit in extreme klimaten. Het nauwkeurig geconstrueerde systeem weerstaat winden \u2026 <a title=\"Zonneschermingsysteem\" class=\"read-more\" href=\"https:\/\/luminvolt.com\/nl\/\" aria-label=\"Lees meer over Solar Mounting System\">De energie-landschap ondergaat een stilgebleven revolutie. Jarenlang was zonne-energie beperkt tot huiseigenaren met grote daken en aanzienlijke budgetten. Vandaag de dag heeft het Balcony Solar System (ook wel een plug-and-play zonnensysteem genoemd) toegang tot hernieuwbare energie gedemocratiseerd, waardoor huurders van appartementen en stedelingen ...<\/a><\/p>","protected":false},"author":1,"featured_media":332,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_yoast_wpseo_focuskw":"residential solar mounting systems","_yoast_wpseo_title":"Residential Solar Mounting Systems","_yoast_wpseo_metadesc":"Homeowners across Europe trust our residential solar mounting systems for sleek installs, high wind resistance, 25-year cover, and fast engineer-backed support.","footnotes":""},"class_list":["post-345","page","type-page","status-publish","has-post-thumbnail"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Residential Solar Mounting Systems<\/title>\n<meta name=\"description\" content=\"Homeowners across Europe trust our residential solar mounting systems for sleek installs, high wind resistance, 25-year cover, and fast engineer-backed support.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/luminvolt.com\/nl\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Solar Mounting System\" \/>\n<meta property=\"og:description\" content=\"Homeowners across Europe trust our residential solar mounting systems for sleek installs, high wind resistance, 25-year cover, and fast engineer-backed support.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/luminvolt.com\/nl\/\" \/>\n<meta property=\"og:site_name\" content=\"LuminVolt\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-28T00:46:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/luminvolt.com\/wp-content\/uploads\/2025\/11\/Asphalt-Shingles-Roof-Solar-System.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/luminvolt.com\\\/\",\"url\":\"https:\\\/\\\/luminvolt.com\\\/\",\"name\":\"Residential Solar Mounting Systems\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/luminvolt.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/luminvolt.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/luminvolt.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/luminvolt.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Asphalt-Shingles-Roof-Solar-System.webp\",\"datePublished\":\"2025-11-10T02:05:26+00:00\",\"dateModified\":\"2026-04-28T00:46:17+00:00\",\"description\":\"Homeowners across Europe trust our residential solar mounting systems for sleek installs, high wind resistance, 25-year cover, and fast engineer-backed support.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/luminvolt.com\\\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/luminvolt.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/luminvolt.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/luminvolt.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Asphalt-Shingles-Roof-Solar-System.webp\",\"contentUrl\":\"https:\\\/\\\/luminvolt.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Asphalt-Shingles-Roof-Solar-System.webp\",\"width\":1280,\"height\":720,\"caption\":\"Asphalt Shingles Roof Solar System\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/luminvolt.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/luminvolt.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Solar Mounting System\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/luminvolt.com\\\/#website\",\"url\":\"https:\\\/\\\/luminvolt.com\\\/\",\"name\":\"LuminVolt\",\"description\":\"Your Partner in Advanced Solar Mounting System&amp; Energy Storage\",\"publisher\":{\"@id\":\"https:\\\/\\\/luminvolt.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/luminvolt.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/luminvolt.com\\\/#organization\",\"name\":\"LuminVolt\",\"url\":\"https:\\\/\\\/luminvolt.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/luminvolt.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/luminvolt.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/LuminVolt-02.webp\",\"contentUrl\":\"https:\\\/\\\/luminvolt.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/LuminVolt-02.webp\",\"width\":512,\"height\":512,\"caption\":\"LuminVolt\"},\"image\":{\"@id\":\"https:\\\/\\\/luminvolt.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Residenti\u00eble Zonnesysteembevestigingen","description":"Eigendomsbewoners over heel Europa vertrouwen op onze residenti\u00eble zonnepaneelbevestigingssystemen voor strakke installaties, hoge windweerstand, een 25-jarige garantie en snelle, ingenieursondersteunde service.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/luminvolt.com\/nl\/","og_locale":"nl_NL","og_type":"article","og_title":"Solar Mounting System","og_description":"Homeowners across Europe trust our residential solar mounting systems for sleek installs, high wind resistance, 25-year cover, and fast engineer-backed support.","og_url":"https:\/\/luminvolt.com\/nl\/","og_site_name":"LuminVolt","article_modified_time":"2026-04-28T00:46:17+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/luminvolt.com\/wp-content\/uploads\/2025\/11\/Asphalt-Shingles-Roof-Solar-System.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"8 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/luminvolt.com\/","url":"https:\/\/luminvolt.com\/","name":"Residenti\u00eble Zonnesysteembevestigingen","isPartOf":{"@id":"https:\/\/luminvolt.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/luminvolt.com\/#primaryimage"},"image":{"@id":"https:\/\/luminvolt.com\/#primaryimage"},"thumbnailUrl":"https:\/\/luminvolt.com\/wp-content\/uploads\/2025\/11\/Asphalt-Shingles-Roof-Solar-System.webp","datePublished":"2025-11-10T02:05:26+00:00","dateModified":"2026-04-28T00:46:17+00:00","description":"Eigendomsbewoners over heel Europa vertrouwen op onze residenti\u00eble zonnepaneelbevestigingssystemen voor strakke installaties, hoge windweerstand, een 25-jarige garantie en snelle, ingenieursondersteunde service.","breadcrumb":{"@id":"https:\/\/luminvolt.com\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/luminvolt.com\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/luminvolt.com\/#primaryimage","url":"https:\/\/luminvolt.com\/wp-content\/uploads\/2025\/11\/Asphalt-Shingles-Roof-Solar-System.webp","contentUrl":"https:\/\/luminvolt.com\/wp-content\/uploads\/2025\/11\/Asphalt-Shingles-Roof-Solar-System.webp","width":1280,"height":720,"caption":"Asphalt Shingles Roof Solar System"},{"@type":"BreadcrumbList","@id":"https:\/\/luminvolt.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/luminvolt.com\/"},{"@type":"ListItem","position":2,"name":"Solar Mounting System"}]},{"@type":"WebSite","@id":"https:\/\/luminvolt.com\/#website","url":"https:\/\/luminvolt.com\/","name":"LuminVolt","description":"Uw Partner in Geavanceerde Zonnepaneelbevestigingssystemen &amp; Energieopslag","publisher":{"@id":"https:\/\/luminvolt.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/luminvolt.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/luminvolt.com\/#organization","name":"LuminVolt","url":"https:\/\/luminvolt.com\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/luminvolt.com\/#\/schema\/logo\/image\/","url":"https:\/\/luminvolt.com\/wp-content\/uploads\/2024\/12\/LuminVolt-02.webp","contentUrl":"https:\/\/luminvolt.com\/wp-content\/uploads\/2024\/12\/LuminVolt-02.webp","width":512,"height":512,"caption":"LuminVolt"},"image":{"@id":"https:\/\/luminvolt.com\/#\/schema\/logo\/image\/"}}]}},"yoast_social":{"twitter_title":"","twitter_description":"","twitter_image":""},"_links":{"self":[{"href":"https:\/\/luminvolt.com\/nl\/wp-json\/wp\/v2\/pages\/345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luminvolt.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/luminvolt.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/luminvolt.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luminvolt.com\/nl\/wp-json\/wp\/v2\/comments?post=345"}],"version-history":[{"count":7,"href":"https:\/\/luminvolt.com\/nl\/wp-json\/wp\/v2\/pages\/345\/revisions"}],"predecessor-version":[{"id":546,"href":"https:\/\/luminvolt.com\/nl\/wp-json\/wp\/v2\/pages\/345\/revisions\/546"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/luminvolt.com\/nl\/wp-json\/wp\/v2\/media\/332"}],"wp:attachment":[{"href":"https:\/\/luminvolt.com\/nl\/wp-json\/wp\/v2\/media?parent=345"}],"curies":[{"name":"Werkingsparameters","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}