{"id":5268,"date":"2026-02-26T06:02:08","date_gmt":"2026-02-26T06:02:08","guid":{"rendered":"https:\/\/ary-themes.com\/?page_id=5268"},"modified":"2026-05-14T11:37:19","modified_gmt":"2026-05-14T11:37:19","slug":"ary-themes-home","status":"publish","type":"page","link":"https:\/\/ary-themes.com\/bn","title":{"rendered":"Ary Themes Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5268\" class=\"elementor elementor-5268\">\n\t\t\t\t<div class=\"elementor-element elementor-element-590e17b e-con-full e-flex e-con e-parent\" data-id=\"590e17b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea9010d elementor-widget elementor-widget-shortcode\" data-id=\"ea9010d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- AOS Animation CSS -->\r\n    <link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\r\n\r\n    <!-- FontAwesome -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <style>\r\n        :root {\r\n            --at-home-primary: #7c3aed;\r\n            --at-home-primary-dark: #6d28d9;\r\n            --at-home-primary-light: #a78bfa;\r\n            --at-home-secondary: #0891b2;\r\n            --at-home-secondary-dark: #0e7490;\r\n            --at-home-success: #10b981;\r\n            --at-home-warning: #f59e0b;\r\n            --at-home-dark: #1e293b;\r\n            --at-home-light: #f8fafc;\r\n            --at-home-gray: #64748b;\r\n            --at-home-gray-light: #e2e8f0;\r\n            --at-home-border: #e2e8f0;\r\n            --at-home-gradient: linear-gradient(135deg, #7c3aed 0%, #0891b2 100%);\r\n            --at-home-gradient-2: linear-gradient(135deg, #6d28d9 0%, #0e7490 100%);\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: Arial, Helvetica, sans-serif;\r\n            color: var(--at-home-dark);\r\n            background: #fff;\r\n        }\r\n\r\n        img {\r\n            max-width: 100%;\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .at-home-hero {\r\n            background: linear-gradient(135deg, #7c3aed 0%, #0891b2 100%);\r\n            padding: 120px 0 80px;\r\n            position: relative;\r\n            overflow: visible;\r\n        }\r\n\r\n        .at-home-hero::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/art-hero-bg.jpg') center\/cover;\r\n            opacity: 0.1;\r\n            z-index: 0;\r\n        }\r\n\r\n        .at-home-hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .at-home-hero h1 {\r\n            font-size: 3.5rem;\r\n            font-weight: 800;\r\n            color: white;\r\n            margin-bottom: 20px;\r\n            line-height: 1.2;\r\n            text-align: center;\r\n            letter-spacing: 0;\r\n        }\r\n\r\n        .at-home-hero p {\r\n            font-size: 1.3rem;\r\n            color: rgba(255, 255, 255, 0.95);\r\n            margin-bottom: 40px;\r\n            text-align: center;\r\n        }\r\n\r\n        .at-home-search-container {\r\n            position: relative;\r\n            max-width: 700px;\r\n            margin: 0 auto 30px;\r\n            z-index: 100;\r\n        }\r\n\r\n        .at-home-search-box {\r\n            background: white;\r\n            border-radius: 50px;\r\n            padding: 5px;\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\r\n            display: flex;\r\n            align-items: center;\r\n            position: relative;\r\n        }\r\n\r\n        .at-home-search-box input {\r\n            border: none !important;\r\n            outline: none !important;\r\n            padding: 18px 30px !important;\r\n            flex: 1 !important;\r\n            font-size: 1.1rem !important;\r\n            border-radius: 50px !important;\r\n            background: transparent !important;\r\n            min-width: 0;\r\n        }\r\n\r\n        .at-home-search-box button {\r\n            background: var(--at-home-primary);\r\n            color: white;\r\n            border: none;\r\n            padding: 14px 35px;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            font-size: 1rem;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .at-home-search-box button:hover {\r\n            background: var(--at-home-primary-dark) !important;\r\n            transform: translateY(-2px) !important;\r\n        }\r\n\r\n        .at-home-search-results {\r\n            position: absolute;\r\n            top: calc(100% + 10px);\r\n            left: 0;\r\n            right: 0;\r\n            background: white;\r\n            border-radius: 20px;\r\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);\r\n            max-height: 400px;\r\n            overflow-y: auto;\r\n            z-index: 1000;\r\n            display: none;\r\n        }\r\n\r\n        .at-home-search-results.active {\r\n            display: block;\r\n        }\r\n\r\n        .at-home-search-result-item {\r\n            padding: 15px 25px;\r\n            border-bottom: 1px solid var(--at-home-border);\r\n            cursor: pointer;\r\n            transition: background 0.3s ease;\r\n        }\r\n\r\n        .at-home-search-result-item:hover,\r\n        .at-home-search-result-item:focus {\r\n            background: var(--at-home-light);\r\n        }\r\n\r\n        .at-home-search-result-item:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .at-home-search-result-title {\r\n            font-weight: 600;\r\n            color: var(--at-home-dark);\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .at-home-search-result-category {\r\n            font-size: 0.9rem;\r\n            color: var(--at-home-gray);\r\n        }\r\n\r\n        .at-home-hero-buttons {\r\n            display: flex;\r\n            gap: 15px;\r\n            flex-wrap: wrap;\r\n            justify-content: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .at-home-btn-primary {\r\n            background: white;\r\n            color: var(--at-home-primary);\r\n            padding: 16px 35px;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            transition: all 0.3s ease;\r\n            border: 2px solid white;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .at-home-btn-primary:hover {\r\n            background: transparent;\r\n            color: white;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        .at-home-btn-secondary {\r\n            background: transparent;\r\n            color: white;\r\n            padding: 16px 35px;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            transition: all 0.3s ease;\r\n            border: 2px solid white;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .at-home-btn-secondary:hover {\r\n            background: white;\r\n            color: var(--at-home-primary);\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);\r\n        }\r\n\r\n        \/* Section Styles *\/\r\n        .at-home-section {\r\n            padding: 80px 0;\r\n        }\r\n\r\n        .at-home-section-title {\r\n            font-size: 2.8rem;\r\n            font-weight: 700;\r\n            margin-bottom: 20px;\r\n            color: var(--at-home-dark);\r\n            letter-spacing: 0;\r\n        }\r\n\r\n        .at-home-section-subtitle {\r\n            font-size: 1.2rem;\r\n            color: var(--at-home-gray);\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        \/* Product Cards *\/\r\n        .at-home-product-card {\r\n            background: white;\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\r\n            transition: all 0.3s ease;\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            position: relative;\r\n        }\r\n\r\n        .at-home-product-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\r\n        }\r\n\r\n        .at-home-product-image {\r\n            height: 240px;\r\n            overflow: hidden;\r\n            position: relative;\r\n            background: var(--at-home-light);\r\n        }\r\n\r\n        .at-home-product-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .at-home-product-card:hover .at-home-product-image img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .at-home-product-badge {\r\n            position: absolute;\r\n            top: 15px;\r\n            right: 15px;\r\n            background: var(--at-home-primary);\r\n            color: white;\r\n            padding: 6px 14px;\r\n            border-radius: 20px;\r\n            font-size: 0.8rem;\r\n            font-weight: 600;\r\n            z-index: 1;\r\n        }\r\n\r\n        .at-home-product-content {\r\n            padding: 25px;\r\n            flex: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .at-home-product-category {\r\n            color: var(--at-home-primary);\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .at-home-product-title {\r\n            font-size: 1.25rem;\r\n            font-weight: 600;\r\n            margin-bottom: 15px;\r\n            color: var(--at-home-dark);\r\n            line-height: 1.4;\r\n            letter-spacing: 0;\r\n        }\r\n\r\n        .at-home-product-price {\r\n            font-size: 1.6rem;\r\n            font-weight: 700;\r\n            color: var(--at-home-success);\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .at-home-product-buttons {\r\n            display: flex;\r\n            gap: 10px;\r\n            margin-top: auto;\r\n        }\r\n\r\n        .at-home-btn-preview,\r\n        .at-home-btn-buy {\r\n            color: white;\r\n            padding: 12px 18px;\r\n            border-radius: 10px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            transition: all 0.3s ease;\r\n            text-align: center;\r\n            flex: 1;\r\n            font-size: 0.95rem;\r\n            min-height: 48px;\r\n        }\r\n\r\n        .at-home-btn-preview {\r\n            background: var(--at-home-primary);\r\n        }\r\n\r\n        .at-home-btn-preview:hover {\r\n            background: var(--at-home-primary-dark);\r\n            color: white;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .at-home-btn-buy {\r\n            background: var(--at-home-secondary);\r\n        }\r\n\r\n        .at-home-btn-buy:hover {\r\n            background: var(--at-home-secondary-dark);\r\n            color: white;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* Features Section *\/\r\n        .at-home-feature-card {\r\n            text-align: center;\r\n            padding: 40px 25px;\r\n            border-radius: 16px;\r\n            background: white;\r\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\r\n            transition: all 0.3s ease;\r\n            height: 100%;\r\n        }\r\n\r\n        .at-home-feature-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .at-home-feature-icon {\r\n            width: 90px;\r\n            height: 90px;\r\n            margin: 0 auto 25px;\r\n            background: var(--at-home-gradient);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n            font-size: 2.2rem;\r\n        }\r\n\r\n        .at-home-feature-title {\r\n            font-size: 1.4rem;\r\n            font-weight: 600;\r\n            margin-bottom: 15px;\r\n            color: var(--at-home-dark);\r\n            letter-spacing: 0;\r\n        }\r\n\r\n        .at-home-feature-description {\r\n            color: var(--at-home-gray);\r\n            line-height: 1.6;\r\n            font-size: 1.05rem;\r\n        }\r\n\r\n        \/* Tabs *\/\r\n        .at-home-tabs {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 10px;\r\n            margin-bottom: 20px;\r\n            border-bottom: 2px solid var(--at-home-border);\r\n            padding-bottom: 15px;\r\n            justify-content: center;\r\n        }\r\n\r\n        .at-home-tab {\r\n            padding: 12px 24px;\r\n            border-radius: 30px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            background: transparent;\r\n            color: var(--at-home-gray);\r\n            font-size: 1.02rem;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .at-home-tab.active {\r\n            background: var(--at-home-primary);\r\n            color: white;\r\n        }\r\n\r\n        .at-home-tab:hover:not(.active) {\r\n            background: var(--at-home-light);\r\n            color: var(--at-home-dark);\r\n        }\r\n\r\n        .at-home-results-meta {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--at-home-gray);\r\n            font-weight: 600;\r\n            margin: 0 0 35px;\r\n            min-height: 24px;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(20px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .at-home-products-animate {\r\n            animation: fadeIn 0.5s ease;\r\n        }\r\n\r\n        \/* Load More Button *\/\r\n        .at-home-load-more {\r\n            text-align: center;\r\n            margin-top: 50px;\r\n        }\r\n\r\n        .at-home-btn-load-more {\r\n            background: var(--at-home-primary);\r\n            color: white;\r\n            padding: 14px 40px;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            transition: all 0.3s ease;\r\n            border: none;\r\n            font-size: 1.1rem;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .at-home-btn-load-more:hover {\r\n            background: var(--at-home-primary-dark);\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 15px 30px rgba(124, 58, 237, 0.3);\r\n            color: white;\r\n        }\r\n\r\n        .at-home-btn-load-more[hidden] {\r\n            display: none;\r\n        }\r\n\r\n        \/* Testimonials *\/\r\n        .at-home-testimonial-card {\r\n            background: white;\r\n            padding: 35px;\r\n            border-radius: 16px;\r\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\r\n            margin-bottom: 30px;\r\n            position: relative;\r\n        }\r\n\r\n        .at-home-testimonial-card::before {\r\n            content: '\"';\r\n            position: absolute;\r\n            top: 20px;\r\n            left: 20px;\r\n            font-size: 4rem;\r\n            color: var(--at-home-primary-light);\r\n            opacity: 0.3;\r\n            font-family: Georgia, serif;\r\n        }\r\n\r\n        .at-home-testimonial-text {\r\n            font-style: italic;\r\n            margin-bottom: 25px;\r\n            position: relative;\r\n            z-index: 1;\r\n            font-size: 1.1rem;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .at-home-testimonial-author {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n\r\n        .at-home-testimonial-avatar {\r\n            width: 60px;\r\n            height: 60px;\r\n            border-radius: 50%;\r\n            overflow: hidden;\r\n            flex: 0 0 auto;\r\n        }\r\n\r\n        .at-home-testimonial-avatar img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n        }\r\n\r\n        .at-home-testimonial-name {\r\n            font-weight: 600;\r\n            margin-bottom: 5px;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .at-home-testimonial-role {\r\n            color: var(--at-home-gray);\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        .at-home-testimonial-rating {\r\n            color: #fbbf24;\r\n            margin-bottom: 20px;\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        \/* Partners *\/\r\n        .at-home-partners {\r\n            background: white;\r\n            padding: 70px 0;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .at-home-partners-carousel {\r\n            display: flex;\r\n            overflow: hidden;\r\n            position: relative;\r\n        }\r\n\r\n        .at-home-partners-track {\r\n            display: flex;\r\n            animation: scroll 30s linear infinite;\r\n        }\r\n\r\n        @keyframes scroll {\r\n            0% {\r\n                transform: translateX(0);\r\n            }\r\n            100% {\r\n                transform: translateX(-50%);\r\n            }\r\n        }\r\n\r\n        .at-home-partner-logo {\r\n            flex: 0 0 auto;\r\n            width: 200px;\r\n            height: 100px;\r\n            margin: 0 30px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            filter: grayscale(100%);\r\n            opacity: 0.6;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .at-home-partner-logo:hover {\r\n            filter: grayscale(0%);\r\n            opacity: 1;\r\n        }\r\n\r\n        .at-home-partner-logo img {\r\n            max-width: 100%;\r\n            max-height: 100%;\r\n        }\r\n\r\n        \/* FAQ *\/\r\n        .at-home-faq-item {\r\n            background: white;\r\n            border-radius: 12px;\r\n            margin-bottom: 15px;\r\n            overflow: hidden;\r\n            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        .at-home-faq-question {\r\n            padding: 25px 30px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            transition: all 0.3s ease;\r\n            font-size: 1.1rem;\r\n            gap: 18px;\r\n        }\r\n\r\n        .at-home-faq-question:hover {\r\n            background: var(--at-home-light);\r\n        }\r\n\r\n        .at-home-faq-icon {\r\n            transition: transform 0.3s ease;\r\n            color: var(--at-home-primary);\r\n        }\r\n\r\n        .at-home-faq-item.active .at-home-faq-icon {\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .at-home-faq-answer {\r\n            padding: 0 30px;\r\n            max-height: 0;\r\n            overflow: hidden;\r\n            transition: all 0.3s ease;\r\n            color: var(--at-home-gray);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .at-home-faq-item.active .at-home-faq-answer {\r\n            padding: 0 30px 25px;\r\n            max-height: 300px;\r\n        }\r\n\r\n        \/* CTA Section *\/\r\n        .at-home-cta {\r\n            background: var(--at-home-gradient-2);\r\n            padding: 90px 0;\r\n            text-align: center;\r\n            color: white;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .at-home-cta::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: url('https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/Ready-to-Create-Something-Amazing.jpg') center\/cover;\r\n            opacity: 0.1;\r\n        }\r\n\r\n        .at-home-cta > div {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .at-home-cta h2 {\r\n            font-size: 2.8rem;\r\n            font-weight: 700;\r\n            margin-bottom: 25px;\r\n            letter-spacing: 0;\r\n        }\r\n\r\n        .at-home-cta p {\r\n            font-size: 1.3rem;\r\n            margin-bottom: 45px;\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .at-home-cta-button {\r\n            background: white;\r\n            color: var(--at-home-primary);\r\n            padding: 16px 45px;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            display: inline-block;\r\n            transition: all 0.3s ease;\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .at-home-cta-button:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);\r\n            color: var(--at-home-primary-dark);\r\n        }\r\n\r\n        \/* No Results Message *\/\r\n        .at-home-no-results {\r\n            text-align: center;\r\n            padding: 60px 20px;\r\n            display: none;\r\n        }\r\n\r\n        .at-home-no-results.active {\r\n            display: block;\r\n        }\r\n\r\n        .at-home-no-results i {\r\n            font-size: 4rem;\r\n            color: var(--at-home-gray);\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .at-home-no-results h3 {\r\n            font-size: 1.8rem;\r\n            color: var(--at-home-dark);\r\n            margin-bottom: 10px;\r\n            letter-spacing: 0;\r\n        }\r\n\r\n        .at-home-no-results p {\r\n            color: var(--at-home-gray);\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .at-home-hero h1 {\r\n                font-size: 2.5rem;\r\n            }\r\n\r\n            .at-home-section-title {\r\n                font-size: 2.2rem;\r\n            }\r\n\r\n            .at-home-cta h2 {\r\n                font-size: 2.2rem;\r\n            }\r\n\r\n            .at-home-tabs {\r\n                justify-content: flex-start;\r\n                overflow-x: auto;\r\n                flex-wrap: nowrap;\r\n                padding-bottom: 8px;\r\n            }\r\n\r\n            .at-home-tab {\r\n                white-space: nowrap;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 576px) {\r\n            .at-home-hero {\r\n                padding: 80px 0 60px;\r\n            }\r\n\r\n            .at-home-hero h1 {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .at-home-hero p {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .at-home-section {\r\n                padding: 60px 0;\r\n            }\r\n\r\n            .at-home-search-box {\r\n                align-items: stretch;\r\n                border-radius: 24px;\r\n                flex-direction: column;\r\n                padding: 10px;\r\n            }\r\n\r\n            .at-home-search-box input {\r\n                width: 100%;\r\n                padding: 14px 16px !important;\r\n            }\r\n\r\n            .at-home-search-box button {\r\n                width: 100%;\r\n            }\r\n\r\n            .at-home-product-buttons {\r\n                flex-direction: column;\r\n            }\r\n        }\r\n    <\/style>\r\n    <!-- Hero Section -->\r\n    <section class=\"at-home-hero\">\r\n        <div class=\"container\">\r\n            <div class=\"at-home-hero-content\" data-aos=\"fade-up\">\r\n                <h1>Premium WordPress Themes, PSD &amp; HTML Templates<\/h1>\r\n                <p>Explore beautifully crafted themes and templates to elevate your website. Professional designs trusted by thousands worldwide.<\/p>\r\n\r\n                <div class=\"at-home-search-container\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"at-home-search-box\">\r\n                        <input type=\"text\" id=\"searchInput\" placeholder=\"Search for themes, templates, or keywords...\" autocomplete=\"off\">\r\n                        <button type=\"button\" id=\"searchButton\"><i class=\"fas fa-search\"><\/i> Search<\/button>\r\n                    <\/div>\r\n                    <div class=\"at-home-search-results\" id=\"searchResults\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"at-home-hero-buttons\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <a href=\"#featured\" class=\"at-home-btn-primary\"><i class=\"fas fa-th-large\"><\/i> Browse All Themes<\/a>\r\n                    <a href=\"#latest\" class=\"at-home-btn-secondary\"><i class=\"fas fa-layer-group\"><\/i> Explore Categories<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Best Sellers Section -->\r\n    <section id=\"featured\" class=\"at-home-section\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n                <h2 class=\"at-home-section-title\">Best Sellers<\/h2>\r\n                <p class=\"at-home-section-subtitle\">Our most popular themes and templates, trusted by customers worldwide.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"row g-4\" id=\"bestSellers\">\r\n                <!-- Best seller products will be loaded by JavaScript -->\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Features Section -->\r\n    <section class=\"at-home-section bg-light\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n                <h2 class=\"at-home-section-title\">Why Choose Ary Themes?<\/h2>\r\n                <p class=\"at-home-section-subtitle\">We provide premium quality themes and templates with exceptional features and support.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"row g-4\">\r\n                <div class=\"col-lg-3 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"at-home-feature-card\">\r\n                        <div class=\"at-home-feature-icon\">\r\n                            <i class=\"fas fa-mobile-alt\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"at-home-feature-title\">Fully Responsive<\/h3>\r\n                        <p class=\"at-home-feature-description\">All our themes are mobile-friendly and look perfect on any device, from smartphones to desktops.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"col-lg-3 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"at-home-feature-card\">\r\n                        <div class=\"at-home-feature-icon\">\r\n                            <i class=\"fas fa-rocket\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"at-home-feature-title\">Fast &amp; Lightweight<\/h3>\r\n                        <p class=\"at-home-feature-description\">Optimized for performance with clean code and minimal dependencies for lightning-fast loading.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"col-lg-3 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"at-home-feature-card\">\r\n                        <div class=\"at-home-feature-icon\">\r\n                            <i class=\"fas fa-paint-brush\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"at-home-feature-title\">Easy to Customize<\/h3>\r\n                        <p class=\"at-home-feature-description\">Intuitive customization options and detailed documentation make personalization simple.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"col-lg-3 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                    <div class=\"at-home-feature-card\">\r\n                        <div class=\"at-home-feature-icon\">\r\n                            <i class=\"fas fa-headset\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"at-home-feature-title\">24\/7 Support<\/h3>\r\n                        <p class=\"at-home-feature-description\">Our dedicated support team is always here to help you with any questions or issues.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Latest Releases Section -->\r\n    <section id=\"latest\" class=\"at-home-section\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n                <h2 class=\"at-home-section-title\">Explore All Templates<\/h2>\r\n                <p class=\"at-home-section-subtitle\">From WordPress and Next.js to Figma, HTML, and PSD templates, we have everything you need.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"at-home-tabs\" data-aos=\"fade-up\" role=\"tablist\" aria-label=\"Template categories\">\r\n                <button class=\"at-home-tab active\" type=\"button\" data-category=\"all\">All<\/button>\r\n                <button class=\"at-home-tab\" type=\"button\" data-category=\"wordpress\">WordPress Themes<\/button>\r\n                <button class=\"at-home-tab\" type=\"button\" data-category=\"psd\">PSD Templates<\/button>\r\n                <button class=\"at-home-tab\" type=\"button\" data-category=\"nextjs\">NextJS Templates<\/button>\r\n                <button class=\"at-home-tab\" type=\"button\" data-category=\"html\">HTML Templates<\/button>\r\n                <button class=\"at-home-tab\" type=\"button\" data-category=\"figma\">Figma Templates<\/button>\r\n            <\/div>\r\n\r\n            <div class=\"at-home-results-meta\" id=\"resultsMeta\" aria-live=\"polite\"><\/div>\r\n\r\n            <div class=\"row g-4 at-home-products-animate\" id=\"productGrid\">\r\n                <!-- Products will be dynamically loaded here -->\r\n            <\/div>\r\n\r\n            <div class=\"at-home-no-results\" id=\"noResults\">\r\n                <i class=\"fas fa-search\"><\/i>\r\n                <h3>No products found<\/h3>\r\n                <p>Try another category or search keyword.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"at-home-load-more\">\r\n                <button class=\"at-home-btn-load-more\" type=\"button\" id=\"loadMoreButton\">\r\n                    <i class=\"fas fa-plus-circle\"><\/i> Load More Products\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Testimonials Section -->\r\n    <section class=\"at-home-section bg-light\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n                <h2 class=\"at-home-section-title\">What Our Customers Say<\/h2>\r\n                <p class=\"at-home-section-subtitle\">Real feedback from customers who love our themes<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"row\">\r\n                <div class=\"col-lg-4 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"at-home-testimonial-card\">\r\n                        <div class=\"at-home-testimonial-rating\">\r\n                            <i class=\"fas fa-star\"><\/i>\r\n                            <i class=\"fas fa-star\"><\/i>\r\n                            <i class=\"fas fa-star\"><\/i>\r\n                            <i class=\"fas fa-star\"><\/i>\r\n                            <i class=\"fas fa-star\"><\/i>\r\n                        <\/div>\r\n                        <p class=\"at-home-testimonial-text\">The template was exactly what I needed for my business website. Clean design, easy to customize, and excellent support.<\/p>\r\n                        <div class=\"at-home-testimonial-author\">\r\n                            <div class=\"at-home-testimonial-avatar\">\r\n                                <img decoding=\"async\" src=\"https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/Thomas-ez.jpg\" alt=\"Customer\">\r\n                            <\/div>\r\n                            <div>\r\n                                <div class=\"at-home-testimonial-name\">Michael Johnson<\/div>\r\n                                <div class=\"at-home-testimonial-role\">CEO, SolarTech<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"col-lg-4 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <div class=\"at-home-testimonial-card\">\r\n                        <div class=\"at-home-testimonial-rating\">\r\n                            <i class=\"fas fa-star\"><\/i>\r\n                            <i class=\"fas fa-star\"><\/i>\r\n                            <i class=\"fas fa-star\"><\/i>\r\n                            <i class=\"fas fa-star\"><\/i>\r\n                            <i class=\"fas fa-star\"><\/i>\r\n                        <\/div>\r\n                        <p class=\"at-home-testimonial-text\">Ary Themes helped me create a polished portfolio site quickly. The attention to detail and smooth animations impressed my clients.<\/p>\r\n                        <div class=\"at-home-testimonial-author\">\r\n                            <div class=\"at-home-testimonial-avatar\">\r\n                                <img decoding=\"async\" src=\"https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/sarah-ez.jpg\" alt=\"Customer\">\r\n                            <\/div>\r\n                            <div>\r\n                                <div class=\"at-home-testimonial-name\">Sarah Williams<\/div>\r\n                                <div class=\"at-home-testimonial-role\">Freelance Designer<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"col-lg-4 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                    <div class=\"at-home-testimonial-card\">\r\n                        <div class=\"at-home-testimonial-rating\">\r\n                            <i class=\"fas fa-star\"><\/i>\r\n                            <i class=\"fas fa-star\"><\/i>\r\n                            <i class=\"fas fa-star\"><\/i>\r\n                            <i class=\"fas fa-star\"><\/i>\r\n                            <i class=\"fas fa-star-half-alt\"><\/i>\r\n                        <\/div>\r\n                        <p class=\"at-home-testimonial-text\">The files were organized, responsive, and ready to adapt. It saved hours of setup work and made launch week much easier.<\/p>\r\n                        <div class=\"at-home-testimonial-author\">\r\n                            <div class=\"at-home-testimonial-avatar\">\r\n                                <img decoding=\"async\" src=\"https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/Andrew-ez.jpg\" alt=\"Customer\">\r\n                            <\/div>\r\n                            <div>\r\n                                <div class=\"at-home-testimonial-name\">David Chen<\/div>\r\n                                <div class=\"at-home-testimonial-role\">Agency Owner<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Partners Section -->\r\n    <section class=\"at-home-partners\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n                <h2 class=\"at-home-section-title\">Our Trusted Partners<\/h2>\r\n                <p class=\"at-home-section-subtitle\">Proud to work with leading companies and brands worldwide<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"at-home-partners-carousel\" data-aos=\"fade-up\">\r\n                <div class=\"at-home-partners-track\">\r\n                    <div class=\"at-home-partner-logo\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/envato-wc.png\" alt=\"Envato\">\r\n                    <\/div>\r\n                    <div class=\"at-home-partner-logo\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/adobe-wc.png\" alt=\"Adobe\">\r\n                    <\/div>\r\n                    <div class=\"at-home-partner-logo\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/behance-logo-wc.png\" alt=\"Behance\">\r\n                    <\/div>\r\n                    <div class=\"at-home-partner-logo\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/codester-logo-wc.png\" alt=\"Codester\">\r\n                    <\/div>\r\n                    <div class=\"at-home-partner-logo\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/wp-wdtm.png\" alt=\"WordPress\">\r\n                    <\/div>\r\n                    <div class=\"at-home-partner-logo\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/slack-logo-wdtm.png\" alt=\"Slack\">\r\n                    <\/div>\r\n                    <div class=\"at-home-partner-logo\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/envato-wc.png\" alt=\"Envato\">\r\n                    <\/div>\r\n                    <div class=\"at-home-partner-logo\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/adobe-wc.png\" alt=\"Adobe\">\r\n                    <\/div>\r\n                    <div class=\"at-home-partner-logo\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/behance-logo-wc.png\" alt=\"Behance\">\r\n                    <\/div>\r\n                    <div class=\"at-home-partner-logo\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/codester-logo-wc.png\" alt=\"Codester\">\r\n                    <\/div>\r\n                    <div class=\"at-home-partner-logo\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/wp-wdtm.png\" alt=\"WordPress\">\r\n                    <\/div>\r\n                    <div class=\"at-home-partner-logo\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/slack-logo-wdtm.png\" alt=\"Slack\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQ Section -->\r\n    <section class=\"at-home-section\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n                <h2 class=\"at-home-section-title\">Frequently Asked Questions<\/h2>\r\n                <p class=\"at-home-section-subtitle\">Find answers to common questions about our themes<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"row justify-content-center\">\r\n                <div class=\"col-lg-8\">\r\n                    <div class=\"at-home-faq-item\" data-aos=\"fade-up\">\r\n                        <div class=\"at-home-faq-question\">\r\n                            <span>Do you offer refunds if I am not satisfied?<\/span>\r\n                            <i class=\"fas fa-chevron-down at-home-faq-icon\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"at-home-faq-answer\">\r\n                            <p>Yes, we offer a 14-day money-back guarantee. If you are not completely satisfied with your purchase, please contact our support team within 14 days for a full refund.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"at-home-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                        <div class=\"at-home-faq-question\">\r\n                            <span>How often do you update your themes?<\/span>\r\n                            <i class=\"fas fa-chevron-down at-home-faq-icon\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"at-home-faq-answer\">\r\n                            <p>We regularly update our themes to ensure compatibility with the latest versions of WordPress and to add new features. Major updates are typically released quarterly, with security patches as needed.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"at-home-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                        <div class=\"at-home-faq-question\">\r\n                            <span>Can I use themes on multiple websites?<\/span>\r\n                            <i class=\"fas fa-chevron-down at-home-faq-icon\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"at-home-faq-answer\">\r\n                            <p>Each license is valid for use on a single website. If you need to use a theme on multiple websites, you will need to purchase additional licenses.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"at-home-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                        <div class=\"at-home-faq-question\">\r\n                            <span>Do you provide support after purchase?<\/span>\r\n                            <i class=\"fas fa-chevron-down at-home-faq-icon\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"at-home-faq-answer\">\r\n                            <p>Yes, all our themes come with 6 months of free support, which can be extended. Our support team is available Monday-Friday to help with theme-related questions or issues.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"at-home-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                        <div class=\"at-home-faq-question\">\r\n                            <span>Are themes compatible with popular plugins?<\/span>\r\n                            <i class=\"fas fa-chevron-down at-home-faq-icon\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"at-home-faq-answer\">\r\n                            <p>Our themes are tested with popular tools including WooCommerce, Yoast SEO, Contact Form 7, and many more. If you have a specific plugin in mind, our support team can help confirm compatibility.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- CTA Section -->\r\n    <section class=\"at-home-cta\">\r\n        <div class=\"container\">\r\n            <div data-aos=\"fade-up\">\r\n                <h2 class=\"text-light\">Ready to Create Something Amazing?<\/h2>\r\n                <p>Join satisfied customers who have transformed their websites with our premium themes and templates.<\/p>\r\n                <a href=\"#latest\" class=\"at-home-cta-button\">Browse All Templates<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Bootstrap JS -->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>\r\n\r\n    <!-- AOS Animation JS -->\r\n    <script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\r\n\r\n    <script>\r\n        const productsByCategory = {\r\n            wordpress: [\r\n                {\r\n                    category: 'WordPress Theme',\r\n                    title: 'Portlu - Personal Portfolio & Agency WordPress Theme',\r\n                    price: '$39',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/Portlu-Personal-Portfolio-Agency-WordPress-Theme.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/portlu-personal-portfolio-creative-agency-wordpress-theme\/'\r\n                },\r\n                {\r\n                    category: 'WordPress Theme',\r\n                    title: 'Alexi - Business Consulting & Services Multipurpose WordPress Theme',\r\n                    price: '$39',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/Alexi-%E2%80%93-Business-Consulting-Services-Multipurpose-WordPress-Theme.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/alexi-business-consulting-services-multipurpose-wordpress-theme\/'\r\n                },\r\n                {\r\n                    category: 'WordPress Theme',\r\n                    title: 'Craft - Coffee Shop Cafe Restaurant WordPress Theme',\r\n                    price: '$59',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Craft-%E2%80%93-Coffee-Shop-Cafe-Restaurant-WordPress-Theme.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/craft-coffee-shop-cafe-restaurant-wordpress-theme\/'\r\n                },\r\n                {\r\n                    category: 'WordPress Theme',\r\n                    title: 'Reditory - News & Magazine Style Ghost Blog Theme',\r\n                    price: '$59',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Reditory-%E2%80%93-News-Magazine-Style-Ghost-Blog-Theme.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/reditory-news-magazine-style-ghost-blog-theme\/'\r\n                },\r\n                {\r\n                    category: 'WordPress Theme',\r\n                    title: 'Invena - Business Consulting WordPress Theme',\r\n                    price: '$39',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Invena-%E2%80%93-Business-Consulting-WordPress-Theme.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/invena-business-consulting-wordpress-theme\/'\r\n                },\r\n                {\r\n                    category: 'WordPress Theme',\r\n                    title: 'Zeyna - Multi-Purpose Creative WordPress Theme',\r\n                    price: '$69',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Zeyna-%E2%80%93-Multi-Purpose-Creative-WordPress-Theme.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/zeyna-multi-purpose-creative-wordpress-theme\/'\r\n                },\r\n                {\r\n                    category: 'WordPress Theme',\r\n                    title: 'Hema - Multipurpose WooCommerce WordPress Theme',\r\n                    price: '$18',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Hema-%E2%80%93-Multipurpose-WooCommerce-WordPress-Theme.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/hema-multipurpose-woocommerce-wordpress-theme\/'\r\n                },\r\n                {\r\n                    category: 'WordPress Theme',\r\n                    title: 'Construct Press - Construction and Renovation WordPress Theme',\r\n                    price: '$59',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Construct-Press-%E2%80%93-Construction-and-Renovation-WordPress-Theme.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/construct-press-construction-and-renovation-wordpress-theme\/'\r\n                },\r\n                {\r\n                    category: 'WordPress Theme',\r\n                    title: 'Nexos - Real Estate WordPress Theme',\r\n                    price: '$48',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Nexos-%E2%80%93-Real-Estate-WordPress-Theme.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/nexos-real-estate-wordpress-theme\/'\r\n                },\r\n                {\r\n                    category: 'WordPress Theme',\r\n                    title: 'Buliten - Factory & Industry WordPress Theme',\r\n                    price: '$19',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Buliten-%E2%80%93-Factory-Industry-WordPress-Theme.png',\r\n                    url: 'https:\/\/ary-themes.com\/product\/buliten-factory-industry-wordpress-theme\/'\r\n                }\r\n            ],\r\n            psd: [\r\n                {\r\n                    category: 'PSD Template',\r\n                    title: 'Lovewed - Event & Wedding PSD Template',\r\n                    price: '$10',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/Lovewed-%E2%80%93-Event-Wedding-PSD-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/lovewed-event-wedding-psd-template\/'\r\n                },\r\n                {\r\n                    category: 'PSD Template',\r\n                    title: 'Pain - Charity & Fundraise Non-profit PSD Template',\r\n                    price: '$12',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/Pain-Charity-Fundraise-Non-profit-PSD-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/pain-charity-fundraise-non-profit-psd-template\/'\r\n                },\r\n                {\r\n                    category: 'PSD Template',\r\n                    title: 'Welkit - Personal Blogging PSD Template',\r\n                    price: '$10',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/Welkit-Personal-Blogging-PSD-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/welkit-personal-blogging-psd-template\/'\r\n                },\r\n                {\r\n                    category: 'PSD Template',\r\n                    title: 'Comic - Personal Blog PSD Template',\r\n                    price: '$10',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/Comic-%E2%80%93-Personal-Blog-PSD-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/comic-personal-blog-psd-template\/'\r\n                },\r\n                {\r\n                    category: 'PSD Template',\r\n                    title: 'Sonx - Personal CV, Resume & Portfolio PSD Template',\r\n                    price: '$10',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/Sonx-%E2%80%93-Personal-CV-Resume-Portfolio-PSD-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/sonx-personal-cv-resume-portfolio-psd-template\/'\r\n                },\r\n                {\r\n                    category: 'PSD Template',\r\n                    title: 'Cleanio - Laundry and Cleaning Service PSD Template',\r\n                    price: '$14',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/Cleanio-%E2%80%93-Laundry-and-Cleaning-Service-PSD-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/cleanio-laundry-cleaning-service-psd-template\/'\r\n                },\r\n                {\r\n                    category: 'PSD Template',\r\n                    title: 'NewsIN - Modern Personal Blog PSD Template',\r\n                    price: '$10',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/NewsIN-Modern-Personal-Blog-PSD-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/newsin-modern-personal-blog-psd-template\/'\r\n                },\r\n                {\r\n                    category: 'PSD Template',\r\n                    title: 'Alexi - Business Consulting & Services Multipurpose PSD Template',\r\n                    price: '$16',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/Alexi-%E2%80%93-Business-Consulting-Services-Multipurpose-PSD-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/alexi-business-consulting-services-multipurpose-psd-template\/'\r\n                },\r\n                {\r\n                    category: 'PSD Template',\r\n                    title: 'Learno - Online Education Learning PSD Template',\r\n                    price: '$14',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/Learno-Online-Education-Learning-PSD-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/learno-online-education-learning-psd-template\/'\r\n                },\r\n                {\r\n                    category: 'PSD Template',\r\n                    title: 'Helixis | Laboratory & Diagnostics PSD Template',\r\n                    price: '$14',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Helixis-Laboratory-Diagnostics-PSD-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/helixis-laboratory-diagnostics-psd-template\/'\r\n                },\r\n                {\r\n                    category: 'PSD Template',\r\n                    title: 'Voicera | AI Voiceover PSD Template',\r\n                    price: '$12',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Voicera-AI-Voiceover-PSD-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/voicera-ai-voiceover-psd-template\/'\r\n                }\r\n            ],\r\n            nextjs: [\r\n                {\r\n                    category: 'NextJS Template',\r\n                    title: 'Energix - Solar Energy Next Js Template',\r\n                    price: '$18',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/Energix-Solar-Energy-Next-Js-Template-1.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/energix-solar-renewable-energy-next-js-template\/'\r\n                },\r\n                {\r\n                    category: 'NextJS Template',\r\n                    title: 'Gixus - Modern Business Consulting React Next.js Template',\r\n                    price: '$17',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Gixus-%E2%80%93-Modern-Business-Consulting-React-Next.js-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/gixus-modern-business-consulting-react-next-js-template\/'\r\n                },\r\n                {\r\n                    category: 'NextJS Template',\r\n                    title: 'SEOZ - SEO & Digital Marketing Agency React Next.js Template',\r\n                    price: '$13',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/SEOZ-%E2%80%93-SEO-Digital-Marketing-Agency-React-Next.js-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/seoz-seo-digital-marketing-agency-react-next-js-template\/'\r\n                },\r\n                {\r\n                    category: 'NextJS Template',\r\n                    title: 'Orisa - Creative Agency & Portfolio NextJS Template',\r\n                    price: '$19',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Orisa-%E2%80%93-Creative-Agency-Portfolio-NextJS-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/orisa-creative-agency-portfolio-nextjs-template\/'\r\n                },\r\n                {\r\n                    category: 'NextJS Template',\r\n                    title: 'Arkitek - Architecture & Interior Next Js Template',\r\n                    price: '$17',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Arkitek-%E2%80%93-Architecture-Interior-Next-Js-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/arkitek-architecture-interior-next-js-template\/'\r\n                },\r\n                {\r\n                    category: 'NextJS Template',\r\n                    title: 'Consultar - Consulting Business Next Js Template',\r\n                    price: '$19',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Consultar-%E2%80%93-Consulting-Business-Next-Js-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/consultar-consulting-business-next-js-template\/'\r\n                },\r\n                {\r\n                    category: 'NextJS Template',\r\n                    title: 'TechFit - Gym, Fitness, Yoga Coaching LMS React Next.js Tailwind CSS Template',\r\n                    price: '$39',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/TechFit-%E2%80%93-Gym-Fitness-Yoga-Coaching-LMS-React-Next.js-Tailwind-CSS-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/techfit-gym-fitness-yoga-coaching-lms-react-next-js-tailwind-css-template\/'\r\n                },\r\n                {\r\n                    category: 'NextJS Template',\r\n                    title: 'ITSulu - React Technology & IT Company NextJS Template',\r\n                    price: '$17',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/ITSulu-%E2%80%93-React-Technology-IT-Company-NextJS-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/itsulu-react-technology-it-company-nextjs-template\/'\r\n                }\r\n            ],\r\n            html: [\r\n                {\r\n                    category: 'HTML Template',\r\n                    title: 'Energix - Solar Energy HTML Template',\r\n                    price: '$18',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/Energix-%E2%80%93-Solar-Energy-HTML-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/energix-solar-energy-html-template\/'\r\n                },\r\n                {\r\n                    category: 'HTML Template',\r\n                    title: 'Cleanio - Laundry And Cleaning Service HTML Template',\r\n                    price: '$18',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/Cleanio-Laundry-And-Cleaning-Service-HTML-Template-1.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/cleanio-premium-laundry-and-cleaning-service-html-template\/'\r\n                },\r\n                {\r\n                    category: 'HTML Template',\r\n                    title: 'Viszion - Artificial Intelligence and Robotics HTML Template',\r\n                    price: '$17',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/Viszion-%E2%80%93-Artificial-Intelligence-and-Robotics-HTML-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/viszion-artificial-intelligence-robotics-html-template\/'\r\n                },\r\n                {\r\n                    category: 'HTML Template',\r\n                    title: 'Alexi - Business Consulting & Services Multipurpose HTML Template',\r\n                    price: '$18',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/Alexi-%E2%80%93-Business-Consulting-Services-Multipurpose-HTML-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/alexi-business-consulting-services-html-template\/'\r\n                },\r\n                {\r\n                    category: 'HTML Template',\r\n                    title: 'Portlu - Personal Portfolio & Agency HTML5 Template',\r\n                    price: '$17',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/Portlu-%E2%80%93-Personal-Portfolio-Agency-HTML5-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/portlu-personal-portfolio-agency-html5-template\/'\r\n                },\r\n                {\r\n                    category: 'HTML Template',\r\n                    title: 'Yarnex - Textile & Fabric Manufacturing HTML Template',\r\n                    price: '$17',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Yarnex-%E2%80%93-Textile-Fabric-Manufacturing-HTML-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/yarnex-textile-fabric-manufacturing-html-template\/'\r\n                },\r\n                {\r\n                    category: 'HTML Template',\r\n                    title: 'Bigmarket - Multipurpose Responsive Bootstrap Template',\r\n                    price: '$18',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Bigmarket-%E2%80%93-Multipurpose-Responsive-Bootstrap-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/bigmarket-multipurpose-responsive-bootstrap-template\/'\r\n                },\r\n                {\r\n                    category: 'HTML Template',\r\n                    title: 'Pitoon - Creative Digital Agency Flask Template',\r\n                    price: '$13',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Pitoon-%E2%80%93-Creative-Digital-Agency-Flask-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/pitoon-creative-digital-agency-flask-template\/'\r\n                },\r\n                {\r\n                    category: 'HTML Template',\r\n                    title: 'Agntix - Digital Agency & Creative Portfolio HTML Template',\r\n                    price: '$12',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Agntix-%E2%80%93-Digital-Agency-Creative-Portfolio-HTML-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/agntix-digital-agency-creative-portfolio-html-template\/'\r\n                },\r\n                {\r\n                    category: 'HTML Template',\r\n                    title: 'Lucal - Mobile App Landing HTML Template',\r\n                    price: '$12',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Lucal-%E2%80%93-Mobile-App-Landing-HTML-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/lucal-mobile-app-landing-html-template\/'\r\n                },\r\n                {\r\n                    category: 'HTML Template',\r\n                    title: 'Mushawart - Business, Consulting and Professional Services HTML Template',\r\n                    price: '$12',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Mushawart-%E2%80%93-Business-Consulting-and-Professional-Services-HTML-Template.png',\r\n                    url: 'https:\/\/ary-themes.com\/product\/mushawart-business-consulting-and-professional-services-html-template\/'\r\n                },\r\n                {\r\n                    category: 'HTML Template',\r\n                    title: 'Buliten - Factory & Industry HTML Template',\r\n                    price: '$12',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Buliten-%E2%80%93-Factory-Industry-HTML-Template.png',\r\n                    url: 'https:\/\/ary-themes.com\/product\/buliten-factory-industry-html-template\/'\r\n                },\r\n                {\r\n                    category: 'HTML Template',\r\n                    title: 'Revel - Real Estate HTML Template',\r\n                    price: '$12',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Revel-%E2%80%93-Real-Estate-HTML-Template.png',\r\n                    url: 'https:\/\/ary-themes.com\/product\/revel-real-estate-html-template\/'\r\n                },\r\n                {\r\n                    category: 'HTML Template',\r\n                    title: 'Meditab | Hospital And Medical Multipurpose HTML Template',\r\n                    price: '$11',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Hospital-And-Medical-Multipurpose-HTML-Template.png',\r\n                    url: 'https:\/\/ary-themes.com\/product\/meditab-hospital-and-medical-multipurpose-html-template\/'\r\n                }\r\n            ],\r\n            figma: [\r\n                {\r\n                    category: 'Figma Template',\r\n                    title: 'Viszion - Artificial Intelligence Figma Template',\r\n                    price: '$14',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/02\/Viszion-%E2%80%93-Artificial-Intelligence-Figma-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/viszion-ai-data-science-figma-template\/'\r\n                },\r\n                {\r\n                    category: 'Figma Template',\r\n                    title: 'Yoda - Admin Dashboard & UI Kit + Charts Kit Figma Template',\r\n                    price: '$24',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Yoda-%E2%80%93-Admin-Dashboard-UI-Kit-Charts-Kit-Figma-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/yoda-admin-dashboard-ui-kit-charts-kit-figma-template\/'\r\n                },\r\n                {\r\n                    category: 'Figma Template',\r\n                    title: 'Rainbow - Multipage Kids Play School Website Figma Template',\r\n                    price: '$25',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Rainbow-%E2%80%93-Multipage-Kids-Play-School-Website-Figma-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/rainbow-multipage-kids-play-school-website-figma-template\/'\r\n                },\r\n                {\r\n                    category: 'Figma Template',\r\n                    title: 'Iori - Startup & SaaS Figma Template',\r\n                    price: '$15',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Iori-%E2%80%93-Startup-SaaS-Figma-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/iori-startup-saas-figma-template\/'\r\n                },\r\n                {\r\n                    category: 'Figma Template',\r\n                    title: 'PixFix - Handyman Services Figma Template',\r\n                    price: '$12',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/PixFix-%E2%80%93-Handyman-Services-Figma-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/pixfix-handyman-services-figma-template\/'\r\n                },\r\n                {\r\n                    category: 'Figma Template',\r\n                    title: 'Sportzy - Sportswear E-Commerce Website Design UI Figma Template',\r\n                    price: '$18',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Sportzy-%E2%80%93-Sportswear-E-Commerce-Website-Design-UI-Figma-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/sportzy-sportswear-e-commerce-website-design-ui-figma-template\/'\r\n                },\r\n                {\r\n                    category: 'Figma Template',\r\n                    title: 'Pixio - eCommerce Fashion Figma Mobile App UI Kit',\r\n                    price: '$19',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Pixio-%E2%80%93-eCommerce-Fashion-Figma-Mobile-App-UI-Kit.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/pixio-ecommerce-fashion-figma-mobile-app-ui-kit\/'\r\n                },\r\n                {\r\n                    category: 'Figma Template',\r\n                    title: 'Vuexy - Figma Admin Dashboard Builder & UI Kit Template',\r\n                    price: '$29',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Vuexy-%E2%80%93-Figma-Admin-Dashboard-Builder-UI-Kit-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/vuexy-figma-admin-dashboard-builder-ui-kit-template\/'\r\n                },\r\n                {\r\n                    category: 'Figma Template',\r\n                    title: 'FNT - MMA Promotion & News Figma Template',\r\n                    price: '$14',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/FNT-%E2%80%93-MMA-Promotion-News-Figma-Template.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/fnt-mma-promotion-news-figma-template\/'\r\n                },\r\n                {\r\n                    category: 'Figma Template',\r\n                    title: 'Kleon - Clean Admin Panel Dashboard UI Template Figma',\r\n                    price: '$22',\r\n                    image: 'https:\/\/ary-themes.com\/wp-content\/uploads\/2026\/05\/Kleon-%E2%80%93-Clean-Admin-Panel-Dashboard-UI-Template-Figma.jpg',\r\n                    url: 'https:\/\/ary-themes.com\/product\/kleon-clean-admin-panel-dashboard-ui-template-figma\/'\r\n                }\r\n            ]\r\n        };\r\n\r\n        const allProducts = [\r\n            ...productsByCategory.wordpress,\r\n            ...productsByCategory.psd,\r\n            ...productsByCategory.nextjs,\r\n            ...productsByCategory.html,\r\n            ...productsByCategory.figma\r\n        ];\r\n\r\n        const categoryLabels = {\r\n            all: 'All Templates',\r\n            wordpress: 'WordPress Themes',\r\n            psd: 'PSD Templates',\r\n            nextjs: 'NextJS Templates',\r\n            html: 'HTML Templates',\r\n            figma: 'Figma Templates'\r\n        };\r\n\r\n        const featuredProducts = [\r\n            { title: 'Energix - Solar Energy Next Js Template', badge: 'Bestseller' },\r\n            { title: 'Portlu - Personal Portfolio & Agency WordPress Theme', badge: 'Popular' },\r\n            { title: 'Cleanio - Laundry And Cleaning Service HTML Template', badge: 'New' }\r\n        ];\r\n\r\n        const state = {\r\n            activeCategory: 'all',\r\n            visibleCount: 9,\r\n            perLoad: 9\r\n        };\r\n\r\n        const productGrid = document.getElementById('productGrid');\r\n        const bestSellersGrid = document.getElementById('bestSellers');\r\n        const loadMoreButton = document.getElementById('loadMoreButton');\r\n        const noResults = document.getElementById('noResults');\r\n        const resultsMeta = document.getElementById('resultsMeta');\r\n        const searchInput = document.getElementById('searchInput');\r\n        const searchButton = document.getElementById('searchButton');\r\n        const searchResults = document.getElementById('searchResults');\r\n\r\n        function escapeHTML(value) {\r\n            return String(value)\r\n                .replace(\/&\/g, '&amp;')\r\n                .replace(\/<\/g, '&lt;')\r\n                .replace(\/>\/g, '&gt;')\r\n                .replace(\/\"\/g, '&quot;')\r\n                .replace(\/'\/g, '&#039;');\r\n        }\r\n\r\n        function getProducts(category) {\r\n            return category === 'all' ? allProducts : productsByCategory[category] || [];\r\n        }\r\n\r\n        function createProductCard(product, index, badge) {\r\n            const col = document.createElement('div');\r\n            col.className = 'col-lg-4 col-md-6';\r\n            col.setAttribute('data-aos', 'fade-up');\r\n            col.setAttribute('data-aos-delay', String((index % 9) * 80));\r\n\r\n            const badgeMarkup = badge ? `<span class=\"at-home-product-badge\">${escapeHTML(badge)}<\/span>` : '';\r\n            const title = escapeHTML(product.title);\r\n            const category = escapeHTML(product.category);\r\n            const price = escapeHTML(product.price);\r\n            const image = escapeHTML(product.image);\r\n            const url = escapeHTML(product.url);\r\n\r\n            col.innerHTML = `\r\n                <div class=\"at-home-product-card\">\r\n                    <div class=\"at-home-product-image\">\r\n                        <img decoding=\"async\" src=\"${image}\" alt=\"${title}\" loading=\"lazy\">\r\n                        ${badgeMarkup}\r\n                    <\/div>\r\n                    <div class=\"at-home-product-content\">\r\n                        <div class=\"at-home-product-category\">${category}<\/div>\r\n                        <h3 class=\"at-home-product-title\">${title}<\/h3>\r\n                        <div class=\"at-home-product-price\">${price}<\/div>\r\n                        <div class=\"at-home-product-buttons\">\r\n                            <a href=\"${url}\" class=\"at-home-btn-preview\"><i class=\"fas fa-eye\"><\/i> Live Preview<\/a>\r\n                            <a href=\"${url}\" class=\"at-home-btn-buy\"><i class=\"fas fa-shopping-cart\"><\/i> Buy Now<\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            `;\r\n\r\n            return col;\r\n        }\r\n\r\n        function renderBestSellers() {\r\n            bestSellersGrid.innerHTML = '';\r\n\r\n            featuredProducts.forEach((featured, index) => {\r\n                const product = allProducts.find(item => item.title === featured.title);\r\n                if (product) {\r\n                    bestSellersGrid.appendChild(createProductCard(product, index, featured.badge));\r\n                }\r\n            });\r\n        }\r\n\r\n        function renderProducts() {\r\n            const products = getProducts(state.activeCategory);\r\n            const shownProducts = products.slice(0, state.visibleCount);\r\n\r\n            productGrid.innerHTML = '';\r\n            shownProducts.forEach((product, index) => {\r\n                productGrid.appendChild(createProductCard(product, index));\r\n            });\r\n\r\n            productGrid.classList.remove('at-home-products-animate');\r\n            void productGrid.offsetWidth;\r\n            productGrid.classList.add('at-home-products-animate');\r\n\r\n            noResults.classList.toggle('active', products.length === 0);\r\n            loadMoreButton.hidden = state.visibleCount >= products.length;\r\n            resultsMeta.textContent = `${shownProducts.length} of ${products.length} ${categoryLabels[state.activeCategory]}`;\r\n\r\n            if (window.AOS) {\r\n                AOS.refreshHard();\r\n            }\r\n        }\r\n\r\n        function activateCategory(category) {\r\n            state.activeCategory = category;\r\n            state.visibleCount = state.perLoad;\r\n\r\n            document.querySelectorAll('.at-home-tab').forEach(tab => {\r\n                tab.classList.toggle('active', tab.dataset.category === category);\r\n            });\r\n\r\n            renderProducts();\r\n        }\r\n\r\n        function renderSearchResults(searchTerm) {\r\n            const query = searchTerm.toLowerCase().trim();\r\n\r\n            if (!query) {\r\n                searchResults.classList.remove('active');\r\n                searchResults.innerHTML = '';\r\n                return;\r\n            }\r\n\r\n            const filteredProducts = allProducts.filter(product => {\r\n                return product.title.toLowerCase().includes(query) ||\r\n                    product.category.toLowerCase().includes(query) ||\r\n                    product.price.toLowerCase().includes(query);\r\n            });\r\n\r\n            if (!filteredProducts.length) {\r\n                searchResults.innerHTML = `\r\n                    <div class=\"at-home-search-result-item\">\r\n                        <div class=\"at-home-search-result-title\">No results found<\/div>\r\n                        <div class=\"at-home-search-result-category\">Try searching with different keywords<\/div>\r\n                    <\/div>\r\n                `;\r\n                searchResults.classList.add('active');\r\n                return;\r\n            }\r\n\r\n            searchResults.innerHTML = filteredProducts.map((product, index) => `\r\n                <div class=\"at-home-search-result-item\" role=\"button\" tabindex=\"0\" data-index=\"${index}\">\r\n                    <div class=\"at-home-search-result-title\">${escapeHTML(product.title)}<\/div>\r\n                    <div class=\"at-home-search-result-category\">${escapeHTML(product.category)} - ${escapeHTML(product.price)}<\/div>\r\n                <\/div>\r\n            `).join('');\r\n\r\n            searchResults.classList.add('active');\r\n            searchResults.querySelectorAll('.at-home-search-result-item').forEach((item, index) => {\r\n                item.addEventListener('click', () => {\r\n                    window.location.href = filteredProducts[index].url;\r\n                });\r\n\r\n                item.addEventListener('keydown', event => {\r\n                    if (event.key === 'Enter' || event.key === ' ') {\r\n                        event.preventDefault();\r\n                        window.location.href = filteredProducts[index].url;\r\n                    }\r\n                });\r\n            });\r\n        }\r\n\r\n        function jumpToProducts() {\r\n            const query = searchInput.value.toLowerCase().trim();\r\n            if (!query) {\r\n                document.getElementById('latest').scrollIntoView({ behavior: 'smooth' });\r\n                return;\r\n            }\r\n\r\n            const matchingProduct = allProducts.find(product => {\r\n                return product.title.toLowerCase().includes(query) ||\r\n                    product.category.toLowerCase().includes(query) ||\r\n                    product.price.toLowerCase().includes(query);\r\n            });\r\n\r\n            if (matchingProduct) {\r\n                window.location.href = matchingProduct.url;\r\n            }\r\n        }\r\n\r\n        if (window.AOS) {\r\n            AOS.init({\r\n                duration: 1000,\r\n                once: true\r\n            });\r\n        }\r\n\r\n        renderBestSellers();\r\n        renderProducts();\r\n\r\n        document.querySelectorAll('.at-home-tab').forEach(tab => {\r\n            tab.addEventListener('click', () => {\r\n                activateCategory(tab.dataset.category);\r\n            });\r\n        });\r\n\r\n        loadMoreButton.addEventListener('click', () => {\r\n            state.visibleCount += state.perLoad;\r\n            renderProducts();\r\n        });\r\n\r\n        document.querySelectorAll('.at-home-faq-question').forEach(question => {\r\n            question.addEventListener('click', () => {\r\n                const faqItem = question.parentElement;\r\n                const isActive = faqItem.classList.contains('active');\r\n\r\n                document.querySelectorAll('.at-home-faq-item').forEach(item => {\r\n                    item.classList.remove('active');\r\n                });\r\n\r\n                if (!isActive) {\r\n                    faqItem.classList.add('active');\r\n                }\r\n            });\r\n        });\r\n\r\n        searchInput.addEventListener('input', event => {\r\n            renderSearchResults(event.target.value);\r\n        });\r\n\r\n        searchInput.addEventListener('keydown', event => {\r\n            if (event.key === 'Enter') {\r\n                jumpToProducts();\r\n            }\r\n        });\r\n\r\n        searchButton.addEventListener('click', jumpToProducts);\r\n\r\n        document.addEventListener('click', event => {\r\n            if (!event.target.closest('.at-home-search-container')) {\r\n                searchResults.classList.remove('active');\r\n            }\r\n        });\r\n    <\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-homepage.php","meta":{"footnotes":""},"class_list":["post-5268","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ary-themes.com\/bn\/wp-json\/wp\/v2\/pages\/5268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ary-themes.com\/bn\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ary-themes.com\/bn\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ary-themes.com\/bn\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/ary-themes.com\/bn\/wp-json\/wp\/v2\/comments?post=5268"}],"version-history":[{"count":10,"href":"https:\/\/ary-themes.com\/bn\/wp-json\/wp\/v2\/pages\/5268\/revisions"}],"predecessor-version":[{"id":5980,"href":"https:\/\/ary-themes.com\/bn\/wp-json\/wp\/v2\/pages\/5268\/revisions\/5980"}],"wp:attachment":[{"href":"https:\/\/ary-themes.com\/bn\/wp-json\/wp\/v2\/media?parent=5268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}