{"id":5334,"date":"2026-02-28T04:47:24","date_gmt":"2026-02-28T04:47:24","guid":{"rendered":"https:\/\/ary-themes.com\/?page_id=5334"},"modified":"2026-05-14T11:48:29","modified_gmt":"2026-05-14T11:48:29","slug":"all-templates","status":"publish","type":"page","link":"https:\/\/ary-themes.com\/zh-CN\/all-templates\/","title":{"rendered":"All Templates"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5334\" class=\"elementor elementor-5334\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6147c63 e-con-full e-flex e-con e-parent\" data-id=\"6147c63\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5f5553 elementor-widget elementor-widget-shortcode\" data-id=\"c5f5553\" 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\">\r\n\r\n    <!-- Bootstrap CSS -->\r\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n\r\n    <!-- 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            --all-tm-primary-color: #7c3aed;\r\n            --all-tm-primary-dark: #6d28d9;\r\n            --all-tm-primary-light: #a78bfa;\r\n            --all-tm-secondary: #0891b2;\r\n            --all-tm-secondary-dark: #0e7490;\r\n            --all-tm-success: #10b981;\r\n            --all-tm-warning: #f59e0b;\r\n            --all-tm-danger: #ef4444;\r\n            --all-tm-dark: #1e293b;\r\n            --all-tm-darker: #0f172a;\r\n            --all-tm-light: #f8fafc;\r\n            --all-tm-gray: #64748b;\r\n            --all-tm-gray-light: #e2e8f0;\r\n            --all-tm-border: #e2e8f0;\r\n            --all-tm-gradient: linear-gradient(135deg, #7c3aed 0%, #0891b2 100%);\r\n            --all-tm-gradient-2: linear-gradient(135deg, #6d28d9 0%, #0e7490 100%);\r\n            --all-tm-gradient-3: linear-gradient(135deg, #1e293b 0%, #0f172a 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    \r\n\r\n        img {\r\n            max-width: 100%;\r\n        }\r\n\r\n        \/* Hero Section *\/\r\n        .all-tm-hero {\r\n            background: linear-gradient(135deg, #7c3aed 0%, #0891b2 100%);\r\n            padding: 120px 0 100px;\r\n            position: relative;\r\n            overflow: visible;\r\n        }\r\n\r\n        .all-tm-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\/Premium-Templates-Marketplace.jpg') center\/cover;\r\n            opacity: 0.1;\r\n            z-index: 0;\r\n        }\r\n\r\n        .all-tm-hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .all-tm-hero h1 {\r\n            font-size: 3.5rem;\r\n            font-weight: 800;\r\n            color: white;\r\n            margin-bottom: 25px;\r\n            line-height: 1.2;\r\n            text-align: center;\r\n            letter-spacing: 0;\r\n        }\r\n\r\n        .all-tm-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        .all-tm-search-container {\r\n            position: relative;\r\n            max-width: 700px;\r\n            margin: 0 auto 60px;\r\n            z-index: 10;\r\n        }\r\n\r\n        .all-tm-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        .all-tm-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        .all-tm-search-box button {\r\n            background: var(--all-tm-primary-color);\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        .all-tm-search-box button:hover {\r\n            background: var(--all-tm-primary-dark);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .all-tm-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        .all-tm-search-results.active {\r\n            display: block;\r\n        }\r\n\r\n        .all-tm-search-result-item {\r\n            padding: 15px 25px;\r\n            border-bottom: 1px solid var(--all-tm-border);\r\n            cursor: pointer;\r\n            transition: background 0.3s ease;\r\n        }\r\n\r\n        .all-tm-search-result-item:hover,\r\n        .all-tm-search-result-item:focus {\r\n            background: var(--all-tm-light);\r\n        }\r\n\r\n        .all-tm-search-result-item:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .all-tm-search-result-title {\r\n            font-weight: 600;\r\n            color: var(--all-tm-dark);\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .all-tm-search-result-category {\r\n            font-size: 0.9rem;\r\n            color: var(--all-tm-gray);\r\n        }\r\n\r\n        .all-tm-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: 1;\r\n        }\r\n\r\n        .all-tm-btn-primary {\r\n            background: white;\r\n            color: var(--all-tm-primary-color);\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        .all-tm-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        .all-tm-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        .all-tm-btn-secondary:hover {\r\n            background: white;\r\n            color: var(--all-tm-primary-color);\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        .all-tm-section {\r\n            padding: 80px 0;\r\n        }\r\n\r\n        .all-tm-section-title {\r\n            font-size: 2.8rem;\r\n            font-weight: 700;\r\n            margin-bottom: 20px;\r\n            color: var(--all-tm-dark);\r\n            letter-spacing: 0;\r\n        }\r\n\r\n        .all-tm-section-subtitle {\r\n            font-size: 1.2rem;\r\n            color: var(--all-tm-gray);\r\n            margin-bottom: 50px;\r\n            text-align: center;\r\n        }\r\n\r\n        \/* Category Section *\/\r\n        .all-tm-category-section {\r\n            margin-bottom: 80px;\r\n            scroll-margin-top: 24px;\r\n        }\r\n\r\n        .all-tm-category-section:last-child {\r\n            margin-bottom: 0;\r\n        }\r\n\r\n        .all-tm-category-header {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            gap: 20px;\r\n            margin-bottom: 30px;\r\n            padding-bottom: 15px;\r\n            border-bottom: 2px solid var(--all-tm-border);\r\n        }\r\n\r\n        .all-tm-category-title {\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            color: var(--all-tm-dark);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            letter-spacing: 0;\r\n        }\r\n\r\n        .all-tm-category-icon {\r\n            width: 50px;\r\n            height: 50px;\r\n            background: var(--all-tm-gradient);\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n            font-size: 1.5rem;\r\n            flex: 0 0 auto;\r\n        }\r\n\r\n        .all-tm-category-actions {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 16px;\r\n            flex-wrap: wrap;\r\n            justify-content: flex-end;\r\n        }\r\n\r\n        .all-tm-category-count {\r\n            background: var(--all-tm-light);\r\n            color: var(--all-tm-gray);\r\n            padding: 8px 16px;\r\n            border-radius: 20px;\r\n            font-weight: 600;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .all-tm-view-all {\r\n            color: var(--all-tm-primary-color);\r\n            font-weight: 600;\r\n            text-decoration: none;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .all-tm-view-all:hover {\r\n            color: var(--all-tm-primary-dark);\r\n            gap: 12px;\r\n        }\r\n\r\n        \/* Product Cards *\/\r\n        .all-tm-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        .all-tm-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        .all-tm-product-image {\r\n            height: 220px;\r\n            overflow: hidden;\r\n            position: relative;\r\n            background: var(--all-tm-light);\r\n        }\r\n\r\n        .all-tm-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        .all-tm-product-card:hover .all-tm-product-image img {\r\n            transform: scale(1.05);\r\n        }\r\n\r\n        .all-tm-product-badge {\r\n            position: absolute;\r\n            top: 15px;\r\n            right: 15px;\r\n            background: var(--all-tm-primary-color);\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        .all-tm-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        .all-tm-product-category {\r\n            color: var(--all-tm-primary-color);\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        .all-tm-product-title {\r\n            font-size: 1.2rem;\r\n            font-weight: 600;\r\n            margin-bottom: 15px;\r\n            color: var(--all-tm-dark);\r\n            line-height: 1.4;\r\n            letter-spacing: 0;\r\n        }\r\n\r\n        .all-tm-product-price {\r\n            font-size: 1.5rem;\r\n            font-weight: 700;\r\n            color: var(--all-tm-success);\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .all-tm-product-buttons {\r\n            display: flex;\r\n            gap: 10px;\r\n            margin-top: auto;\r\n        }\r\n\r\n        .all-tm-btn-preview,\r\n        .all-tm-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        .all-tm-btn-preview {\r\n            background: var(--all-tm-primary-color);\r\n        }\r\n\r\n        .all-tm-btn-preview:hover {\r\n            background: var(--all-tm-primary-dark);\r\n            color: white;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .all-tm-btn-buy {\r\n            background: var(--all-tm-secondary);\r\n        }\r\n\r\n        .all-tm-btn-buy:hover {\r\n            background: var(--all-tm-secondary-dark);\r\n            color: white;\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* Stats Section *\/\r\n        .all-tm-stats {\r\n            background: var(--all-tm-gradient-3);\r\n            padding: 80px 0;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .all-tm-stats::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\/Trusted-by-Thousands-Worldwide.jpg') center\/cover;\r\n            opacity: 0.1;\r\n            z-index: 0;\r\n        }\r\n\r\n        .all-tm-stats-content {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .all-tm-stats-title {\r\n            font-size: 2.8rem;\r\n            font-weight: 700;\r\n            color: white;\r\n            margin-bottom: 20px;\r\n            text-align: center;\r\n            letter-spacing: 0;\r\n        }\r\n\r\n        .all-tm-stats-subtitle {\r\n            font-size: 1.2rem;\r\n            color: rgba(255, 255, 255, 0.8);\r\n            margin-bottom: 60px;\r\n            text-align: center;\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        .all-tm-stats-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            gap: 40px;\r\n        }\r\n\r\n        .all-tm-stat-item {\r\n            text-align: center;\r\n        }\r\n\r\n        .all-tm-stat-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: rgba(255, 255, 255, 0.1);\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: 2rem;\r\n            margin: 0 auto 20px;\r\n        }\r\n\r\n        .all-tm-stat-number {\r\n            font-size: 2.5rem;\r\n            font-weight: 700;\r\n            color: white;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .all-tm-stat-label {\r\n            font-size: 1.1rem;\r\n            color: rgba(255, 255, 255, 0.8);\r\n        }\r\n\r\n        \/* FAQ Section *\/\r\n        .all-tm-faq {\r\n            background: var(--all-tm-light);\r\n        }\r\n\r\n        .all-tm-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        .all-tm-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            gap: 18px;\r\n            transition: all 0.3s ease;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .all-tm-faq-question:hover {\r\n            background: var(--all-tm-light);\r\n        }\r\n\r\n        .all-tm-faq-icon {\r\n            transition: transform 0.3s ease;\r\n            color: var(--all-tm-primary-color);\r\n        }\r\n\r\n        .all-tm-faq-item.active .all-tm-faq-icon {\r\n            transform: rotate(180deg);\r\n        }\r\n\r\n        .all-tm-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(--all-tm-gray);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .all-tm-faq-item.active .all-tm-faq-answer {\r\n            padding: 0 30px 25px;\r\n            max-height: 320px;\r\n        }\r\n\r\n        \/* CTA Section *\/\r\n        .all-tm-cta {\r\n            background: var(--all-tm-gradient);\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        .all-tm-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-cta.jpg') center\/cover;\r\n            opacity: 0.1;\r\n        }\r\n\r\n        .all-tm-cta > div {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .all-tm-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        .all-tm-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        .all-tm-cta-button {\r\n            background: white;\r\n            color: var(--all-tm-primary-color);\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        .all-tm-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(--all-tm-primary-dark);\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .all-tm-hero h1 {\r\n                font-size: 2.5rem;\r\n            }\r\n\r\n            .all-tm-section-title {\r\n                font-size: 2.2rem;\r\n            }\r\n\r\n            .all-tm-category-header {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n            }\r\n\r\n            .all-tm-category-actions {\r\n                justify-content: flex-start;\r\n            }\r\n\r\n            .all-tm-stats-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 30px;\r\n            }\r\n\r\n            .all-tm-cta h2 {\r\n                font-size: 2.2rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 576px) {\r\n            .all-tm-hero {\r\n                padding: 80px 0 80px;\r\n            }\r\n\r\n            .all-tm-hero h1 {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .all-tm-hero p {\r\n                font-size: 1.1rem;\r\n            }\r\n\r\n            .all-tm-section {\r\n                padding: 60px 0;\r\n            }\r\n\r\n            .all-tm-stats-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .all-tm-search-container {\r\n                margin-bottom: 50px;\r\n            }\r\n\r\n            .all-tm-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            .all-tm-search-box input {\r\n                width: 100%;\r\n                padding: 14px 16px !important;\r\n            }\r\n\r\n            .all-tm-search-box button {\r\n                width: 100%;\r\n            }\r\n\r\n            .all-tm-product-buttons {\r\n                flex-direction: column;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- Hero Section -->\r\n    <section class=\"all-tm-hero\">\r\n        <div class=\"container\">\r\n            <div class=\"all-tm-hero-content\" data-aos=\"fade-up\">\r\n                <h1>Premium Templates Marketplace<\/h1>\r\n                <p>Browse premium WordPress themes, HTML templates, Figma templates, NextJS templates, and PSD designs. Elevate your web presence with high quality, modern layouts.<\/p>\r\n\r\n                <div class=\"all-tm-search-container\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                    <div class=\"all-tm-search-box\">\r\n                        <input type=\"text\" id=\"searchInput\" placeholder=\"Search for templates, themes, 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=\"all-tm-search-results\" id=\"searchResults\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"all-tm-hero-buttons\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                    <a href=\"#templates\" class=\"all-tm-btn-primary\"><i class=\"fas fa-th-large\"><\/i> Browse All Templates<\/a>\r\n                    <a href=\"#stats\" class=\"all-tm-btn-secondary\"><i class=\"fas fa-chart-line\"><\/i> View Our Stats<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- All Templates Section -->\r\n    <section id=\"templates\" class=\"all-tm-section\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n                <h2 class=\"all-tm-section-title\">All Templates<\/h2>\r\n                <p class=\"all-tm-section-subtitle\">Explore our complete collection of premium templates organized by category<\/p>\r\n            <\/div>\r\n\r\n            <div id=\"categorySections\"><\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Trust & Stats Section -->\r\n    <section id=\"stats\" class=\"all-tm-stats\">\r\n        <div class=\"container\">\r\n            <div class=\"all-tm-stats-content\">\r\n                <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n                    <h2 class=\"all-tm-stats-title\">Trusted by Thousands Worldwide<\/h2>\r\n                    <p class=\"all-tm-stats-subtitle\">Join our growing community of satisfied customers who trust our templates for their businesses<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"all-tm-stats-grid\">\r\n                    <div class=\"all-tm-stat-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                        <div class=\"all-tm-stat-icon\">\r\n                            <i class=\"fas fa-layer-group\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"all-tm-stat-number\">500+<\/div>\r\n                        <div class=\"all-tm-stat-label\">Premium Templates<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"all-tm-stat-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                        <div class=\"all-tm-stat-icon\">\r\n                            <i class=\"fas fa-download\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"all-tm-stat-number\">10,000+<\/div>\r\n                        <div class=\"all-tm-stat-label\">Happy Downloads<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"all-tm-stat-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                        <div class=\"all-tm-stat-icon\">\r\n                            <i class=\"fas fa-star\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"all-tm-stat-number\">4.8<\/div>\r\n                        <div class=\"all-tm-stat-label\">Average Rating<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"all-tm-stat-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                        <div class=\"all-tm-stat-icon\">\r\n                            <i class=\"fas fa-shield-alt\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"all-tm-stat-number\">100%<\/div>\r\n                        <div class=\"all-tm-stat-label\">Secure Payments<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"all-tm-stat-item\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                        <div class=\"all-tm-stat-icon\">\r\n                            <i class=\"fas fa-sync-alt\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"all-tm-stat-number\">Lifetime<\/div>\r\n                        <div class=\"all-tm-stat-label\">Free Updates<\/div>\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=\"all-tm-section all-tm-faq\">\r\n        <div class=\"container\">\r\n            <div class=\"text-center mb-5\" data-aos=\"fade-up\">\r\n                <h2 class=\"all-tm-section-title\">Frequently Asked Questions<\/h2>\r\n                <p class=\"all-tm-section-subtitle\">Find answers to common questions about our templates and services<\/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=\"all-tm-faq-item\" data-aos=\"fade-up\">\r\n                        <div class=\"all-tm-faq-question\">\r\n                            <span>What type of license do I get with my purchase?<\/span>\r\n                            <i class=\"fas fa-chevron-down all-tm-faq-icon\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"all-tm-faq-answer\">\r\n                            <p>All our templates come with a regular license that allows you to use the template in a single end product. For multiple projects, you need to purchase additional licenses.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"all-tm-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"100\">\r\n                        <div class=\"all-tm-faq-question\">\r\n                            <span>What is your refund policy?<\/span>\r\n                            <i class=\"fas fa-chevron-down all-tm-faq-icon\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"all-tm-faq-answer\">\r\n                            <p>We offer a 14-day money-back guarantee on all our templates. If you are not satisfied, contact our support team within 14 days for help with a refund request.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"all-tm-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"200\">\r\n                        <div class=\"all-tm-faq-question\">\r\n                            <span>How often do you update your templates?<\/span>\r\n                            <i class=\"fas fa-chevron-down all-tm-faq-icon\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"all-tm-faq-answer\">\r\n                            <p>We regularly update our templates to ensure compatibility with current platforms and to add new features, fixes, and improvements.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"all-tm-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"300\">\r\n                        <div class=\"all-tm-faq-question\">\r\n                            <span>What kind of support do you provide?<\/span>\r\n                            <i class=\"fas fa-chevron-down all-tm-faq-icon\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"all-tm-faq-answer\">\r\n                            <p>All our templates come with 6 months of free support. Support includes help with installation, configuration, and template-related troubleshooting.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"all-tm-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"400\">\r\n                        <div class=\"all-tm-faq-question\">\r\n                            <span>Can I customize the templates to match my brand?<\/span>\r\n                            <i class=\"fas fa-chevron-down all-tm-faq-icon\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"all-tm-faq-answer\">\r\n                            <p>Yes. All templates are designed to be customizable, including colors, fonts, layouts, assets, and content sections.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"all-tm-faq-item\" data-aos=\"fade-up\" data-aos-delay=\"500\">\r\n                        <div class=\"all-tm-faq-question\">\r\n                            <span>Are your templates compatible with popular plugins?<\/span>\r\n                            <i class=\"fas fa-chevron-down all-tm-faq-icon\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"all-tm-faq-answer\">\r\n                            <p>Our templates are tested with popular tools and plugins. Each product page or documentation package includes the relevant compatibility details.<\/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=\"all-tm-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 thousands of satisfied customers who have transformed their websites with our premium templates.<\/p>\r\n                <a href=\"#templates\" class=\"all-tm-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 categories = [\r\n            {\r\n                id: 'wordpress',\r\n                title: 'WordPress Themes',\r\n                icon: 'fab fa-wordpress',\r\n                viewAll: 'https:\/\/ary-themes.com\/product-category\/wordpress-theme\/'\r\n            },\r\n            {\r\n                id: 'psd',\r\n                title: 'PSD Templates',\r\n                icon: 'fa-regular fa-file',\r\n                viewAll: 'https:\/\/ary-themes.com\/product-category\/psd-template\/'\r\n            },\r\n            {\r\n                id: 'nextjs',\r\n                title: 'NextJS Templates',\r\n                icon: 'fab fa-react',\r\n                viewAll: 'https:\/\/ary-themes.com\/product-category\/nextjs-template\/'\r\n            },\r\n            {\r\n                id: 'html',\r\n                title: 'HTML Templates',\r\n                icon: 'fab fa-html5',\r\n                viewAll: 'https:\/\/ary-themes.com\/product-category\/html-template\/'\r\n            },\r\n            {\r\n                id: 'figma',\r\n                title: 'Figma Templates',\r\n                icon: 'fab fa-figma',\r\n                viewAll: 'https:\/\/ary-themes.com\/product-category\/figma-template\/'\r\n            }\r\n        ];\r\n\r\n        const allProducts = [\r\n            {\r\n                category: 'WordPress Theme',\r\n                categoryId: 'wordpress',\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                categoryId: 'wordpress',\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                categoryId: 'wordpress',\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                categoryId: 'wordpress',\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                categoryId: 'wordpress',\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                categoryId: 'wordpress',\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                categoryId: 'wordpress',\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                categoryId: 'wordpress',\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                categoryId: 'wordpress',\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                categoryId: 'wordpress',\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                category: 'PSD Template',\r\n                categoryId: 'psd',\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                categoryId: 'psd',\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                categoryId: 'psd',\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                categoryId: 'psd',\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                categoryId: 'psd',\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                categoryId: 'psd',\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                categoryId: 'psd',\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                categoryId: 'psd',\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                categoryId: 'psd',\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                categoryId: 'psd',\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                categoryId: 'psd',\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                category: 'NextJS Template',\r\n                categoryId: 'nextjs',\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                categoryId: 'nextjs',\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                categoryId: 'nextjs',\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                categoryId: 'nextjs',\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                categoryId: 'nextjs',\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                categoryId: 'nextjs',\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                categoryId: 'nextjs',\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                categoryId: 'nextjs',\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                category: 'HTML Template',\r\n                categoryId: 'html',\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                categoryId: 'html',\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                categoryId: 'html',\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                categoryId: 'html',\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                categoryId: 'html',\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                categoryId: 'html',\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                categoryId: 'html',\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                categoryId: 'html',\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                categoryId: 'html',\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                categoryId: 'html',\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                categoryId: 'html',\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                categoryId: 'html',\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                categoryId: 'html',\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                categoryId: 'html',\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                category: 'Figma Template',\r\n                categoryId: 'figma',\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                categoryId: 'figma',\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                categoryId: 'figma',\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                categoryId: 'figma',\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                categoryId: 'figma',\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                categoryId: 'figma',\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                categoryId: 'figma',\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                categoryId: 'figma',\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                categoryId: 'figma',\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                categoryId: 'figma',\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        const productsByCategory = allProducts.reduce((groupedProducts, product) => {\r\n            if (!groupedProducts[product.categoryId]) {\r\n                groupedProducts[product.categoryId] = [];\r\n            }\r\n            groupedProducts[product.categoryId].push(product);\r\n            return groupedProducts;\r\n        }, {});\r\n\r\n        const categorySections = document.getElementById('categorySections');\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 createProductCard(product, index) {\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            return `\r\n                <div class=\"col-lg-4 col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"${(index % 9) * 80}\">\r\n                    <div class=\"all-tm-product-card\">\r\n                        <div class=\"all-tm-product-image\">\r\n                            <img decoding=\"async\" src=\"${image}\" alt=\"${title}\" loading=\"lazy\">\r\n                        <\/div>\r\n                        <div class=\"all-tm-product-content\">\r\n                            <div class=\"all-tm-product-category\">${category}<\/div>\r\n                            <h3 class=\"all-tm-product-title\">${title}<\/h3>\r\n                            <div class=\"all-tm-product-price\">${price}<\/div>\r\n                            <div class=\"all-tm-product-buttons\">\r\n                                <a href=\"${url}\" class=\"all-tm-btn-preview\"><i class=\"fas fa-eye\"><\/i> Live Preview<\/a>\r\n                                <a href=\"${url}\" class=\"all-tm-btn-buy\"><i class=\"fas fa-shopping-cart\"><\/i> Buy Now<\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            `;\r\n        }\r\n\r\n        function renderCategorySections() {\r\n            categorySections.innerHTML = categories.map(category => {\r\n                const products = productsByCategory[category.id] || [];\r\n                const productCountLabel = `${products.length} ${products.length === 1 ? 'Product' : 'Products'}`;\r\n\r\n                return `\r\n                    <div class=\"all-tm-category-section\" id=\"${category.id}Section\" data-aos=\"fade-up\">\r\n                        <div class=\"all-tm-category-header\">\r\n                            <div class=\"all-tm-category-title\">\r\n                                <div class=\"all-tm-category-icon\">\r\n                                    <i class=\"${escapeHTML(category.icon)}\"><\/i>\r\n                                <\/div>\r\n                                ${escapeHTML(category.title)}\r\n                            <\/div>\r\n                            <div class=\"all-tm-category-actions\">\r\n                                <span class=\"all-tm-category-count\">${productCountLabel}<\/span>\r\n                                <a href=\"${escapeHTML(category.viewAll)}\" class=\"all-tm-view-all\">View All <i class=\"fas fa-arrow-right\"><\/i><\/a>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"row g-4\" id=\"${category.id}Products\">\r\n                            ${products.map(createProductCard).join('')}\r\n                        <\/div>\r\n                    <\/div>\r\n                `;\r\n            }).join('');\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=\"all-tm-search-result-item\">\r\n                        <div class=\"all-tm-search-result-title\">No results found<\/div>\r\n                        <div class=\"all-tm-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=\"all-tm-search-result-item\" role=\"button\" tabindex=\"0\" data-index=\"${index}\">\r\n                    <div class=\"all-tm-search-result-title\">${escapeHTML(product.title)}<\/div>\r\n                    <div class=\"all-tm-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\r\n            searchResults.querySelectorAll('.all-tm-search-result-item').forEach((item, index) => {\r\n                item.addEventListener('click', () => {\r\n                    scrollToProductCategory(filteredProducts[index]);\r\n                });\r\n\r\n                item.addEventListener('keydown', event => {\r\n                    if (event.key === 'Enter' || event.key === ' ') {\r\n                        event.preventDefault();\r\n                        scrollToProductCategory(filteredProducts[index]);\r\n                    }\r\n                });\r\n            });\r\n        }\r\n\r\n        function scrollToProductCategory(product) {\r\n            const categorySection = document.getElementById(`${product.categoryId}Section`);\r\n            if (categorySection) {\r\n                categorySection.scrollIntoView({ behavior: 'smooth', block: 'start' });\r\n            }\r\n\r\n            searchResults.classList.remove('active');\r\n            searchInput.value = '';\r\n        }\r\n\r\n        function handleSearchSubmit() {\r\n            const query = searchInput.value.toLowerCase().trim();\r\n            if (!query) {\r\n                document.getElementById('templates').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                scrollToProductCategory(matchingProduct);\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        renderCategorySections();\r\n\r\n        if (window.AOS) {\r\n            AOS.refreshHard();\r\n        }\r\n\r\n        document.querySelectorAll('.all-tm-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('.all-tm-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                handleSearchSubmit();\r\n            }\r\n        });\r\n\r\n        searchButton.addEventListener('click', handleSearchSubmit);\r\n\r\n        document.addEventListener('click', event => {\r\n            if (!event.target.closest('.all-tm-search-container')) {\r\n                searchResults.classList.remove('active');\r\n            }\r\n        });\r\n    <\/script>\r\n\r\n<\/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-5334","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ary-themes.com\/zh-CN\/wp-json\/wp\/v2\/pages\/5334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ary-themes.com\/zh-CN\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ary-themes.com\/zh-CN\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ary-themes.com\/zh-CN\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/ary-themes.com\/zh-CN\/wp-json\/wp\/v2\/comments?post=5334"}],"version-history":[{"count":10,"href":"https:\/\/ary-themes.com\/zh-CN\/wp-json\/wp\/v2\/pages\/5334\/revisions"}],"predecessor-version":[{"id":5983,"href":"https:\/\/ary-themes.com\/zh-CN\/wp-json\/wp\/v2\/pages\/5334\/revisions\/5983"}],"wp:attachment":[{"href":"https:\/\/ary-themes.com\/zh-CN\/wp-json\/wp\/v2\/media?parent=5334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}