{"id":39084,"date":"2025-01-02T11:22:20","date_gmt":"2025-01-02T08:22:20","guid":{"rendered":"https:\/\/salla.com\/cost\/"},"modified":"2026-03-01T16:59:07","modified_gmt":"2026-03-01T13:59:07","slug":"plans","status":"publish","type":"page","link":"https:\/\/beta.salla.com\/en\/plans\/","title":{"rendered":"cost"},"content":{"rendered":"\r\n\r\n\r\n<style>\r\n    html[lang=\"en-US\"]{\r\n        .-rotate-12{\r\n            rotate: 24deg;\r\n        }\r\n\r\n        .-rotate-3{\r\n            rotate:18deg\r\n        }\r\n\r\n        .ltr\\:flip{\r\n            scale : -1 1;\r\n        }\r\n\r\n        .ltr\\:flip-90{\r\n            scale : -0.9 0.9;\r\n        }\r\n\r\n        .offer-badge.offer-badge--sticker,.offer-badge.offer-badge--recommended{\r\n           rotate: 24deg; \r\n        }\r\n\r\n        .insight-logos-overlay {\r\n            rotate: 180deg;\r\n        }\r\n\r\n        @media (max-width: 1280px) {\r\n            .bicons{\r\n                flex-wrap : wrap;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 1023px) {\r\n            .bicons{\r\n                flex-wrap : nowrap;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 430px) {\r\n            .bicons{\r\n                flex-wrap : wrap;\r\n            }\r\n        }\r\n\r\n        .demographic-text{\r\n            max-width: 90%;\r\n            overflow: clip;\r\n        }\r\n\r\n        .\\!mb-\\[-12px\\]{\r\n            margin-bottom:0px !important;\r\n        }\r\n\r\n        .fix{\r\n            inset-inline-end: -55px;\r\n            bottom:0;\r\n        }\r\n    }\r\n<\/style>\r\n<section x-data='{\r\n            isLoading:true,\r\n            activePlan: null,\r\n            currency: \"SAR\",\r\n            discountAnnual: \"16\",\r\n            discountMonthly: \"0\",\r\n            offerAmount(original,offer){\r\n                return (Number(original) - Number(offer)).toLocaleString();\r\n            },\r\n            scrollToSection(id) {\r\n                const section = document.getElementById(id);\r\n                if (section) {\r\n                    const offset = 210;\r\n                    const top = section.getBoundingClientRect().top + window.scrollY - offset;\r\n                    window.scrollTo({ top, behavior: \"smooth\" });\r\n                }\r\n            },\r\n            plans: [\n    {\n        \"id\": 1,\n        \"name\": \"Salla Basic\",\n        \"offer\": 0,\n        \"demographicIcon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/p1d.svg\",\n        \"demographic\": \"For new sellers &#038; explorers\",\n        \"originalPrice\": \"\u0645\u062c\u0627\u0646\u064b\u0627\",\n        \"originalDuration\": \"Monthly\",\n        \"offerPrice\": \"\",\n        \"offerDuration\": \"Monthly\",\n        \"details\": [\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/p1ico1.svg\",\n                \"text\": \"Add unlimited products to your store\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p1ico2-1.svg\",\n                \"text\": \"Accept orders with no limits\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p1ico3-1.svg\",\n                \"text\": \"Build your customer base without restrictions\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p1ico4-1.svg\",\n                \"text\": \"Run discount promotions\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p1ico5-1.svg\",\n                \"text\": \"Give customers a voice with reviews and Q&#038;A\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/p2ico2-1.svg\",\n                \"text\": \"Ship with discounted salla price \",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            }\n        ]\n    },\n    {\n        \"id\": 2,\n        \"name\": \"Salla Plus\",\n        \"offer\": 99,\n        \"demographicIcon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/p2d.svg\",\n        \"demographic\": \"For small businesses\",\n        \"originalPrice\": \"99\",\n        \"originalDuration\": \"Monthly\",\n        \"offerPrice\": \"\",\n        \"offerDuration\": \"Monthly\",\n        \"details\": [\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p2ico1-1.svg\",\n                \"text\": \"Accept online payments\",\n                \"subIcons\": [\n                    {\n                        \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/Apple_Pay_logo.svg\"\n                    },\n                    {\n                        \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/3c3a5c6b-3b52-4af4-abe0-f781113d7f3f.png\"\n                    },\n                    {\n                        \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/8.svg\"\n                    }\n                ],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p2ico2-1.svg\",\n                \"text\": \"Local &#038; international shipping partners\",\n                \"subIcons\": [\n                    {\n                        \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/1b8cc80b347efc7e9fbe70aeaf137da9.png\"\n                    },\n                    {\n                        \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/bce3e8daa2b7098d23fb68f625e8de09.png\"\n                    },\n                    {\n                        \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/6872dedb8c9c5de10d76e93bedcf2f5a.png\"\n                    },\n                    {\n                        \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/PNG-image.png\"\n                    }\n                ],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p2ico3-1.svg\",\n                \"text\": \"Custom domain for your store\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p2ico4-1.svg\",\n                \"text\": \"Sell all product types\",\n                \"subIcons\": [],\n                \"desc\": \"Physical products, digital downloads, bookings, or services \u2014 it all works here.\",\n                \"hint\": \"Sell anything you dream up\",\n                \"img\": \"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/image-7-1.png\"\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/Group.png\",\n                \"text\": \"Sell across your branches easily with Salla Point for free\",\n                \"subIcons\": [],\n                \"desc\": \"Salla Point offers you real-time inventory sync, the ability to send digital invoices directly to your customers, offline customer retargeting, and detailed employee sales reports.\\r\\n\",\n                \"hint\": \"Salla Point (POS)\",\n                \"img\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/salla-point.jpg\"\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/moreIcon-1.svg\",\n                \"text\": \"130+ additional features to help you grow\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            }\n        ]\n    },\n    {\n        \"id\": 3,\n        \"name\": \"Salla Pro\",\n        \"offer\": 299,\n        \"demographicIcon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/p3d.svg\",\n        \"demographic\": \"For established companies\",\n        \"originalPrice\": \"299\",\n        \"originalDuration\": \"Monthly\",\n        \"offerPrice\": \"\",\n        \"offerDuration\": \"Monthly\",\n        \"details\": [\n            {\n                \"icon\": \"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/vat.webp\",\n                \"text\": \"Instant VAT activation\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p3ico2-1.svg\",\n                \"text\": \"Add and manage staff accounts\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p3ico3-1.svg\",\n                \"text\": \"Customize your store design with CSS &#038; JS\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p3ico4-1.svg\",\n                \"text\": \"Marketing tools designed to grow your reach\",\n                \"subIcons\": [],\n                \"desc\": \"Launch and manage ad campaigns across Google, YouTube, TikTok, Snapchat, and more \u2014 all from your Salla dashboard.\",\n                \"hint\": \"Run ads without leaving your dashboard\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p3ico5-1.svg\",\n                \"text\": \"Integrated accounting &#038; financial services\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/moreIcon.svg\",\n                \"text\": \"250+ more tools and features\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            }\n        ]\n    }\n],\r\n\r\n            plansAnnual: [\n    {\n        \"id\": 4,\n        \"name\": \"Salla Basic\",\n        \"offer\": 0,\n        \"demographicIcon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/p1d.svg\",\n        \"demographic\": \"For new sellers &#038; explorers\",\n        \"originalPrice\": \"\u0645\u062c\u0627\u0646\u064b\u0627\",\n        \"originalDuration\": \"Annual\",\n        \"offerPrice\": \"\",\n        \"offerDuration\": \"Annual\",\n        \"details\": [\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/p1ico1.svg\",\n                \"text\": \"Add unlimited products to your store\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p1ico2-1.svg\",\n                \"text\": \"Accept orders with no limits\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p1ico3-1.svg\",\n                \"text\": \"Build your customer base without restrictions\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p1ico4-1.svg\",\n                \"text\": \"Run discount promotions\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p1ico5-1.svg\",\n                \"text\": \"Give customers a voice with reviews and Q&#038;A\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/p2ico2-1.svg\",\n                \"text\": \"Ship with discounted salla price \",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            }\n        ]\n    },\n    {\n        \"id\": 5,\n        \"name\": \"Salla Plus\",\n        \"offer\": 198,\n        \"demographicIcon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/p2d.svg\",\n        \"demographic\": \"For small businesses\",\n        \"originalPrice\": \"1188\",\n        \"originalDuration\": \"Annual\",\n        \"offerPrice\": \"990\",\n        \"offerDuration\": \"Annual\",\n        \"details\": [\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p2ico1-1.svg\",\n                \"text\": \"Accept online payments\",\n                \"subIcons\": [\n                    {\n                        \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/Apple_Pay_logo.svg\"\n                    },\n                    {\n                        \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/3c3a5c6b-3b52-4af4-abe0-f781113d7f3f.png\"\n                    },\n                    {\n                        \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/8.svg\"\n                    }\n                ],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p2ico2-1.svg\",\n                \"text\": \"Local &#038; international shipping partners\",\n                \"subIcons\": [\n                    {\n                        \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/1b8cc80b347efc7e9fbe70aeaf137da9.png\"\n                    },\n                    {\n                        \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/bce3e8daa2b7098d23fb68f625e8de09.png\"\n                    },\n                    {\n                        \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/6872dedb8c9c5de10d76e93bedcf2f5a.png\"\n                    },\n                    {\n                        \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/PNG-image.png\"\n                    }\n                ],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p2ico3-1.svg\",\n                \"text\": \"Custom domain for your store\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p2ico4-1.svg\",\n                \"text\": \"Sell all product types\",\n                \"subIcons\": [],\n                \"desc\": \"Physical products, digital downloads, bookings, or services \u2014 it all works here.\",\n                \"hint\": \"Sell anything you dream up\",\n                \"img\": \"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/image-7-1.png\"\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/Group.png\",\n                \"text\": \"Sell across your branches easily with Salla Point for free\",\n                \"subIcons\": [],\n                \"desc\": \"Salla Point offers you real-time inventory sync, the ability to send digital invoices directly to your customers, offline customer retargeting, and detailed employee sales reports.\\r\\n\",\n                \"hint\": \"Salla Point (POS)\",\n                \"img\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/salla-point.jpg\"\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/moreIcon-1.svg\",\n                \"text\": \"130+ additional features to help you grow\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            }\n        ]\n    },\n    {\n        \"id\": 6,\n        \"name\": \"Salla Pro\",\n        \"offer\": 598,\n        \"demographicIcon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/p3d.svg\",\n        \"demographic\": \"For established companies\",\n        \"originalPrice\": \"3588\",\n        \"originalDuration\": \"Annual\",\n        \"offerPrice\": \"2990\",\n        \"offerDuration\": \"Annual\",\n        \"details\": [\n            {\n                \"icon\": \"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/vat.webp\",\n                \"text\": \"Instant VAT activation\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p3ico2-1.svg\",\n                \"text\": \"Add and manage staff accounts\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p3ico3-1.svg\",\n                \"text\": \"Customize your store design with CSS &#038; JS\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p3ico4-1.svg\",\n                \"text\": \"Marketing tools designed to grow your reach\",\n                \"subIcons\": [],\n                \"desc\": \"Launch and manage ad campaigns across Google, YouTube, TikTok, Snapchat, and more \u2014 all from your Salla dashboard.\",\n                \"hint\": \"Run ads without leaving your dashboard\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/p3ico5-1.svg\",\n                \"text\": \"Integrated accounting &#038; financial services\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            },\n            {\n                \"icon\": \"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/moreIcon.svg\",\n                \"text\": \"250+ more tools and features\",\n                \"subIcons\": [],\n                \"desc\": \"\",\n                \"hint\": \"\",\n                \"img\": false\n            }\n        ]\n    }\n],\r\n        }' class=\"section-layout--centered overflow-x-clip\"\r\n    x-init=\"\r\n                if (discountMonthly == '') {\r\n                    discountMonthly = '0';\r\n                }\r\n                window.addEventListener('DOMContentLoaded',() =&gt;{\r\n                        isLoading=false;\r\n\r\n                });\r\n                setTimeout(() =&gt; observeTabs(), 0);\r\n                function observeTabs() {\r\n                let plansTemp=[];\r\n                    plans.forEach(plan =&gt; {\r\n                        plansTemp.push(document.getElementById(plan.id));\r\n                           console.log(plan.id);\r\n\r\n                    });\r\n                     plansAnnual.forEach(plan =&gt; {\r\n                        plansTemp.push(document.getElementById(plan.id));\r\n                          console.log(plan.id);\r\n\r\n                    });\r\n                    console.log(plans);\r\n                    const observerCallback = (entries) =&gt; {\r\n                        entries.forEach(entry =&gt; {\r\n                            if (entry.isIntersecting) {\r\n                                activePlan = entry.target.id;\r\n                                console.log(activePlan);\r\n                               \r\n                            }\r\n                        });\r\n                    };\r\n            \r\n                    const observer = new IntersectionObserver(observerCallback, {\r\n                        root: null,\r\n                        threshold: 0.7\r\n                    });\r\n            \r\n                    plansTemp.forEach(plan =&gt; observer.observe(plan));\r\n                }\r\n            \">\r\n\r\n    <div class=\"insight-badge md:!mt-32 mt-20\" style=\"box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.08);\">\r\n        <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/checkmark.svg\" class=\"md:scale-100 scale-[0.85]\" alt=\"checkmark\">\r\n        <p class=\"insight-badge__text\">Join over 68,000 active stores<\/p>\r\n    <\/div>\r\n    <h1 class=\"pricing-header mt-5\">\r\n        Grow your business with the right plan    <\/h1>\r\n    <!-- shimmer section -->\r\n     \r\n     <div x-show=\"isLoading\" class=\"w-full px-4 flex justify-center \">\r\n        <div class=\"shimmer-circle tab-buts-container shimmer-animate h-[54px] !border-none mt-5 \">\r\n\r\n        <\/div>\r\n     <\/div>\r\n\r\n     \r\n\r\n\r\n    <!-- sticky section -->\r\n    <div x-ref=\"trigger2\" class=\"h-1\"><\/div>\r\n    <div x-cloak x-show=\"!isLoading\" x-data=\"{isStuck:false}\" x-init=\"new IntersectionObserver(([entry]) =&gt; { \r\n                isStuck = !entry.isIntersecting \r\n            }).observe($refs.trigger2)\" class=\"flex flex-col max-md:sticky max-md:top-[70px] max-md:z-30 bg-white z-0 pt-5 max-md:px-4 max-md:w-full md:!shadow-none\" :style=\"isStuck? ' box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.12);':''\">\r\n        <!-- tabs -->\r\n        <div class=\"flex justify-center\">\r\n            <div class=\"tab-buts-container relative\">\r\n                <div x-cloak\r\n                    x-show=\"activeIdx==0\"\r\n                    x-transition:enter=\"transition-all ease-out duration-200\"\r\n                    x-transition:enter-start=\"scale-0\"\r\n                    x-transition:enter-end=\"scale-100\"\r\n                    x-transition:leave=\"transition-all ease-in duration-200\"\r\n                    x-transition:leave-start=\"scale-100\"\r\n                    x-transition:leave-end=\"scale-0\"\r\n                    class=\"max-md:hidden offer-badge absolute end-[-150px] top-[-16px] -rotate-12 scale-90\" style=\"box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.08);\">\r\n                    <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/images\/offer.svg\" class=\"md:scale-100 scale-[0.85]\" alt=\"offer\">\r\n                    <p class=\"offer-badge__text !text-red\" x-text=\"isAr? `\u0648\u0641\u0651\u0651\u0631 ${discountAnnual}%` : `Save ${discountAnnual}%`\"><\/p>\r\n                <\/div>\r\n                <img decoding=\"async\" x-cloak\r\n                    x-show=\"activeIdx==0\"\r\n                    x-transition:enter=\"transition-all ease-out duration-100\"\r\n                    x-transition:enter-start=\"scale-0\"\r\n                    x-transition:enter-end=\"scale-100\"\r\n                    x-transition:leave=\"transition-all ease-in duration-100\"\r\n                    x-transition:leave-start=\"scale-100\"\r\n                    x-transition:leave-end=\"scale-0\"\r\n                    width=\"67\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/images\/badge_arrow.svg\" alt=\"arrow\" class=\"max-md:hidden absolute end-[-75px] bottom-0 ltr:flip\">\r\n                <button\r\n                    @click=\"activeIdx = 0\"\r\n                    class=\"tab-but tab-but--lg\"\r\n                    :class=\"activeIdx == 0 ? 'tab-but--active' : ''\"\r\n                    x-html='discountMonthly &gt; 0 ? (isAr ? `\u0634\u0647\u0631\u064a (&lt;span class=\"max-sm:text-[12px]\"&gt;\u062e\u0635\u0645 ${discountMonthly}%&lt;\/span&gt;)` : `Monthly (&lt;span class=\"max-sm:text-[12px]\"&gt;${discountMonthly}% off&lt;\/span&gt;)`) : (isAr ? \"\u0634\u0647\u0631\u064a\" : \"Monthly\")'>\r\n                <\/button>\r\n\r\n                <button\r\n                    @click=\"activeIdx = 1\"\r\n                    class=\"tab-but tab-but--lg\"\r\n                    :class=\"activeIdx == 1 ? 'tab-but--active' : ''\"\r\n                    x-html=\"(discountAnnual &gt; 0 &#038;&#038; activeIdx == 1) ? (isAr ? `\u0633\u0646\u0648\u064a (&lt;span class='max-sm:text-[12px]'&gt;\u062e\u0635\u0645 ${discountAnnual}%&lt;\/span&gt;)` : `Annual (&lt;span class='max-sm:text-[12px]'&gt;${discountAnnual}% off&lt;\/span&gt;)`) : (isAr ? '\u0633\u0646\u0648\u064a' : 'Annual')\">\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n        <!-- anchors of monthly plans -->\r\n        <div x-show=\"activeIdx == 0\" class=\"md:hidden w-full flex gap-x-2 mb-3\">\r\n            <template x-for=\"plan in plans\">\r\n                <a\r\n                    @click.prevent=\"scrollToSection(plan.id)\"\r\n                    :id=\"`a_${plan.id}`\"\r\n                    :class=\"activePlan == plan.id ? 'border-[#004D5A] bg-[#004D5A]' : 'border-[#76E8CD]'\"\r\n                    class=\"py-2 border-2 flex-grow basis-1\/3 rounded-full items-center text-center\"\r\n                    :href=\"`#${plan.id}`\">\r\n                    <p class=\"text-[14px] font-[Ping-Medium]\" :class=\"activePlan == plan.id ? 'text-[#BAF3E6]' : 'text-[#004D5A]'\" x-text=\"plan.name\"><\/p>\r\n                <\/a>\r\n            <\/template>\r\n        <\/div>\r\n\r\n        <!-- anchors of annual plans -->\r\n        <div x-show=\"activeIdx == 1\"  class=\"md:hidden w-full flex gap-x-2 mb-3\">\r\n            <template x-for=\"plan in plansAnnual\">\r\n                <a\r\n                    @click.prevent=\"scrollToSection(plan.id)\"\r\n                    :id=\"`a_${plan.id}`\"\r\n                    :class=\"activePlan == plan.id ? 'border-[#004D5A] bg-[#004D5A]' : 'border-[#76E8CD]'\"\r\n                    class=\"py-2 border-2 flex-grow basis-1\/3 rounded-full items-center text-center\"\r\n                    :href=\"`#${plan.id}`\">\r\n                    <p class=\"text-[14px] font-[Ping-Medium]\" :class=\"activePlan ==  plan.id ? 'text-[#BAF3E6]' : 'text-[#004D5A]'\" x-text=\"plan.name\"><\/p>\r\n                <\/a>\r\n            <\/template>\r\n        <\/div>\r\n    <\/div>\r\n    <!-- the content of each tab -->\r\n    <!-- Monthly Plans Tab -->\r\n    <div x-cloak\r\n        x-show=\"activeIdx==0\"\r\n        x-transition:enter=\"transition-opacity ease-out duration-300\"\r\n        x-transition:enter-start=\"opacity-0\"\r\n        x-transition:enter-end=\"opacity-100\"\r\n        x-data='{\r\n                discount_monthly:\"0\"}' x-init=\"console.log(discount_monthly)\" class=\"tab-content-container-pricing section-layout\">\r\n        \r\n        <div :id=\"plans[0].id\" class=\"plan-container z-[3]\">\r\n            <!-- summary box -->\r\n            <div class=\"plan-summary bg-[#CFF7EE]\">\r\n                <h5 class=\"plan-summary__title text-[#004D5A]\" x-text=\"plans[0].name\"><\/h5>\r\n                <div class=\"plan-summary__demographic-badge bg-[rgba(0,77,90,0.05)]\">\r\n                    <img :src=\"plans[0].demographicIcon\" alt=\"demoIcon\" class=\"max-sm:w-4\">\r\n                    <p class=\"text-[#004D5A] sm:text-[16px] text-[14px] whitespace-nowrap demographic-text\" x-text=\"plans[0].demographic\"><\/p>\r\n                <\/div>\r\n                <p class=\"text-[#004D5A] font-[Ping-Bold] text-[30px] my-6\" x-text=\"isAr ? '\u0645\u062c\u0627\u0646\u064a\u0629' : 'Free'\"><\/p>\r\n                <a style=\"color:white !important\" href=\"https:\/\/s.salla.sa\/auth\/register\" class=\"but but--filled but--medium but--plans\" x-text=\"isAr? `\u0627\u062e\u062a\u0631 ${plans[0].name}` : `Choose ${plans[0].name}`\" rel=\"nofollow noopener\" target=\"_blank\"><\/a>\r\n            <\/div>\r\n            <!-- features of the plan -->\r\n            <div class=\"flex flex-col gap-y-5 max-sm:!me-[-10px]\">\r\n                <template x-for=\"bullet in plans[0].details\">\r\n                    <div class=\"flex gap-x-2 items-center\">\r\n                        <img width=\"24\" :src=\"bullet.icon\" alt=\"blt\">\r\n                        <p class=\"text-[#004D5A] font-[Ping-Medium] max-sm:text-[15px]\" x-text=\"bullet.text\"><\/p>\r\n                        <div class=\"bicons flex gap-2 items-center\">\r\n                                <template x-for=\"sub in bullet.subIcons\">\r\n                                    <img class=\"max-h-4 max-w-10\" :src=\"sub.icon\" alt=\"subico\">\r\n                                <\/template>\r\n                                <div x-data=\"{ isPopupOpen: false }\" class=\"relative\">\r\n                                        <template x-if=\"bullet.hint\">\r\n                                            <button @click=\"isPopupOpen = !isPopupOpen\">\r\n                                                <img decoding=\"async\" class=\"min-w-[18px]\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/hint.svg\" alt=\"hint\">\r\n                                            <\/button>\r\n                                        <\/template>\r\n                                        <div @click.away=\"isPopupOpen = false\" x-cloak x-show=\"isPopupOpen\" x-transition:enter=\"transition-all duration-50\"\r\n                                            x-transition:enter-start=\"scale-0\"\r\n                                            x-transition:enter-end=\"xl:scale-100 scale-75\"\r\n                                            x-transition:leave=\"transition-all duration-50\"\r\n                                            x-transition:leave-start=\"scale-100\"\r\n                                            x-transition:leave-end=\"scale-0\" :class=\"bullet.img ? '':'!bottom-0'\" class=\"plans-summary__popup -end-[155px] transition-all\">\r\n                                            <div class=\"p-4 bg-[#004D5A] rounded-2xl min-w-[405px] max-w-[405px]\">\r\n                                                <div class=\"flex items-center justify-between gap-4\">\r\n                                                    <p class=\"font-[Ping-Medium] text-[24px] text-white max-w-[80%] truncate\" x-text=\"bullet.hint\"><\/p>\r\n                                                    <button @click=\"isPopupOpen = !isPopupOpen\"><img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/exit.svg\" alt=\"exit\" class=\"w-12 h-12 cursor-pointer\"><\/button>\r\n                                                <\/div>\r\n                                                <div class=\"flex flex-col items-center mt-4\">\r\n                                                    <div class=\"self-start\">\r\n                                                        <template x-if=\"bullet.desc\">\r\n                                                            <p class=\"font-[Ping-Medium] text-[16px] text-gray-50\" x-text=\"bullet.desc\"><\/p>\r\n                                                        <\/template>\r\n                                                    <\/div>\r\n                                                    <div>\r\n                                                        <template x-if=\"bullet.img\">\r\n                                                            <img :src=\"bullet.img\" alt=\"popup_img\" class=\"mt-4\">\r\n                                                        <\/template>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/template>\r\n            <\/div>\r\n        <\/div>\r\n        <div :id=\"plans[1].id\" class=\"plan-container z-10\">\r\n            <div class=\"plan-summary bg-[#96EDD9] relative\">\r\n                <h5 class=\"plan-summary__title text-[#004D5A]\" x-text=\"plans[1].name\"><\/h5>\r\n                <div class=\"plan-summary__demographic-badge bg-[rgba(255,255,255,0.30)]\">\r\n                    <img :src=\"plans[1].demographicIcon\" alt=\"demoIcon\" class=\"max-sm:w-4\">\r\n                    <p class=\"text-[#004D5A] sm:text-[16px] text-[14px] whitespace-nowrap demographic-text\" x-text=\"plans[1].demographic\"><\/p>\r\n                <\/div>\r\n                <div class=\"flex gap-x-3 items-center\">\r\n                    <div class=\"flex gap-x-3 items-center\">\r\n                        <p class=\"text-[#004D5A] font-[Ping-Bold] sm:text-[48px] text-[30px] my-2.5\"  x-text=\"plans[1].offerPrice? Number(plans[1].offerPrice).toLocaleString() : Number(plans[1].originalPrice).toLocaleString()\"><\/p>\r\n                        <div class=\"mb-5\">\r\n                            <p class=\"text-[#004D5A] max-sm:text-[12px]\" x-text=\"currency\"><\/p>\r\n                            <p class=\"text-[#004D5A] max-sm:text-[12px]\" x-text=\"plans[1].offerDuration\"><\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <template x-if=\"discountMonthly!='0'\">\r\n                        <div class=\"mb-3\">\r\n                            <p class=\"plan-summary__discounted font-[Ping-bold] max-sm:!text-[16px]\" x-text=\"Number(plans[1].originalPrice).toLocaleString()\"><\/p>\r\n                            <p class=\"plan-summary__discounted\" x-text=\"plans[1].originalDuration\"><\/p>\r\n                        <\/div>\r\n                    <\/template>\r\n                <\/div>\r\n                <a style=\"color:white !important\" href=\"https:\/\/s.salla.sa\/auth\/register\" class=\"but but--filled but--medium but--plans text-white\" x-text=\"isAr? `\u0627\u062e\u062a\u0631 ${plans[1].name}` : `Choose ${plans[1].name}`\" rel=\"nofollow noopener\" target=\"_blank\"><\/a>\r\n                <!-- offer badge -->\r\n                <template x-if=\"discountMonthly!='0'\">\r\n                    <div class=\"offer-badge offer-badge--sticker\" style=\"box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.08);\">\r\n                        <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/images\/offer.svg\" class=\"md:scale-100 scale-[0.85]\" alt=\"offer\">\r\n                        <p class=\"offer-badge__text\" x-text=\"isAr? `\u0648\u0641\u0651\u0631\u062a ${offerAmount(plans[1].originalPrice,plans[1].offerPrice)} ${currency}` : `Save ${offerAmount(plans[1].originalPrice,plans[1].offerPrice)} ${currency}`\"><\/p>\r\n                    <\/div>\r\n                <\/template>\r\n            <\/div>\r\n            <!-- features of the plan -->\r\n            <div class=\"flex flex-col gap-y-5 max-sm:!me-[-10px]\">\r\n                <p class=\"text-[#004D5A] font-[Ping-Bold]\" x-text=\"isAr? '\u0643\u0644 \u0645\u0632\u0627\u064a\u0627 \u0633\u0644\u0629 \u0628\u064a\u0633\u0643 + \u0627\u0644\u0645\u0632\u0627\u064a\u0627 \u0627\u0644\u062a\u0627\u0644\u064a\u0629:' : 'Everything in Basic, plus:'\"><\/p>\r\n                <template x-for=\"bullet in plans[1].details\">\r\n                    <div class=\"flex gap-x-2 items-center\">\r\n                        <img width=\"24\" :src=\"bullet.icon\" alt=\"blt\">\r\n                        <p class=\"text-[#004D5A] font-[Ping-Medium] max-sm:text-[15px]\" x-text=\"bullet.text\"><\/p>\r\n                        <div class=\"bicons flex gap-2 items-center\">\r\n                                <template x-for=\"sub in bullet.subIcons\">\r\n                                    <img class=\"max-h-4 max-w-10\" :src=\"sub.icon\" alt=\"subico\">\r\n                                <\/template>\r\n                                <div x-data=\"{ isPopupOpen: false }\" class=\"relative\">\r\n                                        <template x-if=\"bullet.hint\">\r\n                                            <button @click=\"isPopupOpen = !isPopupOpen\">\r\n                                                <img decoding=\"async\" class=\"min-w-[18px]\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/hint.svg\" alt=\"hint\">\r\n                                            <\/button>\r\n                                        <\/template>\r\n                                        <div @click.away=\"isPopupOpen = false\" x-cloak x-show=\"isPopupOpen\" x-transition:enter=\"transition-all duration-50\"\r\n                                            x-transition:enter-start=\"scale-0\"\r\n                                            x-transition:enter-end=\"xl:scale-100 scale-75\"\r\n                                            x-transition:leave=\"transition-all duration-50\"\r\n                                            x-transition:leave-start=\"scale-100\"\r\n                                            x-transition:leave-end=\"scale-0\" :class=\"bullet.img ? '':'!bottom-0'\"  class=\"plans-summary__popup -end-[155px] transition-all\">\r\n                                            <div class=\"p-4 bg-[#004D5A] rounded-2xl min-w-[405px] max-w-[405px]\">\r\n                                                <div class=\"flex items-center justify-between gap-4\">\r\n                                                    <p class=\"font-[Ping-Medium] text-[24px] text-white max-w-[80%] truncate\" x-text=\"bullet.hint\"><\/p>\r\n                                                    <button @click=\"isPopupOpen = !isPopupOpen\"><img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/exit.svg\" alt=\"exit\" class=\"w-12 h-12 cursor-pointer\"><\/button>\r\n                                                <\/div>\r\n                                                <div class=\"flex flex-col items-center mt-4\">\r\n                                                    <div class=\"self-start\">\r\n                                                        <template x-if=\"bullet.desc\">\r\n                                                            <p class=\"font-[Ping-Medium] text-[16px] text-gray-50\" x-text=\"bullet.desc\"><\/p>\r\n                                                        <\/template>\r\n                                                    <\/div>\r\n                                                    <div>\r\n                                                        <template x-if=\"bullet.img\">\r\n                                                            <img :src=\"bullet.img\" alt=\"popup_img\" class=\"mt-4\">\r\n                                                        <\/template>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/template>\r\n            <\/div>\r\n        <\/div>\r\n        <div :id=\"plans[2].id\" class=\"flex-grow flex flex-col basis-1\/3 xl:mt-[-40px] z-[1]\">\r\n            <div class=\"rounded-t-xl bg-[#FFBF69] pt-2 pb-5 -mb-3 z-0\">\r\n                <div class=\"flex items-center justify-center gap-2\">\r\n                    <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/star.svg\" alt=\"star\">\r\n                    <p class=\"font-[Ping-Bold] text-[16px] text-[#004D5A] leading-none pt-1\" x-text=\"isAr ? '\u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u0627\u064b' : 'Popular'\"><\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"plan-container plan-container--hot\">\r\n                <div class=\"plan-summary bg-[#004D5A] relative\">\r\n                    <h5 class=\"plan-summary__title text-white\" x-text=\"plans[2].name\"><\/h5>\r\n                    <div class=\"plan-summary__demographic-badge bg-[rgba(255,255,255,0.10)]\">\r\n                        <img :src=\"plans[2].demographicIcon\" alt=\"demoIcon\" class=\"max-sm:w-4\">\r\n                        <p class=\"text-white sm:text-[16px] text-[14px] whitespace-nowrap demographic-text\" x-text=\"plans[2].demographic\"><\/p>\r\n                    <\/div>\r\n                    <div class=\"flex gap-x-3 items-center\">\r\n                        <div class=\"flex gap-x-3 items-center\">\r\n                            <p class=\"text-white font-[Ping-Bold] sm:text-[48px] text-[30px] my-2.5\"  x-text=\"plans[2].offerPrice? Number(plans[2].offerPrice).toLocaleString() : Number(plans[2].originalPrice).toLocaleString()\"><\/p>\r\n                            <div class=\"mb-5\">\r\n                                <p class=\"text-white max-sm:text-[12px]\" x-text=\"currency\"><\/p>\r\n                                <p class=\"text-white max-sm:text-[12px]\" x-text=\"plans[2].offerDuration\"><\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <template x-if=\"discountMonthly!='0'\">\r\n                            <div class=\"mb-3\">\r\n                            <p class=\"plan-summary__discounted !text-white font-[Ping-bold] max-sm:!text-[16px]\" x-text=\"Number(plans[2].originalPrice).toLocaleString()\"><\/p>\r\n                            <p class=\"plan-summary__discounted !text-white\" x-text=\"plans[2].originalDuration\"><\/p>\r\n                            <\/div>\r\n                        <\/template>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/s.salla.sa\/auth\/register\" class=\"but but--filled but--medium but--plans !bg-white !text-[#004D5A]\" x-text=\"isAr? `\u0627\u062e\u062a\u0631 ${plans[2].name}` : `Choose ${plans[2].name}`\" rel=\"nofollow noopener\" target=\"_blank\"><\/a>\r\n                    <!-- offer badge -->\r\n                    <template x-if=\"discountMonthly!='0'\">\r\n                        <div class=\"offer-badge offer-badge--sticker\" style=\"box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.08);\">\r\n                            <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/images\/offer.svg\" class=\"md:scale-100 scale-[0.85]\" alt=\"offer\">\r\n                            <p class=\"offer-badge__text\" x-text=\"isAr? `\u0648\u0641\u0651\u0631\u062a ${offerAmount(plans[2].originalPrice,plans[2].offerPrice)} ${currency}` : `Save ${offerAmount(plans[2].originalPrice,plans[2].offerPrice)} ${currency}`\"><\/p>\r\n                        <\/div>\r\n                    <\/template>\r\n                <\/div>\r\n                <!-- features of the plan -->\r\n                <div class=\"flex flex-col gap-y-5 max-sm:!me-[-10px]\">\r\n                    <p class=\"text-[#004D5A] font-[Ping-Bold]\" x-text=\"isAr? '\u0643\u0644 \u0645\u0632\u0627\u064a\u0627 \u0633\u0644\u0629 \u0628\u064a\u0633\u0643 + \u0628\u0644\u0633 + \u0627\u0644\u0645\u0632\u0627\u064a\u0627 \u0627\u0644\u062a\u0627\u0644\u064a\u0629:' : 'All of Basic. All of Plus. And more'\"><\/p>\r\n                    <template x-for=\"bullet in plans[2].details\">\r\n                        <div class=\"flex gap-x-2 items-center\">\r\n                            <img width=\"24\" :src=\"bullet.icon\" alt=\"blt\">\r\n                            <p class=\"text-[#004D5A] font-[Ping-Medium] max-sm:text-[15px]\" x-text=\"bullet.text\"><\/p>\r\n                            <div class=\"bicons flex gap-2 items-center\">\r\n                                <template x-for=\"sub in bullet.subIcons\">\r\n                                    <img class=\"max-h-4 max-w-10\" :src=\"sub.icon\" alt=\"subico\">\r\n                                <\/template>\r\n                                <div x-data=\"{ isPopupOpen: false }\" class=\"relative\">\r\n                                        <template x-if=\"bullet.hint\">\r\n                                            <button @click=\"isPopupOpen = !isPopupOpen\">\r\n                                                <img decoding=\"async\" class=\"min-w-[18px]\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/hint.svg\" alt=\"hint\">\r\n                                            <\/button>\r\n                                        <\/template>\r\n                                        <div @click.away=\"isPopupOpen = false\" x-cloak x-show=\"isPopupOpen\" x-transition:enter=\"transition-all duration-50\"\r\n                                            x-transition:enter-start=\"scale-0\"\r\n                                            x-transition:enter-end=\"xl:scale-100 scale-75\"\r\n                                            x-transition:leave=\"transition-all duration-50\"\r\n                                            x-transition:leave-start=\"scale-100\"\r\n                                            x-transition:leave-end=\"scale-0\" :class=\"bullet.img ? '':'!bottom-0'\" class=\"fix plans-summary__popup -end-[155px] transition-all\">\r\n                                            <div class=\"p-4 bg-[#004D5A] rounded-2xl min-w-[405px] max-w-[405px]\">\r\n                                                <div class=\"flex items-center justify-between gap-4\">\r\n                                                    <p class=\"font-[Ping-Medium] text-[24px] text-white max-w-[80%] truncate\" x-text=\"bullet.hint\"><\/p>\r\n                                                    <button @click=\"isPopupOpen = !isPopupOpen\"><img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/exit.svg\" alt=\"exit\" class=\"w-12 h-12 cursor-pointer\"><\/button>\r\n                                                <\/div>\r\n                                                <div class=\"flex flex-col items-center mt-4\">\r\n                                                    <div class=\"self-start\">\r\n                                                        <template x-if=\"bullet.desc\">\r\n                                                            <p class=\"font-[Ping-Medium] text-[16px] text-gray-50\" x-text=\"bullet.desc\"><\/p>\r\n                                                        <\/template>\r\n                                                    <\/div>\r\n                                                    <div>\r\n                                                        <template x-if=\"bullet.img\">\r\n                                                            <img :src=\"bullet.img\" alt=\"popup_img\" class=\"mt-4\">\r\n                                                        <\/template>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                        <\/div>\r\n                        <\/div>\r\n                    <\/template>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <!-- Annual Plans Tab -->\r\n\r\n    <div x-show=\"isLoading\" class=\"tab-content-container-pricing section-layout \">\r\n        <div class=\"plan-container h-[700px] shimmer-animate shimmer-circle !rounded-2xl !border-transparent !basis-auto\">\r\n\r\n        <\/div>\r\n        <div class=\"plan-container h-[700px] shimmer-animate shimmer-circle !rounded-2xl !border-transparent !basis-auto\" >\r\n\r\n        <\/div>\r\n        <div class=\"plan-container h-[700px] shimmer-animate shimmer-circle !rounded-2xl !border-transparent !basis-auto\">\r\n\r\n        <\/div>\r\n    <\/div>\r\n    <div  x-cloak\r\n        x-show=\"activeIdx==1 &#038;&#038; !isLoading  \"\r\n        x-transition:enter=\"transition-opacity ease-out duration-300\"\r\n        x-transition:enter-start=\"opacity-0\"\r\n        x-transition:enter-end=\"opacity-100\"\r\n        x-data='{\r\n                discount_annual:\"16\"}' class=\"tab-content-container-pricing section-layout\">\r\n        <div :id=\"`${plansAnnual[0].id}`\" class=\"plan-container z-[3]\">\r\n            <!-- summary box -->\r\n            <div class=\"plan-summary bg-[#CFF7EE]\">\r\n                <h5 class=\"plan-summary__title text-[#004D5A]\" x-text=\"plansAnnual[0].name\"><\/h5>\r\n                <div class=\"plan-summary__demographic-badge bg-[rgba(0,77,90,0.05)]\">\r\n                    <img :src=\"plansAnnual[0].demographicIcon\" alt=\"demoIcon\" class=\"max-sm:w-4\">\r\n                    <p class=\"text-[#004D5A] sm:text-[16px] text-[14px] whitespace-nowrap demographic-text\" x-text=\"plansAnnual[0].demographic\"><\/p>\r\n                <\/div>\r\n                <p class=\"text-[#004D5A] font-[Ping-Bold] text-[30px] my-6\" x-text=\"isAr ? '\u0645\u062c\u0627\u0646\u064a\u0629' : 'Free'\">\u0645\u062c\u0627\u0646\u064a\u0629<\/p>\r\n                <a style=\"color:white !important\" href=\"https:\/\/s.salla.sa\/auth\/register\" class=\"but but--filled but--medium but--plans text-white\" x-text=\"isAr? `\u0627\u062e\u062a\u0631 ${plansAnnual[0].name}` : `Choose ${plansAnnual[0].name}`\" rel=\"nofollow noopener\" target=\"_blank\"><\/a>\r\n            <\/div>\r\n            <!-- features of the plan -->\r\n            <div class=\"flex flex-col gap-y-5 max-sm:!me-[-10px]\">\r\n                <template x-for=\"bullet in plansAnnual[0].details\">\r\n                    <div class=\"flex gap-x-2 items-center\">\r\n                        <img width=\"24\" :src=\"bullet.icon\" alt=\"blt\">\r\n                        <p class=\"text-[#004D5A] font-[Ping-Medium] max-sm:text-[15px]\" x-text=\"bullet.text\"><\/p>\r\n                        <div class=\"bicons flex gap-2 items-center\">\r\n                                <template x-for=\"sub in bullet.subIcons\">\r\n                                    <img class=\"max-h-4 max-w-10\" :src=\"sub.icon\" alt=\"subico\">\r\n                                <\/template>\r\n                                <div x-data=\"{ isPopupOpen: false }\" class=\"relative\">\r\n                                        <template x-if=\"bullet.hint\">\r\n                                            <button @click=\"isPopupOpen = !isPopupOpen\">\r\n                                                <img decoding=\"async\" class=\"min-w-[18px]\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/hint.svg\" alt=\"hint\">\r\n                                            <\/button>\r\n                                        <\/template>\r\n                                        <div @click.away=\"isPopupOpen = false\" x-cloak x-show=\"isPopupOpen\" x-transition:enter=\"transition-all duration-50\"\r\n                                            x-transition:enter-start=\"scale-0\"\r\n                                            x-transition:enter-end=\"xl:scale-100 scale-75\"\r\n                                            x-transition:leave=\"transition-all duration-50\"\r\n                                            x-transition:leave-start=\"scale-100\"\r\n                                            x-transition:leave-end=\"scale-0\" :class=\"bullet.img ? '':'!bottom-0'\" class=\"plans-summary__popup -end-[155px] transition-all\">\r\n                                            <div class=\"p-4 bg-[#004D5A] rounded-2xl min-w-[405px] max-w-[405px]\">\r\n                                                <div class=\"flex items-center justify-between gap-4\">\r\n                                                    <p class=\"font-[Ping-Medium] text-[24px] text-white max-w-[80%] truncate\" x-text=\"bullet.hint\"><\/p>\r\n                                                    <button @click=\"isPopupOpen = !isPopupOpen\"><img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/exit.svg\" alt=\"exit\" class=\"w-12 h-12 cursor-pointer\"><\/button>\r\n                                                <\/div>\r\n                                                <div class=\"flex flex-col items-center mt-4\">\r\n                                                    <div class=\"self-start\">\r\n                                                        <template x-if=\"bullet.desc\">\r\n                                                            <p class=\"font-[Ping-Medium] text-[16px] text-gray-50\" x-text=\"bullet.desc\"><\/p>\r\n                                                        <\/template>\r\n                                                    <\/div>\r\n                                                    <div>\r\n                                                        <template x-if=\"bullet.img\">\r\n                                                            <img :src=\"bullet.img\" alt=\"popup_img\" class=\"mt-4\">\r\n                                                        <\/template>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/template>\r\n            <\/div>\r\n        <\/div>\r\n        <div :id=\"`${plansAnnual[1].id}`\" class=\"plan-container z-10\">\r\n            <div class=\"plan-summary bg-[#96EDD9] relative\">\r\n                <h5 class=\"plan-summary__title text-[#004D5A]\" x-text=\"plansAnnual[1].name\"><\/h5>\r\n                <div class=\"plan-summary__demographic-badge bg-[rgba(255,255,255,0.30)]\">\r\n                    <img :src=\"plansAnnual[1].demographicIcon\" alt=\"demoIcon\" class=\"max-sm:w-4\">\r\n                    <p class=\"text-[#004D5A] sm:text-[16px] text-[14px] whitespace-nowrap demographic-text\" x-text=\"plansAnnual[1].demographic\"><\/p>\r\n                <\/div>\r\n           \r\n                <div class=\"flex gap-x-3 items-center\">\r\n                    <div class=\"flex gap-x-3 items-center\">\r\n                        <!-- <p class=\"text-[#004D5A] font-[Ping-Bold] sm:text-[48px] text-[30px] my-2.5\"  x-text=\"plansAnnual[1].offerPrice!=''?plansAnnual[1].offerPrice:plansAnnual[1].originalPrice\"><\/p> -->\r\n                        <p class=\"text-[#004D5A] font-[Ping-Bold] sm:text-[48px] text-[30px] my-2.5\"  x-text=\"plansAnnual[1].offerPrice? Number(plansAnnual[1].offerPrice).toLocaleString() : Number(plansAnnual[1].originalPrice).toLocaleString()\"><\/p>\r\n\r\n                        \r\n                        <div class=\"mb-5\">\r\n                            <p class=\"text-[#004D5A] max-sm:text-[12px]\" x-text=\"currency\"><\/p>\r\n                            <p class=\"text-[#004D5A] max-sm:text-[12px]\" x-text=\"plansAnnual[1].offerDuration\"><\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <template x-if=\"discount_annual!=''\">\r\n                        <div class=\"mb-3\" >\r\n                        <p class=\"plan-summary__discounted font-[Ping-bold] max-sm:!text-[16px]\" x-text=\"Number(plansAnnual[1].originalPrice).toLocaleString()\"><\/p>\r\n                        <p class=\"plan-summary__discounted\" x-text=\"plansAnnual[1].originalDuration\"><\/p>\r\n                        <\/div>\r\n                    <\/template>\r\n                <\/div>\r\n                <a style=\"color:white !important\" href=\"https:\/\/s.salla.sa\/auth\/register\" class=\"but but--filled but--medium but--plans text-white\" x-text=\"isAr? `\u0627\u062e\u062a\u0631 ${plansAnnual[1].name}` : `Choose ${plansAnnual[1].name}`\" rel=\"nofollow noopener\" target=\"_blank\"><\/a>\r\n                <!-- offer badge -->\r\n                <template x-if=\"discount_annual!=''\">\r\n                    <div class=\"offer-badge offer-badge--sticker\" style=\"box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.08);\">\r\n                        <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/images\/offer.svg\" class=\"md:scale-100 scale-[0.85]\" alt=\"offer\">\r\n                        <p class=\"offer-badge__text\" x-text=\"isAr? `\u0648\u0641\u0651\u0631\u062a ${offerAmount(plansAnnual[1].originalPrice,plansAnnual[1].offerPrice)} ${currency}` : `Save ${offerAmount(plansAnnual[1].originalPrice,plansAnnual[1].offerPrice)} ${currency}`\"><\/p>\r\n                    <\/div>\r\n                <\/template>\r\n            <\/div>\r\n            <!-- features of the plan -->\r\n            <div class=\"flex flex-col gap-y-5 max-sm:!me-[-10px]\">\r\n                <p class=\"text-[#004D5A] font-[Ping-Bold]\" x-text=\"isAr? '\u0643\u0644 \u0645\u0632\u0627\u064a\u0627 \u0633\u0644\u0629 \u0628\u064a\u0633\u0643 + \u0627\u0644\u0645\u0632\u0627\u064a\u0627 \u0627\u0644\u062a\u0627\u0644\u064a\u0629:' : 'Everything in Basic, plus:'\"><\/p>\r\n                <template x-for=\"bullet in plansAnnual[1].details\">\r\n                    <div class=\"flex gap-x-2 items-center\">\r\n                        <img width=\"24\" :src=\"bullet.icon\" alt=\"blt\">\r\n                        <p class=\"text-[#004D5A] font-[Ping-Medium] max-sm:text-[15px]\" x-text=\"bullet.text\"><\/p>\r\n                        <div class=\"bicons flex gap-2 items-center\">\r\n                                <template x-for=\"sub in bullet.subIcons\">\r\n                                    <img class=\"max-h-4 max-w-10\" :src=\"sub.icon\" alt=\"subico\">\r\n                                <\/template>\r\n                                <div x-data=\"{ isPopupOpen: false }\" class=\"relative\">\r\n                                        <template x-if=\"bullet.hint\">\r\n                                            <button @click=\"isPopupOpen = !isPopupOpen\">\r\n                                                <img decoding=\"async\" class=\"min-w-[18px]\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/hint.svg\" alt=\"hint\">\r\n                                            <\/button>\r\n                                        <\/template>\r\n                                        <div @click.away=\"isPopupOpen = false\" x-cloak x-show=\"isPopupOpen\" x-transition:enter=\"transition-all duration-50\"\r\n                                            x-transition:enter-start=\"scale-0\"\r\n                                            x-transition:enter-end=\"xl:scale-100 scale-75\"\r\n                                            x-transition:leave=\"transition-all duration-50\"\r\n                                            x-transition:leave-start=\"scale-100\"\r\n                                            x-transition:leave-end=\"scale-0\" :class=\"bullet.img ? '':'!bottom-0'\" class=\"plans-summary__popup -end-[155px] transition-all\">\r\n                                            <div class=\"p-4 bg-[#004D5A] rounded-2xl min-w-[405px] max-w-[405px]\">\r\n                                                <div class=\"flex items-center justify-between gap-4\">\r\n                                                    <p class=\"font-[Ping-Medium] text-[24px] text-white max-w-[80%] truncate\" x-text=\"bullet.hint\"><\/p>\r\n                                                    <button @click=\"isPopupOpen = !isPopupOpen\"><img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/exit.svg\" alt=\"exit\" class=\"w-12 h-12 cursor-pointer\"><\/button>\r\n                                                <\/div>\r\n                                                <div class=\"flex flex-col items-center mt-4\">\r\n                                                    <div class=\"self-start\">\r\n                                                        <template x-if=\"bullet.desc\">\r\n                                                            <p class=\"font-[Ping-Medium] text-[16px] text-gray-50\" x-text=\"bullet.desc\"><\/p>\r\n                                                        <\/template>\r\n                                                    <\/div>\r\n                                                    <div>\r\n                                                        <template x-if=\"bullet.img\">\r\n                                                            <img :src=\"bullet.img\" alt=\"popup_img\" class=\"mt-4\">\r\n                                                        <\/template>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/template>\r\n            <\/div>\r\n        <\/div>\r\n        <div :id=\"`${plansAnnual[2].id}`\" class=\"flex-grow flex flex-col basis-1\/3 xl:mt-[-40px] z-[1]\">\r\n            <div class=\"rounded-t-xl bg-[#FFBF69] pt-2 pb-5 -mb-3 z-0\">\r\n                <div class=\"flex items-center justify-center gap-2\">\r\n                    <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/star.svg\" alt=\"star\">\r\n                    <p class=\"font-[Ping-Bold] text-[16px] text-[#004D5A] leading-none pt-1\" x-text=\"isAr ? '\u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u0627\u064b' : 'Popular'\"><\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"plan-container plan-container--hot\">\r\n            <div class=\"plan-summary bg-[#004D5A] relative\">\r\n                    <h5 class=\"plan-summary__title text-white\" x-text=\"plansAnnual[2].name\"><\/h5>\r\n                    <div class=\"plan-summary__demographic-badge bg-[rgba(255,255,255,0.10)]\">\r\n                        <img :src=\"plansAnnual[2].demographicIcon\" alt=\"demoIcon\" class=\"max-sm:w-4\">\r\n                        <p class=\"text-white sm:text-[16px] text-[14px] whitespace-nowrap demographic-text\" x-text=\"plansAnnual[2].demographic\"><\/p>\r\n                    <\/div>\r\n                    <div class=\"flex gap-x-3 items-center\">\r\n                        <div class=\"flex gap-x-3 items-center\">\r\n                            <p class=\"text-white font-[Ping-Bold] sm:text-[48px] text-[30px] my-2.5\"  x-text=\"plansAnnual[2].offerPrice? Number(plansAnnual[2].offerPrice).toLocaleString() : Number(plansAnnual[2].originalPrice).toLocaleString()\"><\/p>\r\n                            <div class=\"mb-5\">\r\n                                <p class=\"text-white max-sm:text-[12px]\" x-text=\"currency\"><\/p>\r\n                                <p class=\"text-white max-sm:text-[12px]\" x-text=\"plansAnnual[2].offerDuration\"><\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <template  x-if=\"discount_annual!=''\">\r\n                            <div class=\"mb-3\">\r\n                            <p class=\"plan-summary__discounted !text-white font-[Ping-bold] max-sm:!text-[16px]\" x-text=\"Number(plansAnnual[2].originalPrice).toLocaleString()\"><\/p>\r\n                            <p class=\"plan-summary__discounted !text-white\" x-text=\"plansAnnual[2].originalDuration\"><\/p>\r\n                            <\/div>\r\n                        <\/template>\r\n                    <\/div>\r\n                    <a href=\"https:\/\/s.salla.sa\/auth\/register\" class=\"but but--filled but--medium but--plans !bg-white !text-[#004D5A]\" x-text=\"isAr? `\u0627\u062e\u062a\u0631 ${plansAnnual[2].name}` : `Choose ${plansAnnual[2].name}`\" rel=\"nofollow noopener\" target=\"_blank\"><\/a>\r\n                    <!-- offer badge -->\r\n                    <template x-if=\"discount_annual!=''\">\r\n                        <div class=\"offer-badge offer-badge--sticker\" style=\"box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.08);\">\r\n                            <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/images\/offer.svg\" class=\"md:scale-100 scale-[0.85]\" alt=\"offer\">\r\n                            <p class=\"offer-badge__text\" x-text=\"isAr? `\u0648\u0641\u0651\u0631\u062a ${offerAmount(plansAnnual[2].originalPrice,plansAnnual[2].offerPrice)} ${currency}` : `Save ${offerAmount(plansAnnual[2].originalPrice,plansAnnual[2].offerPrice)} ${currency}`\"><\/p>\r\n                        <\/div>\r\n                    <\/template>\r\n        <\/div>\r\n                <!-- features of the plan -->\r\n                <div class=\"flex flex-col gap-y-5 max-sm:!me-[-10px]\">\r\n                    <p class=\"text-[#004D5A] font-[Ping-Bold]\" x-text=\"isAr? '\u0643\u0644 \u0645\u0632\u0627\u064a\u0627 \u0633\u0644\u0629 \u0628\u064a\u0633\u0643 + \u0628\u0644\u0633 + \u0627\u0644\u0645\u0632\u0627\u064a\u0627 \u0627\u0644\u062a\u0627\u0644\u064a\u0629:' : 'All of Basic. All of Plus. And more'\"><\/p>\r\n                    <template x-for=\"bullet in plansAnnual[2].details\">\r\n                        <div class=\"flex gap-x-2 items-center\">\r\n                            <img width=\"24\" :src=\"bullet.icon\" alt=\"blt\">\r\n                            <p class=\"text-[#004D5A] font-[Ping-Medium] max-sm:text-[15px]\" x-text=\"bullet.text\"><\/p>\r\n                            <div class=\"bicons flex gap-2 items-center\">\r\n                                <template x-for=\"sub in bullet.subIcons\">\r\n                                    <img class=\"max-h-4 max-w-10\" :src=\"sub.icon\" alt=\"subico\">\r\n                                <\/template>\r\n                                <div x-data=\"{ isPopupOpen: false }\" class=\"relative\">\r\n                                        <template x-if=\"bullet.hint\">\r\n                                            <button @click=\"isPopupOpen = !isPopupOpen\">\r\n                                                <img decoding=\"async\" class=\"min-w-[18px]\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/hint.svg\" alt=\"hint\">\r\n                                            <\/button>\r\n                                        <\/template>\r\n                                        <div @click.away=\"isPopupOpen = false\" x-cloak x-show=\"isPopupOpen\" x-transition:enter=\"transition-all duration-50\"\r\n                                            x-transition:enter-start=\"scale-0\"\r\n                                            x-transition:enter-end=\"xl:scale-100 scale-75\"\r\n                                            x-transition:leave=\"transition-all duration-50\"\r\n                                            x-transition:leave-start=\"scale-100\"\r\n                                            x-transition:leave-end=\"scale-0\" :class=\"bullet.img ? '':'!bottom-0'\" class=\"fix plans-summary__popup -end-[155px] transition-all\">\r\n                                            <div class=\"p-4 bg-[#004D5A] rounded-2xl min-w-[405px] max-w-[405px]\">\r\n                                                <div class=\"flex items-center justify-between gap-4\">\r\n                                                    <p class=\"font-[Ping-Medium] text-[24px] text-white max-w-[80%] truncate\" x-text=\"bullet.hint\"><\/p>\r\n                                                    <button @click=\"isPopupOpen = !isPopupOpen\"><img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/exit.svg\" alt=\"exit\" class=\"w-12 h-12 cursor-pointer\"><\/button>\r\n                                                <\/div>\r\n                                                <div class=\"flex flex-col items-center mt-4\">\r\n                                                    <div class=\"self-start\">\r\n                                                        <template x-if=\"bullet.desc\">\r\n                                                            <p class=\"font-[Ping-Medium] text-[16px] text-gray-50\" x-text=\"bullet.desc\"><\/p>\r\n                                                        <\/template>\r\n                                                    <\/div>\r\n                                                    <div>\r\n                                                        <template x-if=\"bullet.img\">\r\n                                                            <img :src=\"bullet.img\" alt=\"popup_img\" class=\"mt-4\">\r\n                                                        <\/template>\r\n                                                    <\/div>\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                        <\/div>\r\n                                    <\/div>\r\n                        <\/div>\r\n                        <\/div>\r\n                    <\/template>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n    <a href=\"#details\" class=\"special-but border-[#004D5A] mt-8 hover:mt-[31px] sm:!w-[420px] w-[91%]\">\r\n        <p class=\"text-[#004D5A] font-[Ping-Medium] sm:text-[20px] text-[18px] mb-[-4px]\">Compare plans<\/p>\r\n        <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/downArrow.svg\" alt=\"arrow\">\r\n    <\/a>\r\n<\/section>\r\n\r\n<script>\r\n  function calculateDiscount(finalPriceInput, discountPercentageInput) {\r\n    const finalPrice = parseFloat(finalPriceInput);\r\n    const discountPercentage = parseFloat(discountPercentageInput);\r\n    const discountAmount = (finalPrice \/ (1 - discountPercentage \/ 100)) - finalPrice;\r\n    return Math.round(discountAmount);\r\n  }\r\n<\/script>\n\n\n<!-- Salla Special Section -->\n<section x-data='{\n            bullets:[{\"bullet_icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/avatar-1.svg\",\"bullet_text\":\"Dedicated success manager focused on your business\"},{\"bullet_icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/link-1.svg\",\"bullet_text\":\"Custom pricing that matches your needs\"},{\"bullet_icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/location-1.svg\",\"bullet_text\":\"Tools to manage multiple stores, branches, and teams\"},{\"bullet_icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/moneyy-1.svg\",\"bullet_text\":\"Seamless ERP integrations for smoother operations\"}]        }' id=\"story_despacer_width_reference\" class=\"mt-20 section-layout\">\n    <div class=\"special-wrapper\">\n        <!-- text half -->\n        <div class=\"flex flex-col max-[767px]:self-start items-start max-[767px]:w-full lg:flex-grow lg:basis-0\">\n            <!-- logo -->\n            <img decoding=\"async\" data-aos=\"fade-in\" data-aos-delay=\"500\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/Salla_Special.svg\" class=\"max-[1023px]:mt-4 max-[640px]:w-32\" alt=\"\">\n            <!-- title and sub-title -->\n            <div class=\"mt-5\">\n                <h3 class=\"font-[Ping-Medium] xl:text-[36px] text-[24px] text-white\">Made for businesses built to scale<\/h3>\n                <p class=\"special-subtitle\">Advanced tools, dedicated support, and total flexibility to help\r\nestablished brands grow even bigger.<\/p>\n            <\/div>\n            <div data-aos=\"fade-up\" data-aos-delay=\"500\"\n                class=\"md:flex hidden h-[98%] mt-12 justify-between items-center rounded-[14px] max-[639px]:self-center\">\n                <a target=\"_blank\" href=\"https:\/\/salla.com\/specialplan\/\" class=\"special-but border-secondaryVariant1\" rel=\"nofollow noopener\">\n                    <p class=\"text-secondaryVariant1 font-[Ping-Medium] sm:text-[20px] text-[18px] mb-[-4px]\">Talk to our team<\/p>\n                <\/a>\n            <\/div>\n        <\/div>\n        <!-- bullets half-->\n        <div class=\"lg:flex-grow lg:basis-0\">\n            <ul class=\"mt-6\">\n                <template x-for=\"bullet in bullets\">\n                    <li class=\"flex gap-x-3 my-6\">\n                        <div class=\"max-w-[24px] min-w-[24px]\">\n                            <img :src=\"bullet.bullet_icon\" class=\"xl:scale-100 scale-90 object-contain\" alt=\"bullet\">\n                        <\/div>\n                        <p class=\"font-[Ping-Medium] xl:text-[20px] text-[16px] text-white transition-all\"\n                            x-text=\"bullet.bullet_text\"><\/p>\n                    <\/li>\n                <\/template>\n            <\/ul>\n        <\/div>\n        <div data-aos=\"fade-up\" data-aos-delay=\"500\"\n            class=\"md:hidden flex h-[98%] justify-between items-center rounded-[14px] max-[639px]:self-center\">\n            <a target=\"_blank\" href=\"https:\/\/salla.com\/specialplan\/\" class=\"special-but border-secondaryVariant1\" rel=\"nofollow noopener\">\n                <p class=\"text-secondaryVariant1 font-[Ping-Medium] sm:text-[20px] text-[18px] mb-[-4px]\">Talk to our team                <\/p>\n            <\/a>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section x-data='{\n            feedback: [{\"stars\":\"5\",\"message\":\"\\\"Flexible and easy even for beginners.. Congratulations to all the staff at Salla\\\"\",\"company\":\"Mohammed Saas\",\"company_logo\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/Group-600786-2.png\"},{\"stars\":\"5\",\"message\":\"\\\"I advise everyone to deal with it, it is a very professional platform.\\\"\",\"company\":\"\\u0623\\u0647\\u0644 \\u062c\\u062f\\u0629\",\"company_logo\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/Group-600786-2.png\"},{\"stars\":\"5\",\"message\":\"\\\"Honestly, Salla sales made a difference for us. Thank you to the support team.\\\"\",\"company\":\"3moTaZz_04\",\"company_logo\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/Group-600786-2.png\"},{\"stars\":\"5\",\"message\":\"\\\"The greatest, best and easiest store you can deal with, and it has all the services\\\"\",\"company\":\"Ahmed Alelyani\",\"company_logo\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/Group-600786-2.png\"},{\"stars\":\"5\",\"message\":\"\\\"An excellent application for me as a merchant. It is convenient and easy to deal with, and if I encounter a problem, they solve it quickly \\ud83d\\udc4f\\ud83c\\udffb\\u2665\\ufe0f\\\"\",\"company\":\"mona19898989\",\"company_logo\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/Group-600786-2.png\"},{\"stars\":\"5\",\"message\":\"\\\"A wonderful platform in every sense of the word. It has highly ethical and polite employees, both male and female, who are quick to respond. \\ud83d\\udc4f\\\"\",\"company\":\"Ebtesam A J\",\"company_logo\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/Group-600786-2.png\"},{\"stars\":\"5\",\"message\":\"\\\"Best Partner Thank you from the bottom of my heart\\\"\",\"company\":\"\\u0623\\u0628\\u0648 \\u0641\\u064a\\u0635\\u0644 \\u0627\\u0644\\u0645\\u063a\\u064a\\u0631\\u064a\",\"company_logo\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/Group-600786-2.png\"}],\n            logos: [\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/logo14-1.webp\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/logo20.webp\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/ASQ-300x300-1.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/unnamed.webp\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/logo_green.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/IMG_9519.webp.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/\\u0645\\u0627\\u0646\\u0648\\u064a\\u0644-1.jpeg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/l5.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/ibrahem-al-qurashi.webp\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/logo10.webp\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/logo15-1.png\"]        }' class=\"bg-background pb-11 mt-12 overflow-x-clip\">\n    <h2 class=\"pricing-header sm:!pt-20 !pt-12 text-center\">\n        Built for dreamers. Trusted by sellers.    <\/h2>\n    <div class=\"insight-wrapper\">\n        <!-- brands logos mobile -->\n        <div class=\"flex flex-col items-center\">\n            <div class=\"pricing-insight-logos-container\">\n                <div class=\"relative flex\">\n                    <div class=\"insight-logos-overlay ms-[-6px]\"\n                        style=\"background: linear-gradient(90deg, rgba(207, 247, 238, 0.00) 20%, #EEFCF9 100%);\">\n                    <\/div>\n                    <template x-for=\"(logo, index) in logos.slice(0, 3)\" :key=\"index\">\n                        <div :class=\"`z-[${logos.length - (index - 3)}]`\"\n                            class=\"insight-logo-wrapper insight-logo-wrapper--sd p-1\"\n                            :style=\"`background-image: url('${logo}'); background-position: center; background-repeat: no-repeat; background-size: contain; background-origin: content-box;`\">\n                        <\/div>\n                    <\/template>\n                <\/div>\n                <template x-for=\"(logo, index) in logos.slice(3, 7)\" :key=\"index\">\n                    <div :class=\"`z-[${logos.length - index}]`\"\n                        class=\"insight-logo-wrapper insight-logo-wrapper--sd p-1\"\n                        :style=\"`background-image: url('${logo}'); background-position: center; background-repeat: no-repeat; background-size: contain; background-origin: content-box;`\">\n                    <\/div>\n                <\/template>\n                <div class=\"relative flex\">\n                    <div class=\"insight-logos-overlay ms-[6px]\"\n                        style=\"background: linear-gradient(-90deg, rgba(207, 247, 238, 0.00) 20%, #EEFCF9 100%);\">\n                    <\/div>\n                    <template x-for=\"(logo, index) in logos.slice(7, 10)\" :key=\"index\">\n                        <div :class=\"`z-[${logos.length - (index + 9)}]`\"\n                            class=\"insight-logo-wrapper insight-logo-wrapper--sd p-1\"\n                            :style=\"`background-image: url('${logo}'); background-position: center; background-repeat: no-repeat; background-size: contain; background-origin: content-box;`\">\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/div>\n            <div class=\"insight-badge\" style=\"box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.08);\">\n                <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/checkmark.svg\" class=\"md:scale-100 scale-[0.85]\" alt=\"checkmark\">\n                <p class=\"insight-badge__text\"> 68,000+ stores and counting<\/p>\n            <\/div>\n        <\/div>\n        <!-- feedback -->\n        <div dir=\"rtl\" x-data=\"{\n                    screenWidth: 0,\n                    totalWidth: 0,\n                    updateTotalWidth() {\n                        this.totalWidth = 0;\n                        const gallery = this.$refs.wrapper;\n                        for (let i = 1; i < gallery.children.length; i++) {\n                            this.totalWidth = gallery.children[i].clientWidth + this.totalWidth;\n                        };\n                        this.totalWidth = Math.floor(((gallery.children.length - 2) \/ 2) * 18) + this.totalWidth \/ 2;\n                        if(document.documentElement.getAttribute('lang') == 'en-US') {\n                            this.totalWidth = -1 * this.totalWidth;\n                        }\n                    }\n                }\" x-init=\"Alpine.nextTick(() =&gt; {\n                    screenWidth = window.innerWidth;\n                    updateTotalWidth();\n                    window.addEventListener('resize', () =&gt; {\n                        screenWidth = window.innerWidth; \n                        updateTotalWidth();\n                    });\n                })\" class=\"feedback-strip overflow-hidden relative pt-8 pb-6 max-w-full\">\n            <div x-ref=\"wrapper\" class=\"flex gap-x-4 scrollFilm-h\" :style=\"`--total-width: ${totalWidth}px`\">\n                <template x-for=\"review in feedback.concat(feedback)\" :key=\"Math.random()\">\n                    <div class=\"review-card\" style=\"box-shadow: 0px 10px 16px 0px rgba(0, 0, 0, 0.08);\">\n                        <div class=\"flex gap-1\">\n                            <template x-for=\"star in parseInt(review.stars)\" :key=\"Math.random()\">\n                                <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/stars.svg\" alt=\"star\">\n                            <\/template>\n                        <\/div>\n                        <p x-text=\"review.message\" class=\"sm:text-[20px] text-base text-primaryPricing mt-1\"><\/p>\n                        <div class=\"flex gap-x-2 mt-3 items-center\">\n                            <div class=\"flex justify-center items-center p-1.5 border rounded-full w-11 h-11\">\n                                <img :src=\"review.company_logo\" alt=\"logo\">\n                            <\/div>\n                            <p class=\"text-teritaryText3 font-[Ping-Medium]\" x-text=\"review.company\"><\/p>\n                        <\/div>\n                    <\/div>\n                <\/template>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<!-- plans details section -->\n<section id=\"details\" x-init='window.addEventListener(\"resize\",()=&gt;{windowWidth = window.innerWidth}); window.dispatchEvent(new Event(\"resize\")); isAr = false; console.log(annualPlans)' \nx-data='{\"isAr\":false,\"currency\":\"SAR\",\"windowWidth\":0,\"annualPlans\":[{\"name\":\"Salla Basic\",\"shortName\":\"Basic\",\"offer\":\"\",\"price\":\"Free\",\"duration\":\"SAR \\\/ Annual\"},{\"name\":\"Salla Plus\",\"shortName\":\"Plus\",\"offer\":\"16%\",\"price\":\"1188\",\"duration\":\"SAR \\\/ Annual\"},{\"name\":\"Salla Pro\",\"shortName\":\"Pro\",\"offer\":\"16%\",\"price\":\"3588\",\"duration\":\"SAR \\\/ Annual\"}],\"MonthlyPlans\":[{\"name\":\"Salla Basic\",\"shortName\":\"Basic\",\"offer\":\"\",\"price\":\"Free\",\"duration\":\"SAR \\\/ Monthly\"},{\"name\":\"Salla Plus\",\"shortName\":\"Plus\",\"offer\":\"\",\"price\":\"99\",\"duration\":\"SAR \\\/ Monthly\"},{\"name\":\"Salla Pro\",\"shortName\":\"Pro\",\"offer\":\"\",\"price\":\"299\",\"duration\":\"SAR \\\/ Monthly\"}]}'\n>\n    <h2 class=\"pricing-header !pt-20 text-center\">\n        \u0627\u062e\u062a\u0631 \u0627\u0644\u0628\u0627\u0642\u0629 \u0627\u0644\u0623\u0646\u0633\u0628 \u0644\u0644\u0646\u0645\u0648 \u0641\u064a \u062a\u062c\u0627\u0631\u062a\u0643!    <\/h2>\n    <div x-ref=\"trigger\" class=\"h-1\"><\/div>\n    <!-- sticky section -->\n    <div x-data=\"{ isStuck: false }\" class=\"sticky min-[769px]:top-[80px] top-[70px] bg-white md:mt-8 md:pt-4 md:pb-8 py-4 z-20\"\n        :style=\"isStuck? ' box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.12);':''\" x-init=\"new IntersectionObserver(([entry]) =&gt;{ \n                        isStuck = !entry.isIntersecting \n                    }).observe($refs.trigger)\">\n\n        <div x-data=\"{discountAnnual:0,discountMonthly:0}\"\n            class=\"section-layout flex xl:gap-x-8 gap-x-2 justify-stretch max-md:!mx-2\">\n            <div class=\"flex-grow sm:basis-[25.5%] basis-[41%] self-end\">\n                <div class=\"tab-buts-container max-md:!border-1 transition-none\"\n                    :class=\"activeIdx==0?'!mb-3':'!mb-[53px]'\">\n                    <button @click=\"activeIdx = 0\" class=\"tab-but tab-but--sm\"\n                        :class=\"activeIdx == 0 ? 'tab-but--active' : ''\"\n                        x-html=\"(parseFloat(MonthlyPlans[1].offer)??0) &gt; 0 ? (isAr ? `\u0634\u0647\u0631\u064a (&lt;span class='max-sm:text-[12px]'&gt;\u062e\u0635\u0645 ${parseFloat(MonthlyPlans[1].offer)??0}%&lt;\/span&gt;)` : `Monthly (&lt;span class='max-sm:text-[12px]'&gt;${parseFloat(MonthlyPlans[1].offer)??0}% off&lt;\/span&gt;)`) : (isAr ? '\u0634\u0647\u0631\u064a' : 'Monthly')\">\n                    <\/button>\n\n                    <button @click=\"activeIdx = 1\" class=\"tab-but tab-but--sm\"\n                        :class=\"activeIdx == 1 ? 'tab-but--active' : ''\"\n                        x-html=\"((parseFloat(annualPlans[1].offer)??0) &gt; 0 &#038;&#038; activeIdx == 1) ? (isAr ? `\u0633\u0646\u0648\u064a &lt;span class='max-xl:hidden'&gt;(\u062e\u0635\u0645 ${parseFloat(annualPlans[1].offer)??0}%)&lt;\/span&gt;` : `Annual &lt;span class='max-xl:hidden'&gt;(${parseFloat(annualPlans[1].offer)??0}% off)&lt;\/span&gt;`) : (isAr ? '\u0633\u0646\u0648\u064a' : 'Annual')\">\n                    <\/button>\n                <\/div>\n                <div class=\"flex justify-center md:mb-2 max-md:scale-90\">\n                    <div x-show=\"activeIdx==0\" x-cloak x-transition:enter=\"transition-all ease-out duration-200\"\n                        x-transition:enter-start=\"scale-0\" x-transition:enter-end=\"scale-100\"\n                        class=\"offer-badge md:-rotate-12 -rotate-3 scale-90 max-md:!gap-0 min-w-[100px]\"\n                        style=\"box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.08);\">\n                        <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/images\/offer.svg\" class=\"md:scale-100 scale-[0.85]\" alt=\"offer\">\n                        <p class=\"offer-badge__text max-md:!text-[12px]\"  x-text=\"isAr? `\u0648\u0641\u0651\u0651\u0631 ${annualPlans[1].offer}` : `Save ${annualPlans[1].offer}`\"><\/p>\n                    <\/div>\n                    <img decoding=\"async\" x-show=\"activeIdx==0\" x-cloak x-transition:enter=\"transition-all ease-out duration-100\"\n                        x-transition:enter-start=\"scale-0\" x-transition:enter-end=\"scale-100\"\n                        class=\"md:w-16 w-8 max-md:rotate-[35deg] max-md:ms-[-14px] max-md:me-3.5 max-md:-mt-3 scale-90 ltr:flip-90\"\n                        src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/ArrowGreen.svg\" alt=\"arrow\">\n                <\/div>\n            <\/div>\n\n            <!-- annual plans -->\n            <div x-show=\"activeIdx==1\" class=\"plan-summary--details plan-summary bg-[#CFF7EE]\">\n                <h5 class=\"plan-details-name text-primaryPricing\"\n                    x-text=\"windowWidth&gt;767? annualPlans[0].name:annualPlans[0].shortName\"><\/h5>\n                <div class=\"xl:flex-row flex-col flex gap-x-3 items-center\">\n                    <p class=\"plan-details-price text-primaryPricing\" x-text=\"calculateFinalPrice(annualPlans[0].price,annualPlans[0].offer)\"><\/p>\n                    <div class=\"sm:mb-2.5 mb-3\">\n                        <p class=\"whitespace-nowrap text-primaryPricing max-md:text-[10px]\" x-text=\"annualPlans[0].duration\"><\/p>\n                    <\/div>\n                <\/div>\n                <a style=\"color:white !important\" href=\"https:\/\/s.salla.sa\/auth\/register\" class=\"but but--filled but--medium but--plans but--plans--details\" x-text=\"windowWidth&gt;1023 ? (isAr ? `\u0627\u062e\u062a\u0631 ${annualPlans[0].name}` : `Choose ${annualPlans[0].name}`) : (isAr ? &#039;\u0627\u062e\u062a\u0631&#039; : &#039;Choose&#039;)\" rel=\"nofollow noopener\" target=\"_blank\"><\/a>\n                <template x-if=\"annualPlans[0].offer\">\n                    <div class=\"offer-badge offer-badge--sticker   min-[1320px]:scale-100 scale-75\"\n                        style=\"box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.08);\">\n                        <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/images\/offer.svg\" class=\"md:scale-100 scale-[0.85]\" alt=\"offer\">\n                        <p class=\"offer-badge__text\" x-text=\"isAr ? `\u0648\u0641\u0651\u0631\u062a ${calculateDiscount(annualPlans[0].price,annualPlans[0].offer)} ${currency}` : `Save ${calculateDiscount(annualPlans[0].price,annualPlans[0].offer)} ${currency}`\"><\/p>\n                    <\/div>\n                <\/template>\n            <\/div>\n            <div x-show=\"activeIdx==1\" class=\"plan-summary--details plan-summary bg-secondaryVariant2\">\n                <h5 class=\"plan-details-name text-primary\"\n                    x-text=\"windowWidth&gt;767? annualPlans[1].name:annualPlans[1].shortName\"><\/h5>\n                <div class=\"xl:flex-row flex-col flex gap-x-3 items-center\">\n                    <p class=\"plan-details-price text-primary\" x-text=\"Number(calculateFinalPrice(annualPlans[1].price,annualPlans[1].offer)).toLocaleString()\"><\/p>\n                    <div class=\"sm:mb-2.5 mb-3\">\n                        <p class=\"whitespace-nowrap text-primaryPricing max-md:text-[10px]\" x-text=\"annualPlans[1].duration\"><\/p>\n                    <\/div>\n                <\/div>\n                <a style=\"color:white !important\" href=\"https:\/\/s.salla.sa\/auth\/register\" class=\"but but--filled but--medium but--plans but--plans--details\" x-text=\"windowWidth&gt;1023 ? (isAr ? `\u0627\u062e\u062a\u0631 ${annualPlans[1].name}` : `Choose ${annualPlans[1].name}`) : (isAr ? &#039;\u0627\u062e\u062a\u0631&#039; : &#039;Choose&#039;)\" rel=\"nofollow noopener\" target=\"_blank\"><\/a>\n                <template x-if=\"annualPlans[1].offer\">\n                    <div class=\"offer-badge offer-badge--sticker   min-[1320px]:scale-100 scale-75 max-lg:hidden\"\n                        style=\"box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.08);\">\n                        <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/images\/offer.svg\" class=\"md:scale-100 scale-[0.85]\" alt=\"offer\">\n                        <p class=\"offer-badge__text\" x-text=\"isAr ? `\u0648\u0641\u0651\u0631\u062a ${calculateDiscount(annualPlans[1].price,annualPlans[1].offer)} ${currency}` : `Save ${calculateDiscount(annualPlans[1].price,annualPlans[1].offer)} ${currency}`\"><\/p>\n                    <\/div>\n                <\/template>\n            <\/div>\n            <div x-show=\"activeIdx==1\" class=\"plan-summary plan-summary--details-recommended\">\n                <div class=\"md:flex hidden gap-1 !mb-[-12px]\">\n                    <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/stargolden.svg\" width=\"18\" alt=\"star\">\n                    <h5 class=\"text-[14px] font-[Ping-Bold] text-gold mb-1\" x-text=\"isAr ? '\u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u0627\u064b' : 'Popular'\"><\/h5>\n                <\/div>\n                <div class=\"flex flex-col items-center\">\n                    <h5 class=\"plan-details-name text-white\"\n                        x-text=\"windowWidth&gt;767? annualPlans[2].name:annualPlans[2].shortName\"><\/h5>\n                    <div class=\"xl:flex-row flex-col flex gap-x-3 items-center\">\n                        <p class=\"text-white plan-details-price\" x-text=\"Number(calculateFinalPrice(annualPlans[2].price,annualPlans[2].offer)).toLocaleString()\"><\/p>\n                        <div class=\"sm:mb-2.5 mb-3\">\n                            <p class=\"whitespace-nowrap text-white max-md:text-[10px]\" x-text=\"annualPlans[2].duration\"><\/p>\n                        <\/div>\n                    <\/div>\n                    <a href=\"https:\/\/s.salla.sa\/auth\/register\" class=\"but but--filled but--medium but--plans !bg-white !text-primaryPricing but--plans--details\" x-text=\"windowWidth&gt;1023 ? (isAr ? `\u0627\u062e\u062a\u0631 ${annualPlans[2].name}` : `Choose ${annualPlans[2].name}`) : (isAr ? &#039;\u0627\u062e\u062a\u0631&#039; : &#039;Choose&#039;)\" rel=\"nofollow noopener\" target=\"_blank\"><\/a>\n                    <div>\n                        <template x-if=\"annualPlans[2].offer\" >\n                        <div class=\"offer-badge offer-badge--recommended\"\n                            style=\"box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.08);\">\n                            <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/images\/offer.svg\" class=\"md:scale-100 scale-[0.85]\" alt=\"offer\">\n                            <p class=\"offer-badge__text\" x-text=\"isAr ? `\u0648\u0641\u0651\u0631\u062a ${calculateDiscount(annualPlans[2].price,annualPlans[2].offer)} ${currency}` : `Save ${calculateDiscount(annualPlans[2].price,annualPlans[2].offer)} ${currency}`\"><\/p>\n                        <\/div>\n                        <\/template>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- monthly plans -->\n            <div x-show=\"activeIdx==0\" class=\"plan-summary--details plan-summary bg-[#CFF7EE]\">\n                <h5 class=\"plan-details-name text-primary\"\n                    x-text=\"windowWidth&gt;767? MonthlyPlans[0].name:MonthlyPlans[0].shortName\"><\/h5>\n                <div class=\"xl:flex-row flex-col flex gap-x-3 items-center\">\n                    <p class=\"plan-details-price text-primary\" x-text=\"calculateFinalPrice(MonthlyPlans[0].price,MonthlyPlans[0].offer)\"><\/p>\n                    <div class=\"sm:mb-2.5 mb-3\">\n                        <p class=\"whitespace-nowrap text-primaryPricing max-md:text-[10px]\" x-text=\"MonthlyPlans[0].duration\"><\/p>\n                    <\/div>\n                <\/div>\n                <a style=\"color:white !important\" href=\"https:\/\/s.salla.sa\/auth\/register\" class=\"but but--filled but--medium but--plans but--plans--details\" x-text=\"windowWidth&gt;1023 ? (isAr ? `\u0627\u062e\u062a\u0631 ${MonthlyPlans[0].name}` : `Choose ${MonthlyPlans[0].name}`) : (isAr ? &#039;\u0627\u062e\u062a\u0631&#039; : &#039;Choose&#039;)\" rel=\"nofollow noopener\" target=\"_blank\"><\/a>\n                <template x-if=\"MonthlyPlans[1].offer\">\n                    <div class=\"offer-badge offer-badge--sticker   min-[1320px]:scale-100 scale-75\"\n                        style=\"box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.08);\">\n                        <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/images\/offer.svg\" class=\"md:scale-100 scale-[0.85]\" alt=\"offer\">\n                        <p class=\"offer-badge__text\" x-text=\"isAr ? `\u0648\u0641\u0651\u0631\u062a ${calculateDiscount(MonthlyPlans[0].price,MonthlyPlans[0].offer)} ${currency}` : `Save ${calculateDiscount(MonthlyPlans[0].price,MonthlyPlans[0].offer)} ${currency}`\"><\/p>\n                    <\/div>\n                <\/template>\n            <\/div>\n            <div x-show=\"activeIdx==0\" class=\"plan-summary--details plan-summary bg-secondaryVariant2\">\n                <h5 class=\"plan-details-name text-primary\"\n                    x-text=\"windowWidth&gt;767? MonthlyPlans[1].name:MonthlyPlans[1].shortName\"><\/h5>\n                <div class=\"xl:flex-row flex-col flex gap-x-3 items-center\">\n                    <p class=\"plan-details-price text-primary\" x-text=\"Number(calculateFinalPrice(MonthlyPlans[1].price,MonthlyPlans[1].offer)).toLocaleString()\"><\/p>\n                    <div class=\"sm:mb-2.5 mb-3\">\n                        <p class=\"whitespace-nowrap text-primaryPricing max-md:text-[10px]\" x-text=\"MonthlyPlans[1].duration\"><\/p>\n                    <\/div>\n                <\/div>\n                <a style=\"color:white !important\" href=\"https:\/\/s.salla.sa\/auth\/register\" class=\"but but--filled but--medium but--plans but--plans--details\" x-text=\"windowWidth&gt;1023 ? (isAr ? `\u0627\u062e\u062a\u0631 ${MonthlyPlans[1].name}` : `Choose ${MonthlyPlans[1].name}`) : (isAr ? &#039;\u0627\u062e\u062a\u0631&#039; : &#039;Choose&#039;)\" rel=\"nofollow noopener\" target=\"_blank\"><\/a>\n                <template x-if=\"MonthlyPlans[1].offer\">\n                    <div class=\"offer-badge offer-badge--sticker min-[1320px]:scale-100 scale-75 max-lg:hidden\"\n                        style=\"box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.08);\">\n                        <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/images\/offer.svg\" class=\"md:scale-100 scale-[0.85]\" alt=\"offer\">\n                        <p class=\"offer-badge__text\" x-text=\"isAr ? `\u0648\u0641\u0651\u0631\u062a ${calculateDiscount(MonthlyPlans[1].price,MonthlyPlans[1].offer)} ${currency}` : `Save ${calculateDiscount(MonthlyPlans[1].price,MonthlyPlans[1].offer)} ${currency}`\"><\/p>\n                    <\/div>\n                <\/template>\n            <\/div>\n            <div x-show=\"activeIdx==0\" class=\"plan-summary plan-summary--details-recommended\">\n                <div class=\"md:flex hidden gap-1 !mb-[-12px]\">\n                    <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/stargolden.svg\" width=\"18\" alt=\"star\">\n                    <h5 class=\"text-[14px] font-[Ping-Bold] text-gold mb-1\" x-text=\"isAr ? '\u0627\u0644\u0623\u0643\u062b\u0631 \u0637\u0644\u0628\u0627\u064b' : 'Popular'\"><\/h5>\n                <\/div>\n                <div class=\"flex flex-col items-center\">\n                    <h5 class=\"plan-details-name text-white\"\n                        x-text=\"windowWidth&gt;767? MonthlyPlans[2].name:MonthlyPlans[2].shortName\"><\/h5>\n                    <div class=\"xl:flex-row flex-col flex gap-x-3 items-center\">\n                        <p class=\"text-white plan-details-price\" x-text=\"Number(calculateFinalPrice(MonthlyPlans[2].price,MonthlyPlans[2].offer)).toLocaleString()\"><\/p>\n                        <div class=\"sm:mb-2.5 mb-3\">\n                            <p class=\"whitespace-nowrap text-white max-md:text-[10px]\" x-text=\"MonthlyPlans[2].duration\"><\/p>\n                        <\/div>\n                    <\/div> \n                    <a href=\"https:\/\/s.salla.sa\/auth\/register\" class=\"but but--filled but--medium but--plans !bg-white !text-primaryPricing but--plans--details\" x-text=\"windowWidth&gt;1023 ? (isAr ? `\u0627\u062e\u062a\u0631 ${MonthlyPlans[2].name}` : `Choose ${MonthlyPlans[2].name}`) : (isAr ? &#039;\u0627\u062e\u062a\u0631&#039; : &#039;Choose&#039;)\" rel=\"nofollow noopener\" target=\"_blank\"><\/a>\n                    <template x-if=\"MonthlyPlans[2].offer\">\n                        <div class=\"offer-badge offer-badge--recommended\"\n                            style=\"box-shadow: 0px 5px 24px 0px rgba(0, 0, 0, 0.08);\">\n                            <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/images\/offer.svg\" class=\"md:scale-100 scale-[0.85]\" alt=\"offer\">\n                            <p class=\"offer-badge__text\" x-text=\"isAr ? `\u0648\u0641\u0651\u0631\u062a ${calculateDiscount(MonthlyPlans[2].price,MonthlyPlans[2].offer)} ${currency}` : `Save ${calculateDiscount(MonthlyPlans[2].price,MonthlyPlans[2].offer)} ${currency}`\"><\/p>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <!-- comparison section -->\n    <div x-data='{\n                openedIdx:0,\n                featuresGroups:[{\"group_name\":\"Key features\",\"features\":[{\"feature_name\":\"Unlimited products\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Unlimited orders\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Lower shipping costs with Salla Shipping Labels\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Lower shipping costs with Salla Shipping Labels\",\"feature_desc\":\"Ship with top couriers at discounted rates using Salla Shipping Labels. No contracts or setup needed.\",\"feature_img\":false},{\"feature_name\":\"All product types supported\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"All product types supported\",\"feature_desc\":\"Sell physical, digital, or service-based products in one place.\\r\\n\",\"feature_img\":false},{\"feature_name\":\"Online &#038; flexible payments\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Online &#038; flexible payments\",\"feature_desc\":\"Accept payments via checkout links, cards, Apple Pay, or BNPL options like Tabby,Tamara, and more.\",\"feature_img\":false},{\"feature_name\":\"Salla Ads\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Salla Ads\",\"feature_desc\":\"Run and track targeted ad campaigns across major platforms like Google, Facebook, and more\\u2014 all from your Salla dashboard.\",\"feature_img\":false},{\"feature_name\":\"Sell on Mahally\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Sell on Mahally\",\"feature_desc\":\"Promote your products for free and with no commission to millions of customers on Mahally, Salla&apos;s product discovery marketplace.\",\"feature_img\":false},{\"feature_name\":\"Built-in SEO\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"Built-in SEO\",\"feature_desc\":\"Improve your store&apos;s search engine ranking with optimized metadata, including page titles, descriptions, and URLs.\",\"feature_img\":false},{\"feature_name\":\"Built-in VAT support with ZATCA integration\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false}]},{\"group_name\":\"Payments\",\"features\":[{\"feature_name\":\"Bank transfer\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Bank transfer\",\"feature_desc\":\"Let your customers pay via direct bank transfers.\",\"feature_img\":false},{\"feature_name\":\"Instant payments via SARIE\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Instant payments via SARIE\",\"feature_desc\":\"Make it easier for your customers to make transfers by using alternative identifiers like phone number, national ID, or email \\u2014 no need to add or activate a beneficiary.\",\"feature_img\":false},{\"feature_name\":\"Cash on delivery\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Pay with Mada\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Credit card payments (Visa &#038; MasterCard)\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Pay with PayPal\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Pay with STC Pay\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Pay with Apple Pay &#038; Google Pay\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"BNPL with Tabby, Tamara, MIS Pay, Madfu, and Emkan\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Al Rajhi Mokafaa loyalty program\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"\\\"Buy now\\\" button\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\\\"Buy now\\\" button\",\"feature_desc\":\"Offer your customers the fastest payment experience with a single click by enabling the \\u201cBuy with Apple Pay\\u201d or \\u201cBuy now\\u201d button.\\r\\n\",\"feature_img\":false},{\"feature_name\":\"Generate payment links\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Generate payment links\",\"feature_desc\":\"Enable your customers to instantly finalize payments by sending a temporary payment link to their phone numbers.\\r\\n\",\"feature_img\":false},{\"feature_name\":\"Extend payment due date\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Extend payment due date\",\"feature_desc\":\"Extend the validity of the payment link sent to your customer, allowing them to complete the payment at their convenience.\\r\\n\",\"feature_img\":false},{\"feature_name\":\"Online payment fee calculator\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Online payment fee calculator\",\"feature_desc\":\"See what you&apos;ll pay in fees ahead of time by entering your customer&apos;s order amount and the payment method chosen.\",\"feature_img\":false},{\"feature_name\":\"Support for 33+ currencies\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Support for 33+ currencies\",\"feature_desc\":\"Simplify the shopping experience for your customers worldwide by offering multiple currencies, including: SAR, AED, KWD, EUR, JOD, USD, QAR, BHD, IQD, OMR, YER, EGP, SDG, LYD, DZD, MAD, TND, SYP, ILS, LBP, AUD, IDR, SEK, CNY, GBP, INR, JPY, PKR, TRY, CAD, MYR, MRU.\\r\\n\",\"feature_img\":false},{\"feature_name\":\"Salla Fraud Protection System\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Salla Fraud Protection System\",\"feature_desc\":\"Enable the power of Salla Fraud Engine to detect suspicious transactions and prevent any potential fraud risks.\\r\\n\",\"feature_img\":false},{\"feature_name\":\"VAT compliance &#038; automated setup\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Payment restrictions\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"Payment restrictions\",\"feature_desc\":\"Set specific conditions to limit the payment options available to customers, such as restricting cash on delivery for certain countries or customers to reduce fraud risks and enhance financial security.\\r\\n\",\"feature_img\":false}]},{\"group_name\":\"Store wallet &#038; invoicing\",\"features\":[{\"feature_name\":\"Store balance management\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Cash on delivery log\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Invoicing settings\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Invoicing settings\",\"feature_desc\":\"Take control of your invoicing, whether through Salla or an external platform, and personalize it to suit your brand with your logo, font, watermark, and seal.\",\"feature_img\":false},{\"feature_name\":\"Online payment log\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Integration with ZATCA (Tax Authority)\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"Integration with ZATCA (Tax Authority)\",\"feature_desc\":\"The ZATCA app from Salla allows you to link your store&apos;s tax invoices and automatically submit them to the Authority&apos;s platform.\",\"feature_img\":false}]},{\"group_name\":\"Shipping &#038; delivery\",\"features\":[{\"feature_name\":\"Standard shipping with SMSA, Saudi Post, DHL Express, J&#038;T Express, &#038; AyMakan\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Economy shipping with Mandoobi, RedBox, &#038; SMSA (pickup &#038; drop-off)\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Express shipping via Careem\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Refrigerated &#038; cold shipping with Adwar\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Heavy freight shipping with Flow Express\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\",\"Salla Basic\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"In-house delivery\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Offer\\\/Set up free shipping\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Free shipping bar\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Free shipping bar\",\"feature_desc\":\"Make it easy for customers to see when they&apos;re eligible for free shipping with a dynamic shipping bar.\",\"feature_img\":false},{\"feature_name\":\"Set custom shipping fees\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Set custom shipping fees\",\"feature_desc\":\"Set fixed or weight-based shipping costs for your store and save city-specific rates if needed.\",\"feature_img\":false},{\"feature_name\":\"Shipping cost calculator\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Estimate shipping costs by selecting the shipping company, destination, and weight.\",\"feature_desc\":\"Estimate shipping costs by selecting the shipping company, destination, and weight.\",\"feature_img\":false},{\"feature_name\":\"Shipping tiered pricing\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Get lower rates on shipping as your order volume increases. The more shipments you make, the lower the price per shipment.\",\"feature_desc\":\"Get lower rates on shipping as your order volume increases. The more shipments you make, the lower the price per shipment.\",\"feature_img\":false},{\"feature_name\":\"Shipment archive\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"View all issued shipping labels by courier or access a full archive across all Salla Shipping Labels partners.\",\"feature_desc\":\"View all issued shipping labels by courier or access a full archive across all Salla Shipping Labels partners.\",\"feature_img\":false},{\"feature_name\":\"Shipping Quality Center\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Shipping Quality Center\",\"feature_desc\":\"The Shipping Quality Center allows you to submit and track shipping complaints with carriers from your store dashboard, ensuring service quality through Salla Shipping Labels.\",\"feature_img\":false},{\"feature_name\":\"200+ courier integrations\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"COD payment rules\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Add more branches *Additional fees apply\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"In-store pickup\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"In-store pickup\",\"feature_desc\":\"Allow your customers to collect their purchases from your store locations.\",\"feature_img\":false},{\"feature_name\":\"Shipping &#038; delivery restrictions\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"Shipping &#038; delivery restrictions\",\"feature_desc\":\"Restrict shipping visibility by product, category, region, or order value to suit your logistics setup.\",\"feature_img\":false}]},{\"group_name\":\"Sales channels\",\"features\":[{\"feature_name\":\"App Maker *Additional fees apply\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"App Maker\",\"feature_desc\":\"Build a native app for your store on iOS and Android without the need for a developer (Additional fees apply).\",\"feature_img\":false},{\"feature_name\":\"Salla Point\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Salla Point\",\"feature_desc\":\"Sell across your branches easily with Salla Point for free\\r\\n\",\"feature_img\":false},{\"feature_name\":\"Souq Eljomla\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Souq Eljomla\",\"feature_desc\":\"An all-in-one marketplace for wholesale trade between retailers and suppliers on Salla, with instant product synchronization and seamless inventory management from the same dashboard.\\r\\n\",\"feature_img\":false}]},{\"group_name\":\"Marketing tools\",\"features\":[{\"feature_name\":\"Discount coupons\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Discount coupons\",\"feature_desc\":\"Create promo codes your customers can use at checkout to get discounts on their orders.\",\"feature_img\":false},{\"feature_name\":\"Influencer marketing\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Influencer marketing\",\"feature_desc\":\"Run end-to-end influencer campaigns from discovery to execution all in one place.\",\"feature_img\":false},{\"feature_name\":\"Abandoned cart retargeting\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Abandoned cart retargeting\",\"feature_desc\":\"Retarget abandoned carts with smart reminders and optional time-limited discounts.\",\"feature_img\":false},{\"feature_name\":\"Special offers &#038; promotions\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Special offers &#038; promotions\",\"feature_desc\":\"Create promotions like \\u201cBuy X, Get Y,\\u201d fixed or percentage discounts, all with flexible targeting options.\",\"feature_img\":false},{\"feature_name\":\"Cart offers\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Cart offers\",\"feature_desc\":\"Show a progress bar in the cart to encourage customers to add more items for discounts.\",\"feature_img\":false},{\"feature_name\":\"Customer wallet *Additional fees apply\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Customer wallet\",\"feature_desc\":\"Offer instant refunds or cashback through a digital wallet to keep customers coming back.\",\"feature_img\":false},{\"feature_name\":\"Cashback offers\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Cashback offers\",\"feature_desc\":\"Give customers cashback rewards as a percentage or fixed amount credited to their wallet to boost repeat purchases.\",\"feature_img\":false},{\"feature_name\":\"Bulk coupons\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Bulk coupons\",\"feature_desc\":\"Generate a batch of coupons in one go using the same coupon details for all.\",\"feature_img\":false},{\"feature_name\":\"Mahally coupons\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Mahally coupons\",\"feature_desc\":\"Create custom discount coupons tailored for your store on Mahally to boost sales.\",\"feature_img\":false},{\"feature_name\":\"SMS and app notification campaigns\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"SMS and app notification campaigns\",\"feature_desc\":\"Promote your products or services through targeted SMS and app notifications to reach your customers directly.\",\"feature_img\":false},{\"feature_name\":\"Store blog\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Direct order *Additional fees apply\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Direct order\",\"feature_desc\":\"Let customers place orders quickly with just their name and phone number for faster checkout.\",\"feature_img\":false},{\"feature_name\":\"Marketing activity calendar\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Marketing activity calendar\",\"feature_desc\":\"Organize and track all your marketing activities with a clear, easy-to-use calendar.\",\"feature_img\":false},{\"feature_name\":\"Digital gift cards *Additional fees apply\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Digital gift cards\",\"feature_desc\":\"Let customers send digital gift cards with personalized messages.\",\"feature_img\":false},{\"feature_name\":\"Promo bar\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Promo bar\",\"feature_desc\":\"Promote sales, discounts, or events with an eye-catching promo bar at the top of your store.\",\"feature_img\":false},{\"feature_name\":\"Affiliate marketing\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Affiliate marketing\",\"feature_desc\":\"Create marketing opportunities for your store and set commissions and conditions to share with affiliate marketers.\",\"feature_img\":false},{\"feature_name\":\"Customer loyalty program *Additional fees apply\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Customer loyalty program *Additional fees apply\",\"feature_desc\":\"Reward customers with points they can redeem for discounts, free products, or shipping from your store.\",\"feature_img\":false},{\"feature_name\":\"Affiliate coupon codes\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"Affiliate coupon codes\",\"feature_desc\":\"Give affiliates unique coupon codes to share so customers get discounts and affiliates earn commissions.\",\"feature_img\":false},{\"feature_name\":\"Product landing pages\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"Product landing pages\",\"feature_desc\":\"Create custom landing pages for products to drive sales with unique URLs.\",\"feature_img\":false},{\"feature_name\":\"Bank offers\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"\",\"feature_desc\":\"Encourage payments through partner banks by providing exclusive discounts.\",\"feature_img\":false}]},{\"group_name\":\"Product &#038; inventory\",\"features\":[{\"feature_name\":\"Product variants\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Product variants\",\"feature_desc\":\"Add different options (size, color, etc.) for each product so customers can pick what they want.\",\"feature_img\":false},{\"feature_name\":\"Product categorization\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Product categorization\",\"feature_desc\":\"Organize your products into categories for easy browsing and simpler management.\",\"feature_img\":false},{\"feature_name\":\"Product filters\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Product filters\",\"feature_desc\":\"Enable product filtering by attributes like size, price, and brand.\",\"feature_img\":false},{\"feature_name\":\"Price modification\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Price modification\",\"feature_desc\":\"Apply percentage or fixed amount changes to cost, sale, or discount prices.\",\"feature_img\":false},{\"feature_name\":\"Stock modification\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Stock modification\",\"feature_desc\":\"Update stock quantities for multiple products at once.\",\"feature_img\":false},{\"feature_name\":\"Inventory management\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Display purchase count on product page\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Display purchase count on product page\",\"feature_desc\":\"Show how many times a product has been purchased to build trust.\",\"feature_img\":false},{\"feature_name\":\"Show sold-out products last\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Show sold-out products last\",\"feature_desc\":\"Show sold-out products at the bottom of the page for transparency.\",\"feature_img\":false},{\"feature_name\":\"Expanded product info button\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Expanded product info button\",\"feature_desc\":\"Add a button to show detailed product descriptions.\",\"feature_img\":false},{\"feature_name\":\"Related product suggestions\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Related product suggestions\",\"feature_desc\":\"Suggest similar products to enhance cross-selling.\",\"feature_img\":false},{\"feature_name\":\"Auto-add free item to cart\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Auto-add free item to cart\",\"feature_desc\":\"Automatically add promotional items to the cart.\",\"feature_img\":false},{\"feature_name\":\"Price range display\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Price range display\",\"feature_desc\":\"Show the starting price when products have multiple pricing options\",\"feature_img\":false},{\"feature_name\":\"Product weight display\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Product weight display\",\"feature_desc\":\"Display product weight on the product page, cart, and invoices.\",\"feature_img\":false},{\"feature_name\":\"HS code entry field\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"HS code entry field\",\"feature_desc\":\"Add a field for the HS code to streamline international shipping.\",\"feature_img\":false},{\"feature_name\":\"Special offers display on product page\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"SKU display on product &#038; order pages\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Bulk product management\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Bulk product management\",\"feature_desc\":\"Manage and edit multiple products at once for efficiency.\",\"feature_img\":false},{\"feature_name\":\"Product editor\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Product cost field\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Product cost field\",\"feature_desc\":\"Track product costs to manage margins effectively.\",\"feature_img\":false},{\"feature_name\":\"Product tags\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Product sorting by brand\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Product display order\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Product modification\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Inventory log\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Inventory audit\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Product import\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Product export\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Product order export\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Product export template customization\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Branche &#038; warehouse management\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Branche &#038; warehouse management\",\"feature_desc\":\"Add and manage multiple branches or warehouses, each with its own settings, location, and working hours.\",\"feature_img\":false},{\"feature_name\":\"Default weight per product for courier\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Default weight per product for courier\",\"feature_desc\":\"Set a default weight for each product to automatically calculate shipping costs.\",\"feature_img\":false},{\"feature_name\":\"Back-in-stock alerts\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Back-in-stock alerts\",\"feature_desc\":\"Automatically notify customers when out-of-stock products are restocked.\",\"feature_img\":false},{\"feature_name\":\"Size chart *Additional fees apply\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Product recovery\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Product recovery\",\"feature_desc\":\"Recover deleted products within 30 days to avoid losing valuable listings.\",\"feature_img\":false},{\"feature_name\":\"Digital product protection\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Digital product protection\",\"feature_desc\":\"Enable PDF content protection to prevent copying, sharing, or unauthorized resale via secure, auto-expiring links.\",\"feature_img\":false},{\"feature_name\":\"AI-generated product descriptions *Additional fees apply\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"AI-generated product descriptions *Additional fees apply\",\"feature_desc\":\"Use AI to write clear, concise, and appealing product descriptions automatically.\",\"feature_img\":false},{\"feature_name\":\"AI-generated SEO enhancements *Additional fees apply\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"AI-generated SEO enhancements *Additional fees apply\",\"feature_desc\":\"Automatically generate SEO-friendly metadata like titles and descriptions using AI.\",\"feature_img\":false},{\"feature_name\":\"Custom product fields\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Customer filters\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false}]},{\"group_name\":\"Order management\",\"features\":[{\"feature_name\":\"Receive orders\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Receive orders\",\"feature_desc\":\"Start receiving unlimited orders 24\\\/7 directly through your store.\",\"feature_img\":false},{\"feature_name\":\"Update order status\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Update order status\",\"feature_desc\":\"Mark orders as fulfilled, shipped, or delivered or other statuses directly from the dashboard.\",\"feature_img\":false},{\"feature_name\":\"Print Arabic invoice\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Print English invoice\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Print order summary\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Print order summary\",\"feature_desc\":\"Generate and print order summaries for packaging or record keeping.\",\"feature_img\":false},{\"feature_name\":\"Customer review link\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Customer review link\",\"feature_desc\":\"Share a review request link to collect customer feedback post-purchase.\",\"feature_img\":false},{\"feature_name\":\"Delete orders\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Sort orders by date\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Order filters\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Order tags\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Order tags\",\"feature_desc\":\"Easily manage and sort orders by creating custom tags inside your dashboard.\",\"feature_img\":false},{\"feature_name\":\"Order status notifications\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Order status notifications\",\"feature_desc\":\"Keep customers informed by sending notifications for each order status change.\",\"feature_img\":false},{\"feature_name\":\"Customer cancellation before order processing\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Customer cancellation before order processing\",\"feature_desc\":\"Allow customers to cancel orders within a set time before processing starts.\",\"feature_img\":false},{\"feature_name\":\"Customer notes on order\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"Give your customers space to add special instructions or notes to their order.\",\"feature_img\":false},{\"feature_name\":\"Create manual order\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Create manual order\",\"feature_desc\":\"Add customer orders manually for phone or in-person sales.\",\"feature_img\":false},{\"feature_name\":\"Modify orders\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Modify orders\",\"feature_desc\":\"Make changes to products, shipping, or customer info without canceling or recreating the order.\",\"feature_img\":false},{\"feature_name\":\"Set order acceptance times\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Set order acceptance times\",\"feature_desc\":\"Set when you&apos;re ready to accept orders \\u2014 by day or hour.\",\"feature_img\":false},{\"feature_name\":\"Set daily order limit\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Set daily order limit\",\"feature_desc\":\"Limit how many orders you can receive each day to avoid overloading.\",\"feature_img\":false},{\"feature_name\":\"Manage bookings\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Manage bookings\",\"feature_desc\":\"Allow customers to book appointments, services, or time slots during checkout.\",\"feature_img\":false},{\"feature_name\":\"Bulk order management\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Bulk order management\",\"feature_desc\":\"Select multiple orders, filter, and take action \\u2014 all at once.\",\"feature_img\":false},{\"feature_name\":\"Export orders\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Export orders\",\"feature_desc\":\"Export your orders as Excel or CSV files in just a few clicks.\",\"feature_img\":false},{\"feature_name\":\"Order status customization\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Order status customization\",\"feature_desc\":\"Rename, color, and icon-tag each status or add new ones to match your store&apos;s workflow.\",\"feature_img\":false},{\"feature_name\":\"Edit orders status in bulk\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Edit orders status in bulk\",\"feature_desc\":\"Select multiple orders and apply the same status with one click.\",\"feature_img\":false},{\"feature_name\":\"Print order packing lists\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Print order packing lists\",\"feature_desc\":\"Print packing lists for selected orders to streamline fulfillment.\",\"feature_img\":false},{\"feature_name\":\"Manage returns\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Manage returns\",\"feature_desc\":\"Support easy returns and refunds, full or partial, directly from the dashboard.\",\"feature_img\":false},{\"feature_name\":\"Digital product delivery\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Digital product delivery\",\"feature_desc\":\"Auto-send digital files or codes to the customer instantly upon payment completion.\",\"feature_img\":false},{\"feature_name\":\"Order export templates\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Order export templates\",\"feature_desc\":\"Create custom export templates to extract order data in Excel or CSV format.\",\"feature_img\":false},{\"feature_name\":\"Checkout acknowledgment\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Checkout acknowledgment\",\"feature_desc\":\"Add a custom message customers must read and agree to before placing an order.\",\"feature_img\":false},{\"feature_name\":\"Order confirmation page customization\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Order confirmation page customization\",\"feature_desc\":\"Customize the confirmation message shown to customers based on the order status.\",\"feature_img\":false},{\"feature_name\":\"Set minimum order value\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Apple Wallet order tracking\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Apple Wallet order tracking\",\"feature_desc\":\"Enable real-time order updates via Apple Wallet notifications.\",\"feature_img\":false},{\"feature_name\":\"Customer SMS archive\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Resend digital codes\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Recover deleted orders\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Request order review\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Duplicate order\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Internal order notes\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"Internal order notes\",\"feature_desc\":\"Add private notes about the order for your team&apos;s reference.\",\"feature_img\":false},{\"feature_name\":\"Order add-ons\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"Order add-ons\",\"feature_desc\":\"Offer personalized order options like gift wrap or delivery time at checkout.\",\"feature_img\":false},{\"feature_name\":\"Internal order fields\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"Internal order fields\",\"feature_desc\":\"Add internal-only fields to store extra order details.\",\"feature_img\":false}]},{\"group_name\":\"Store design\",\"features\":[{\"feature_name\":\"Store theme selection\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Store theme selection\",\"feature_desc\":\"Choose from 100+ themes built for your business in Salla Theme Marketplace.\",\"feature_img\":false},{\"feature_name\":\"Theme customization\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Theme customization\",\"feature_desc\":\"Adjust your storefront colors, layouts, and features to match your branding.\",\"feature_img\":false},{\"feature_name\":\"Theme versions\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Theme versions\",\"feature_desc\":\"Build and schedule different theme versions for holidays, sales, or regional campaigns.\",\"feature_img\":false},{\"feature_name\":\"Scheduled theme publishing\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Scheduled theme publishing\",\"feature_desc\":\"Prepare your theme versions early and publish them right on time.\",\"feature_img\":false},{\"feature_name\":\"Custom CSS &#038; JS\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"Custom CSS &#038; JS\",\"feature_desc\":\"Change colors, fonts, or layout styles to perfectly match your branding using custom CSS and JavaScript.\",\"feature_img\":false},{\"feature_name\":\"Salla Twilight theme builder\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"Salla Twilight theme builder\",\"feature_desc\":\"Build a fully custom theme for your store by collaborating with external developers on Salla Twilight.\",\"feature_img\":false}]},{\"group_name\":\"Store domain\",\"features\":[{\"feature_name\":\"Default Salla domain\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Default Salla domain\",\"feature_desc\":\"Start with a free Salla-hosted link to your store, like: www.salla.sa\\\/{storename}.\",\"feature_img\":false},{\"feature_name\":\"Free SSL certificate\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Free SSL certificate\",\"feature_desc\":\"Protect your store and customers with a free SSL certificate included in all plans.\",\"feature_img\":false},{\"feature_name\":\"Register custom domain\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Register custom domain\",\"feature_desc\":\"Claim your own custom domain (e.g. www.yourstore.com) directly from Salla \\u2014 free with annual Plus\\\/Pro plans.\",\"feature_img\":false},{\"feature_name\":\"Connect or transfer existing domain\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Connect or transfer existing domain\",\"feature_desc\":\"Choose to connect your store domain from any provider or transfer it for easier management.\",\"feature_img\":false},{\"feature_name\":\"DNS settings\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"DNS settings\",\"feature_desc\":\"Manage DNS records and verify domain ownership from your dashboard.\",\"feature_img\":false}]},{\"group_name\":\"Customers\",\"features\":[{\"feature_name\":\"Sort customers\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Sort customers\",\"feature_desc\":\"Quickly filter and sort your customers by specific criteria to find exactly who you need.\",\"feature_img\":false},{\"feature_name\":\"Block customers\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Block customers\",\"feature_desc\":\"Block customers with suspicious behavior to prevent unwanted orders and reduce fraud risks.\",\"feature_img\":false},{\"feature_name\":\"Add new customers\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Edit customer information\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Import customers\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Non-serious customer tag\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Non-serious customer tag\",\"feature_desc\":\"Get alerted when a customer is flagged as \\\"Non-serious\\\" across other stores to protect your store from risky or fake orders.\",\"feature_img\":false},{\"feature_name\":\"Customer segmentation\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"Customer segmentation\",\"feature_desc\":\"Segment your customers to personalize their shopping experience, from payment options to exclusive discounts.\",\"feature_img\":false},{\"feature_name\":\"Bulk customer management\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false}]},{\"group_name\":\"Customer experience\",\"features\":[{\"feature_name\":\"Customer reviews &#038; questions\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"Customer reviews &#038; questions\",\"feature_desc\":\"Manage customer feedback to shape a better buying experience \\u2014 publish reviews, respond to questions, or hide with ease.\",\"feature_img\":false},{\"feature_name\":\"Product photo reviews\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Product photo reviews\",\"feature_desc\":\"Let your products speak for themselves with photo-enabled customer reviews.\",\"feature_img\":false},{\"feature_name\":\"Customer self-service\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Customer self-service\",\"feature_desc\":\"Receive and manage customer complaints easily through an integrated system that allows customers to submit tickets in just a few steps and automates the follow-up and resolution process.\",\"feature_img\":false},{\"feature_name\":\"40+ storefront languages\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"40+ storefront languages\",\"feature_desc\":\"Attract customers from around the world by offering multiple languages in your store, including Arabic, English, Turkish, Urdu, Portuguese, French, Czech, Albanian, Dutch, Filipino, Chinese, Croatian, Danish, Estonian, Finnish, Hebrew, Greek, German, Bulgarian, Armenian, Latvian, Persian, Polish, Maltese, Korean, Japanese, Italian, Irish, Indonesian, Hindi, Hungarian, Ukrainian, Swedish, Spanish, Slovenian, Russian, Romanian, Lithuanian, Malaysian, Norwegian, Slovak, Thai, and Vietnamese.\\r\\n\",\"feature_img\":false},{\"feature_name\":\"Instant translation *Additional fees apply\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Instant translation *Additional fees apply\",\"feature_desc\":\"Translate your entire store in one click \\u2014 and customize any part of it anytime using the Text Editor.\",\"feature_img\":false},{\"feature_name\":\"Store information pages\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Store information pages\",\"feature_desc\":\"Stay ahead of customer inquiries by adding custom information pages like \\\"About Us,\\\" \\\"Return &#038; Exchange Policy,\\\" \\\"FAQs,\\\" and others.\",\"feature_img\":false}]},{\"group_name\":\"Store staff\",\"features\":[{\"feature_name\":\"Additional staff accounts\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Additional staff accounts\",\"feature_desc\":\"Increase the number of staff accounts with customizable roles and permissions.\",\"feature_img\":false},{\"feature_name\":\"Staff role management\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Staff role management\",\"feature_desc\":\"Manage team access with role-based permissions.\",\"feature_img\":false},{\"feature_name\":\"Auto order assignment\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Auto order assignment\",\"feature_desc\":\"Assign orders to the right staff automatically for faster fulfillment.\",\"feature_img\":false}]},{\"group_name\":\"Reports\",\"features\":[{\"feature_name\":\"Profit analytics\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Shipping cost &#038; profit report\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Sales analytics\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Customer analytics\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Traffic analytics\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Store performance\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Sales reports\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Product reports\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Loyalty program reports\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Set order status criteria for reports\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Set order status criteria for reports\",\"feature_desc\":\"Control which order statuses appear in your store reports.\",\"feature_img\":false}]},{\"group_name\":\"Account &#038; store management\",\"features\":[{\"feature_name\":\"Salla admin app on iOS &#038; Android\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Salla admin app on iOS &#038; Android\",\"feature_desc\":\"Manage your store anytime, anywhere, and receive important notifications on your mobile or tablet via the Salla app.\",\"feature_img\":false},{\"feature_name\":\"Earn referral points\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Earn referral points\",\"feature_desc\":\"Invite new merchants to the platform and earn points for each successful referral. Use your points as store credit.\",\"feature_img\":false},{\"feature_name\":\"Manage Salla app subscription with iTunes credit\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Store maintenance mode\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Store maintenance mode\",\"feature_desc\":\"Take your store temporarily offline and display a personalized message to keep customers informed.\",\"feature_img\":false},{\"feature_name\":\"Annual subscription freeze\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Annual subscription freeze\",\"feature_desc\":\"Pause your subscription once a year for up to 30 days \\u2014 perfect for holidays or maintenance breaks. No additional fees apply during the freeze.\",\"feature_img\":false},{\"feature_name\":\"Salla team access request for merchant assistance\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false}]},{\"group_name\":\"App Store\",\"features\":[{\"feature_name\":\"Integration with shipping and delivery apps\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Integration with analytics and statistics apps\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Integration with dropshipping apps\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Integration with inventory management apps\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Integration with marketing apps\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Integration with chat apps\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Integration with email apps\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Integration with geolocation apps\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Integration with SMS apps\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Integration with site optimization apps\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Integration with AI-driven solutions\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Integration with accounting and finance apps\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false}]},{\"group_name\":\"Advanced settings\",\"features\":[{\"feature_name\":\"Create custom URLs\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"SMS archive\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Clear cache\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Export log\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Operation log\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false},{\"feature_name\":\"Webhook integrations\",\"feature_availability\":[\"Salla Pro\"],\"feature_hint\":\"\",\"feature_desc\":\"\",\"feature_img\":false}]},{\"group_name\":\"Merchant resources\",\"features\":[{\"feature_name\":\"Merchant Services\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Merchant Services\",\"feature_desc\":\"Hire third-party service-providers for store setup, marketing, design, integrations, legal, and financial services \\u2014 all from your dashboard.\",\"feature_img\":false},{\"feature_name\":\"Salla Academy\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Salla Academy\",\"feature_desc\":\"Access free expert-led courses designed to grow your store and boost your sales.\",\"feature_img\":false},{\"feature_name\":\"Help Center\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Help Center\",\"feature_desc\":\"Explore clear, step-by-step articles for any feature or setup on Salla.\",\"feature_img\":false},{\"feature_name\":\"Salla Community\",\"feature_availability\":[\"Salla Pro\",\"Salla Basic\",\"Salla Plus\"],\"feature_hint\":\"Salla Community\",\"feature_desc\":\"Connect with other merchants, learn from real experiences, and keep up with the latest from Salla.\",\"feature_img\":false},{\"feature_name\":\"Live chat support\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Live chat support\",\"feature_desc\":\"Get instant help from our support team right from your dashboard.\",\"feature_img\":false},{\"feature_name\":\"Merchant Suggestions Portal\",\"feature_availability\":[\"Salla Pro\",\"Salla Plus\"],\"feature_hint\":\"Merchant Suggestions Portal\",\"feature_desc\":\"We build better with your feedback \\u2014 suggest and vote on features here.\",\"feature_img\":false}]}]            }' class=\"flex flex-col section-layout max-lg:!mx-0\">\n        <template x-for=\"(group,index) in featuresGroups\">\n            <div class=\"flex flex-col\">\n                <button :style=\"`scroll-padding-bottom: 0px;`\" @click=\"\n                if(openedIdx == index) {\n                    openedIdx = -1;\n                } else {\n                    openedIdx = index;\n                    \/\/ Instant scroll to the element\n                    $refs.trigger.scrollIntoView({ behavior: 'instant', block: 'start' });\n                    \/\/ Smooth additional offset\n                    setTimeout(() =&gt; {\n                        window.scrollBy({\n                            top: index * 55,\n                            behavior: 'smooth'\n                        });\n                    }, 10); \/\/ Minimal delay\n                }\n            \"\n                    :class=\"openedIdx == index? 'z-[11]':'z-[9]'\"\n                    class=\"border lg:rounded-lg flex gap-2 items-center lg:px-4 px-3 lg:py-2 py-4 hover:bg-gray-100 transition-colors lg:my-2 sticky xl:top-[335px] lg:top-[370px] min-[992px]:top-[360px] md:top-[290px] top-[235px] bg-white\">\n                    <img decoding=\"async\" width=\"16\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/chevron-down.svg\" class=\"transition-transform\"\n                        :class=\"openedIdx == index? 'rotate-180':''\" alt=\"chev\">\n                    <p class=\"lg:text-[20px] text-[16px] text-primaryPricing font-[Ping-Bold]\" x-text=\"group.group_name\">\n                    <\/p>\n                <\/button>\n                <div x-show=\"openedIdx == index\" x-transition:enter=\"transition-all duration-500 overflow-clip\"\n                    x-transition:enter-start=\"max-h-0\" x-transition:enter-end=\"max-h-[999px]\"\n                    x-transition:leave=\"transition-all duration-300 overflow-clip\"\n                    x-transition:leave-start=\"max-h-[999px]\" x-transition:leave-end=\"max-h-0\"\n                    class=\"flex flex-col lg:gap-y-3\">\n                    <template x-for=\"(feature,idx) in group.features\">\n                        <div class=\"lg:px-4 px-2 py-3 hover:bg-bgTeritary rounded-lg flex\"\n                            :class=\"idx%2==0? 'bg-bgSecondary':''\">\n                            <div class=\"flex it gap-2 flex-grow sm:basis-[25.5%] basis-[40%]\">\n                                <p class=\"pointer-events-none lg:text-[18px] text-[14px] text-primaryPricing !font-[Ping-Medium]\"\n                                    x-text=\"feature.feature_name\"><\/p>\n                                <!-- popup -->\n                                <template x-if=\"feature.feature_hint\">\n                                    <div>\n                                        <div x-data=\"{ isPopupOpen: false }\" class=\"relative\">\n                                            <template x-if=\"feature.feature_hint\">\n                                                <button @click=\"isPopupOpen = !isPopupOpen\">\n                                                    <img decoding=\"async\" class=\"min-w-[18px]\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/hint.svg\"\n                                                        alt=\"subico\">\n                                                <\/button>\n                                            <\/template>\n                                            <div @click.away=\"isPopupOpen = false\" x-cloak x-show=\"isPopupOpen\"\n                                                x-transition:enter=\"transition-all duration-50\"\n                                                x-transition:enter-start=\"scale-0\"\n                                                x-transition:enter-end=\"sm:scale-75 scale-50\"\n                                                x-transition:leave=\"transition-all duration-50\"\n                                                x-transition:leave-start=\"scale-100\"\n                                                x-transition:leave-end=\"scale-0\" class=\"plans-details__popup\">\n                                                <div class=\"p-4 bg-primaryPricing rounded-2xl min-w-[405px]\">\n                                                    <div class=\"flex items-start justify-between gap-4\">\n                                                        <p class=\"font-[Ping-Medium] text-[24px] text-white\"\n                                                            x-text=\"feature.feature_hint\"><\/p>\n                                                        <button @click=\"isPopupOpen = !isPopupOpen\"><img decoding=\"async\"\n                                                                src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/exit.svg\" alt=\"exit\"\n                                                                class=\"min-w-12 min-h-12 max-w-12 max-w-12 cursor-pointer\"><\/button>\n                                                    <\/div>\n                                                    <div class=\"flex flex-col items-center mt-4\">\n                                                        <div class=\"self-start\">\n                                                            <template x-if=\"feature.feature_desc\">\n                                                                <p class=\"font-[Ping-Medium] text-[16px] text-gray-50\"\n                                                                    x-text=\"feature.feature_desc\"><\/p>\n                                                            <\/template>\n                                                        <\/div>\n                                                        <div>\n                                                            <template x-if=\"feature.feature_img\">\n                                                                <img :src=\"feature.feature_img\" alt=\"popup_img\"\n                                                                    class=\"mt-4\">\n                                                            <\/template>\n                                                        <\/div>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/template>\n                            <\/div>\n                            <div class=\"flex justify-center items-center flex-grow basis-[21%]\">\n                                <img class=\"max-lg:w-3.5\"\n                                    :src=\"feature.feature_availability.includes(annualPlans[0].name) ? 'https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/available.svg' : 'https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/not-available.svg'\"\n                                    alt=\"availability\">\n                            <\/div>\n                            <div class=\"flex justify-center items-center flex-grow basis-1\/4\">\n                                <img class=\"max-lg:w-3.5\"\n                                    :src=\"feature.feature_availability.includes(annualPlans[1].name)? 'https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/available.svg' : 'https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/not-available.svg'\"\n                                    alt=\"availability\">\n                            <\/div>\n                            <div class=\"flex justify-center items-center flex-grow basis-1\/4 md:-me-3\">\n                                <img class=\"max-lg:w-3.5\"\n                                    :src=\"feature.feature_availability.includes(annualPlans[2].name)? 'https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/available.svg' : 'https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/src\/includes\/assets\/icons\/not-available.svg'\"\n                                    alt=\"availability\">\n                            <\/div>\n                        <\/div>\n                    <\/template>\n                <\/div>\n            <\/div>\n        <\/template>\n    <\/div>\n<\/section>\n<script>\n  function calculateDiscount(finalPriceInput, discountPercentageInput) {\n    const finalPrice = parseFloat(finalPriceInput);\n    const discountPercentage = parseFloat(discountPercentageInput);\n    return (finalPrice \/ (1 - discountPercentage \/ 100)) - finalPrice;\n}\n<\/script>\n\n\n \n<section class=\"stories-section\"\n        x-data='{\"currentIndex\":0,\"items\":[{\"video\":{\"thumbnail\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/tumbnail1.png\",\"video_id\":\"9FfiI0i9hvU\"},\"title\":\"\\\"Growth takes time. Every challenge taught me the same lesson: be patient, stay committed, and keep going.\\\"\",\"owner\":\"Mohammed Khaled\",\"brand\":{\"brand_logo\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/logo22-2.webp\",\"brand_name\":\"Asnas Store\"}},{\"video\":{\"thumbnail\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/thumbnail2-scaled-1.webp\",\"video_id\":\"fXsLBaDOb84\"},\"title\":\"\\\"The tools are there, but real success starts when you work on yourself.\\\"\",\"owner\":\"Rakan Al-Jahni\",\"brand\":{\"brand_logo\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/s2logo.png\",\"brand_name\":\"Shamoul Perfumery Store\"}},{\"video\":{\"thumbnail\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/tumbnail3.webp\",\"video_id\":\"qMaUHKwaKkM\"},\"title\":\"\\\"Ideas are all around you. It&apos;s what you do with them that makes the difference.\\\"\",\"owner\":\"Lama Abdullah Al-Khawil\",\"brand\":{\"brand_logo\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/s3logo.png\",\"brand_name\":\"Logeria Store\"}},{\"video\":{\"thumbnail\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/thumbnail4-1-scaled-1.webp\",\"video_id\":\"xcDxnmO0WHs\"},\"title\":\"\\\"Building my store didn&apos;t just change my business. It transformed my life.\\\" \",\"owner\":\"Yazid Al-Mutairi\",\"brand\":{\"brand_logo\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/s4logo.png\",\"brand_name\":\"Glizer Store\"}}]}'>\n    <div x-init=\"window.addEventListener('resize', () =&gt; {\n        const element = document.getElementById('story_despacer_width_reference');\n        const computedStyle = window.getComputedStyle(element);\n        despacerWidth = computedStyle.marginLeft;\n     })\n    setTimeout(()=&gt;{window.dispatchEvent(new Event('resize'));},0)\n    \"\n     x-data=\"{ firstInView: true, lastInView: false, despacerWidth: '0px'}\" class=\"flex flex-col items-center\">\n        <h2 data-aos=\"fade-up\" class=\"stories-section-title\" x-text=\"isAr ? '\u0643\u0646 \u0635\u0627\u062d\u0628 \u0642\u0635\u0629 \u0627\u0644\u0646\u062c\u0627\u062d \u0627\u0644\u0642\u0627\u062f\u0645\u0629':'Every success story starts somewhere. Yours can start here.'\"><\/h2>\n        <div x-init=\"\n        \/\/ Function to observe the first and last elements\n        setTimeout(()=&gt;observeTabs(),0)\n        function observeTabs() {\n            const firstTab = document.getElementById('story_0');\n            const spacer = document.getElementById(`story_${items.length-1}`);\n            \n            const observerCallback = (entries) =&gt; {\n                entries.forEach(entry =&gt; {\n                    if (entry.target.id === 'story_0') {\n                        firstInView = entry.isIntersecting;\n                    }\n                    if (entry.target.id === `story_${items.length-1}`) {\n                        lastInView = entry.isIntersecting;\n                    }\n                });\n            };\n\n            const observer = new IntersectionObserver(observerCallback, {\n                root: null,\n                threshold: 0.9\n            });\n\n            observer.observe(firstTab);\n            observer.observe(spacer);\n        }\n        \" class=\"flex gap-4 w-full sm:mt-12 mt-8 overflow-x-auto scroll-hidden\">\n        <swiper-container id=\"swiper-container-stories\" observer=\"true\" observe-parents=\"true\" space-between=\"16\" grab-cursor=\"true\" :slides-per-view=\"despacerWidth == '16px' ? '1.13' : '1.5'\" class=\"swiper-container-stories\">\n            <div id=\"story_despacer\" \n                :class=\"currentIndex == 0 ? `sm:min-w-[${despacerWidth}]` : 'min-w-0'\" \n                class=\"transition-all\">\n            <\/div>\n            <template x-for=\"(item, idx) in items\" :key=\"idx\">\n                <swiper-slide :id=\"`story_${idx}`\" :class=\"idx == items.length - 1 ? 'last-slide-spacer':''\" :style=\"`--space-width:${despacerWidth}`\"\n                class=\"swiper-slide-stories\">\n                    <!-- video iframe -->\n                    <div class=\"video-iframe-container\">\n                        <div @click=\"\n                        const overlay = document.getElementById(`videoOverlay_${idx}`);\n                        const poster = document.getElementById(`poster_${idx}`);\n                        overlay.style.display = 'none';\n                        poster.style.display = 'none';\n                        const videoContainer = document.getElementById(`videoContainer_${idx}`);\n                        videoContainer.innerHTML = `&lt;iframe class='iframe' src='https:\/\/www.youtube.com\/embed\/${item.video.video_id}?autoplay=1&#038;rel=0' frameborder='0' allow='autoplay; encrypted-media' allowfullscreen&gt;&lt;\/iframe&gt;`;\n                        \" class=\"w-full h-full cursor-pointer\">\n                            <img\n                                :src=\"item.video.thumbnail\" \n                                :alt=\"`Video Thumbnail`\" \n                                class=\"iframe-img\"\n                                :id=\"`poster_${idx}`\"\/>\n            \n                            <div \n                                :id=\"`videoOverlay_${idx}`\" \n                                class=\"absolute inset-0 flex justify-center items-center border-1\">\n                                <div class=\"video-overlay\">\n                                    <img decoding=\"async\"\n                                    src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/assets\/icons\/play.svg\" \n                                    alt=\"Play\"\n                                    class=\"play-icon cursor-pointer hover:opacity-75 w-8\">\n                                <\/div>\n                            <\/div>\n            \n                            <div :id=\"`videoContainer_${idx}`\"><\/div>\n                        <\/div>\n                    <\/div>\n                    <!-- text part -->\n                        <div class=\"text-container\">\n                        <h2 class=\"item-title\" x-text=\"item.title\"><\/h2>\n                        <h3 class=\"item-owner\" x-text=\"item.owner\"><\/h3>\n                        <div class=\"stories-brand\">\n                            <div class=\"stories-brand-logo\">\n                                <img :src=\"item.brand.brand_logo\" alt=\"logo\">\n                            <\/div>\n                            <p class=\"stories-brand-text\" x-text=\"item.brand.brand_name\"><\/p>\n                        <\/div>\n                        <\/div>\n                <\/swiper-slide>\n            <\/template>\n        <\/swiper-container>                \n        <\/div>\n        <div class=\"flex justify-center gap-6 mt-6\" \n            x-init=\"\n                storySwiper = document.getElementById('swiper-container-stories').swiper;\n                \/\/ Add Swiper event listener to track slide changes\n                storySwiper.on('slideChange', () =&gt; {\n                    currentIndex = storySwiper.activeIndex; \/\/ Update currentIndex when slide changes\n                });\n            \">\n            <!-- Left button -->\n            <button \n                :disabled=\"(firstInView)\" \n                :class=\"(firstInView) ? 'opacity-50':''\" \n                @click=\"\n                    if (currentIndex &gt; 0) {\n                        currentIndex--;\n                    }\n                    console.log(currentIndex);\n                    storySwiper.slideTo(currentIndex);\n                \" \n                class=\"border-[1.5px] rounded-full p-5 cursor-pointer swiper-arrows-rotation\">\n                <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/assets\/icons\/chevron.png\" class=\"w-4 h-4\" alt=\"arrow\">\n            <\/button>\n\n            <!-- Right button -->\n            <button \n                :disabled=\"(lastInView)\" \n                :class=\"(lastInView) ? 'opacity-50':''\" \n                @click=\"\n                    if (currentIndex &lt;  items.length - 1) {\n                        currentIndex++;\n                    }\n                    console.log(currentIndex);\n                    storySwiper.slideTo(currentIndex);\n                \" \n                class=\"border-[1.5px] rounded-full p-5 cursor-pointer swiper-arrows-rotation\">\n                <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/assets\/icons\/chevron.png\" class=\"w-4 h-4 rotate-180\" alt=\"arrow\">\n            <\/button>\n        <\/div>          \n    <\/div>\n<\/section> \n\n\n\n<section data-aos=\"fade-up\" data-aos-offset=\"500\" x-data='{\"firstInView\":true,\"lastInView\":false,\"currentIndex\":0,\"firstSwipe\":0,\"screenWidth\":0,\"partners\":[{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/UHJG0yo7xbYz15pWKAi3AKCZJaPlfwEsucu8Z581.webp\",\"partner_link\":\"https:\\\/\\\/teamsaudishop.com\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/d5ee66e4-1c4f-40b7-b508-5a787b68d819.png\",\"partner_link\":\"https:\\\/\\\/neyam.sa\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/ibrahem-al-qurashi.webp\",\"partner_link\":\"https:\\\/\\\/saudi.ibrahimalqurashi.com\\\/ar\\\/?lang=ar\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/Laverne.png\",\"partner_link\":\"https:\\\/\\\/laverne.com\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo1.webp\",\"partner_link\":\"https:\\\/\\\/cvaley.com\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/logo9.webp\",\"partner_link\":\"https:\\\/\\\/blancoparfumes.com\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo21.webp\",\"partner_link\":\"https:\\\/\\\/alnukalyonline.com\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo18.png\",\"partner_link\":\"https:\\\/\\\/mokab.com\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/logo15.png\",\"partner_link\":\"https:\\\/\\\/glizer-store.com\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo12.webp\",\"partner_link\":\"https:\\\/\\\/ladoun.com\\\/ar\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/Nintendo_red_logo.svg.png\",\"partner_link\":\"https:\\\/\\\/store.nintendo.sa\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/Asset-1-1.webp\",\"partner_link\":\"https:\\\/\\\/cardial.sa\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/FEEPiqrjUxZ8uoshoFO81gmVmuReWL06Gr96F3CO.webp\",\"partner_link\":\"https:\\\/\\\/miniso.sa\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/logo14.webp\",\"partner_link\":\"https:\\\/\\\/zyros.com\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/image-60.png\",\"partner_link\":\"https:\\\/\\\/oudamoudi.com\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/4gO1JGgIHavyms7C0NxPsx06FW9Ml3dZgIeqCifn.webp\",\"partner_link\":\"https:\\\/\\\/sa.abdulsamadalqurashi.com\\\/ar\\\/?lang=ar\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/images-2-5.png\",\"partner_link\":\"https:\\\/\\\/3saf.com\\\/ar\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/incollage_D9A2D9A0D9A2D9A4D9A0D9A7D9A1D9A2_D9A1D9A3D9A3D9A4D9A3D9A3D9A6D9A8D9A08221620356473717804.jpg\",\"partner_link\":\"https:\\\/\\\/govyy.com\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo19.webp\",\"partner_link\":\"https:\\\/\\\/alhomaidhiwatch.com\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo6.webp\",\"partner_link\":\"https:\\\/\\\/gaudyksa.com\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo8.png\",\"partner_link\":\"https:\\\/\\\/albdah.com\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/web-Banners-logos-Mothehalh.jpg\",\"partner_link\":\"https:\\\/\\\/mothhelah-store.com\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/logo10.png\",\"partner_link\":\"https:\\\/\\\/abadystore.com\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/logo13.png\",\"partner_link\":\"https:\\\/\\\/sleephigh.com\\\/ar\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo24.webp\",\"partner_link\":\"https:\\\/\\\/theidealhair-sa.com\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo11.webp\",\"partner_link\":\"https:\\\/\\\/iconstoresa.com\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/logo22.webp\",\"partner_link\":\"https:\\\/\\\/asnasstore.com\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/V7lFhEDQAIwlG8E4ZkELMuajv8L46HpN7AetgFVH.webp\",\"partner_link\":\"https:\\\/\\\/bazilstore.com\\\/\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/CjUeZvBc6sRPK9sY1FdiilP589aOYuzWn2V8yv3M.jpg\",\"partner_link\":\"https:\\\/\\\/vanilla.sa\"},{\"partner_image\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/W7uWO0fhwQxNj6cBufAZLVFfZm5uH6oqHQrfGUWQ.png\",\"partner_link\":\"https:\\\/\\\/kinzabev.com\\\/ar\\\/\"}]}' class=\"my-44 max-w-[1320px] success-partners-section section-horizontal-margin\">\n    <h2 class=\"section-title text-center\">Be the next success story<\/h2>\n    <div x-init=\"\n                \/\/ Function to observe the first and last elements\n                setTimeout(() =&gt; observeTabs(), 0)\n                function observeTabs() {\n                    const firstTab = document.getElementById('partner_0');\n                    const lastTab = document.getElementById(`partner_${partners.length - 1}`);\n                    \n                    const observerCallback = (entries) =&gt; {\n                        entries.forEach(entry =&gt; {\n                            if (entry.target.id === 'partner_0') {\n                                firstInView = entry.isIntersecting;\n                            }\n                            if (entry.target.id === `partner_${partners.length - 1}`) {\n                                lastInView = entry.isIntersecting;\n                            }\n                        });\n                    };\n\n                    const observer = new IntersectionObserver(observerCallback, {\n                        root: null,\n                        threshold: 0.9\n                    });\n\n                    observer.observe(firstTab);\n                    observer.observe(lastTab);\n                }\n            \" class=\"success-partners-section-container snap-container\">\n                    <swiper-container id=\"swiper-container-partners\" init=\"false\" grid-rows=\"3\" grid-fill=\"row\" class=\"w-full h-[324px]\">\n                        <template x-for=\"(partner, idx) in partners\" :key=\"idx\">\n                            <swiper-slide :id=\"`partner_${idx}`\" class=\"partner-img\">\n                               <a :href=\"partner.partner_link\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" :src=\"partner.partner_image\" alt=\"logo\"><\/a> \n                            <\/swiper-slide>\n                        <\/template>\n                    <\/swiper-container>\n\n        <div class=\"flex justify-center gap-6 mt-6\"\n            x-init=\"\n                        partnersSwiper = document.getElementById('swiper-container-partners').swiper;\n                        \/\/ Add Swiper event listener to track slide changes\n                        partnersSwiper.on('slideChange', () =&gt; {\n                            currentIndex = partnersSwiper.activeIndex;\n                        });\n                    \">\n            <!-- Left button -->\n            <button\n                :disabled=\"(firstInView)\"\n                :class=\"(firstInView) ? 'opacity-50':''\"\n                @click=\"\n                            if (currentIndex &gt; 0) {\n                                currentIndex--;\n                                partnersSwiper.slideTo(currentIndex);\n                            }\n                         \"\n                class=\"border-[1.5px] rounded-full p-5 cursor-pointer swiper-arrows-rotation\">\n                <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/assets\/icons\/chevron.png\" class=\"w-4 h-4\" alt=\"arrow\">\n            <\/button>\n\n            <!-- Right button -->\n            <button\n                :disabled=\"(lastInView)\"\n                :class=\"(lastInView) ? 'opacity-50':''\"\n                @click=\"\n                            if (currentIndex &lt; partners.length - 1) {\n                                currentIndex++;\n                                partnersSwiper.slideTo(currentIndex);\n                            }\n                         \"\n                class=\"border-[1.5px] rounded-full p-5 cursor-pointer swiper-arrows-rotation\">\n                <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/assets\/icons\/chevron.png\" class=\"w-4 h-4 rotate-180\" alt=\"arrow\">\n            <\/button>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<!-- <section class=\"sm:mt-[152px] mt-12 min-[1340px]:mx-auto mx-4\">\n    <div data-aos=\"fade-up\"\n        class=\"flex lg:flex-row flex-col justify-between items-center max-w-[1320px] mx-auto p-10 bg-[#CFF7EE] rounded-xl gap-x-4\">\n        <div class=\"flex flex-col lg:items-start items-center flex-grow\">\n            <h1 class=\"font-[Ping-Bold] xl:text-[36px] text-[24px] text-[#004956] lg:text-start text-center\">\n                Your store. Your brand. Your future.            <\/h1>\n            <p class=\"font-[Ping-Regular] xl:text-[20px] text-[16px] text-[#666666] transition-all mt-2 leading-[200%] lg:text-start text-center\">\n                Thousands of brands started here. You can too.            <\/p>\n        <\/div>\n        <a href=\"https:\/\/s.salla.sa\/register\" class=\"border border-[#004D5A] bg-[#004D5A] hover:bg-[#00414D] transition-colors rounded-xl px-12 py-3 flex items-center justify-center max-[1023px]:mt-8\" rel=\"nofollow noopener\" target=\"_blank\">\n            <p class=\"font-[Ping-Medium] sm:text-[20px] text-[18px] text-[#CFF7EE] mb-[-4px]\">Join for free<\/p>\n        <\/a>\n    <\/div>\n<\/section> -->\n<section class=\"create-store\">\n    <div data-aos=\"fade-up\" class=\"create-store-card\">\n        <div>\n            <h2 data-aos=\"fade-up\" class=\"section-title\">\n            Your store. Your brand. Your future.            <\/h2>\n            <p data-aos=\"fade-up\" data-aos-delay=\"100\" class=\"section-subtitle\">\n            Thousands of brands started here. You can too.            <\/p>\n        <\/div>\n        <a onClick=\"gtagEvents(&#039;create_store&#039;,&#039;banner for creating store (CTA)&#039;,&#039;create new store for free - Banner&#039;)\" data-aos=\"fade-up\" data-aos-delay=\"200\" href=\"https:\/\/s.salla.sa\/register\" class=\"but but--long but--filled self-center\" rel=\"nofollow noopener\" target=\"_blank\">\n            <p class=\"\">\n                Join for free            <\/p>\n        <\/a>\n    <\/div>\n<\/section>\n\n\n<section id=\"faqs\" x-data='{ \n        openedIdx: 0, \n        faqs: [{\"faq_question\":\"Do I need a programmer or designer to create a store on Salla?\",\"faq_answer\":\"Not at all. Salla is built so anyone can create, customize, and run\\r\\ntheir store without any technical skills.\"},{\"faq_question\":\"What do I need to start a store on Salla?\",\"faq_answer\":\"Just three things:\\r\\n1. A valid legal document matching your business type (Commercial Registration for scompanies or Freelance Certificate for individuals)\\r\\n2. A Saudi mobile number \\r\\n3. A Saudi bank account\"},{\"faq_question\":\"Can I use Salla if I\\u2019m outside Saudi Arabia?\",\"faq_answer\":\"Salla is currently available to merchants within Saudi Arabia and UAE and in will be on all GCC soon.\"},{\"faq_question\":\"Is the Basic plan really free forever?\",\"faq_answer\":\"Yes! The Basic plan is perfect if you\\u2019re just getting started. There\\u2019s no time limit and you can upgrade anytime for more features.\"},{\"faq_question\":\"What kinds of businesses can use Salla?\",\"faq_answer\":\"Any type of business, in any industry. If you sell online, Salla\\u2019s for you.\"},{\"faq_question\":\"What can I sell on Salla?\",\"faq_answer\":\"Any product or service that complies with Saudi laws and Salla\\u2019s User Agreement.\"},{\"faq_question\":\" Does Salla offer products to sell?\",\"faq_answer\":\"If you don\\u2019t have products yet, explore Souq Eljomla or\\r\\nconnect your store with Salla\\u2019s dropshipping partners to find\\r\\nthousands of products ready to sell.\"},{\"faq_question\":\"What shipping options are available?\",\"faq_answer\":\"Salla gives you discounted shipping rates and instant access to top\\r\\nlocal and global shipping companies \\u2014 covering economy, express, heavy, and refrigerated shipping. You can also connect with over 200 shipping partners from the Salla App Store or add your own\\r\\ncouriers.\"},{\"faq_question\":\"What payment options does Salla offer?\",\"faq_answer\":\"Salla supports a wide range of payment methods including bank\\r\\ntransfers, cash on delivery, Mada, Visa, Mastercard, PayPal, stc pay, Apple Pay, Google Pay \\u2014 plus Buy Now, Pay Later options like Tabby, Tamara, MIS Pay, Madfu, Emkan, and Al Rajhi Rewards.\"},{\"faq_question\":\"How can I market my store with Salla?\",\"faq_answer\":\"Salla gives you everything you need to promote and grow your store \\u2014 from discount coupons, SMS campaigns, influencer collaborations, affiliate marketing, and abandoned cart recovery, to Salla Ads and Mahally for local customer reach.\"},{\"faq_question\":\"Will creating a store on Salla affect my Citizen Account eligibility?\",\"faq_answer\":\"No, creating a store on Salla won\\u2019t affect your eligibility for Citizen Account benefits.\"},{\"faq_question\":\"Do I need a tax number to create a store on Salla?\",\"faq_answer\":\"No, a tax number is not required to create a store on Salla.\"},{\"faq_question\":\" I already have a store on another platform \\u2014 can I move to Salla?\",\"faq_answer\":\"Absolutely. Create your store on Salla and easily import your products and customer lists using the data import tool available in\\r\\nthe Plus and Pro plans.\"},{\"faq_question\":\"Can I get a mobile app for my store?\",\"faq_answer\":\"Yes! With Salla\\u2019s App Builder, you can easily create a native mobile\\r\\napp for iOS and Android \\u2014 straight from your dashboard, no\\r\\ndeveloper needed.\"}], \n        visibleCount: 5 \n    }' \n    class=\"section-layout flex flex-col mt-24 mb-12\">\n    \n    <h2 class=\"font-[Ping-Bold] xl:text-[36px] text-[24px] text-primaryText lg:text-start text-start\">\n        Got questions?    <\/h2>\n    <p class=\"text-teritaryText2 text-[18px] mt-1 font-[Ping-Medium]\">\n        Let\u2019s get them answered    <\/p>\n    <div class=\"flex flex-col mt-3\">\n        <template x-for=\"(faq, index) in faqs.slice(0, visibleCount)\" :key=\"index\">\n            <button @click=\"openedIdx = openedIdx === index ? -1 : index\"\n                :class=\"index === visibleCount - 1 || index === faqs.slice(0, visibleCount).length - 1 ? '' : 'border-b'\">\n                <div class=\"flex items-center gap-x-4 pt-6 pb-3\">\n                    <div class=\"rounded-full bg-secondaryPricing min-w-9 min-h-9 flex justify-center items-center\">\n                        <p class=\"text-sm text-primaryText font-[Ping-Bold] leading-none -mb-1\" x-text=\"index + 1\"><\/p>\n                    <\/div>\n                    <h5 class=\"font-[Ping-Bold] text-lg flex-grow text-start hover:text-primaryText\"\n                        :class=\"openedIdx === index ? 'text-primaryText' : 'text-teritaryText3'\" \n                        x-text=\"faq.faq_question\"><\/h5>\n                    <div class=\"flex justify-center items-center w-7 h-7\">\n                        <svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"\n                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"overflow-visible\">\n                            <path d=\"M0.166687 5.358398V7.02506H11.8334V5.358398H0.166687Z\"\n                                :fill=\"openedIdx === index ? '#004956' : '#999999'\" \/>\n                            <path class=\"transition-all\"\n                                :class=\"openedIdx === index ? 'rotate-90 translate-x-3' : ''\"\n                                d=\"M5.3584 0.166687H7.02506V11.8334H5.3584V0.166687Z\"\n                                :fill=\"openedIdx === index ? '#004956' : '#999999'\" \/>\n                        <\/svg>\n                    <\/div>\n                <\/div>\n                <div x-show=\"openedIdx === index\" x-transition:enter=\"transition-all duration-300 overflow-clip\"\n                    x-transition:enter-start=\"max-h-0\" x-transition:enter-end=\"max-h-[999px]\"\n                    x-transition:leave=\"transition-all duration-100 overflow-clip\"\n                    x-transition:leave-start=\"max-h-[999px]\" x-transition:leave-end=\"max-h-0\">\n                    <p class=\"text-teritaryText2 text-base mt-1 mb-6 font-[Ping-Medium] text-start px-12\"\n                        x-text=\"faq.faq_answer\" style=\"white-space: pre-line\"><\/p>\n                <\/div>\n            <\/button>\n        <\/template>\n    <\/div>\n\n    <button @click=\"visibleCount += 5\" \n            x-show=\"visibleCount < faqs.length\"\n            class=\"text-primaryText text-base mt-1 mb-6 font-[Ping-Medium] text-start hover:underline\">\n        Show more    <\/button>\n<\/section>\n\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":16,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-landing.php","meta":{"content-type":"","footnotes":""},"class_list":["post-39084","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/beta.salla.com\/en\/wp-json\/wp\/v2\/pages\/39084","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beta.salla.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beta.salla.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beta.salla.com\/en\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/beta.salla.com\/en\/wp-json\/wp\/v2\/comments?post=39084"}],"version-history":[{"count":111,"href":"https:\/\/beta.salla.com\/en\/wp-json\/wp\/v2\/pages\/39084\/revisions"}],"predecessor-version":[{"id":40663,"href":"https:\/\/beta.salla.com\/en\/wp-json\/wp\/v2\/pages\/39084\/revisions\/40663"}],"wp:attachment":[{"href":"https:\/\/beta.salla.com\/en\/wp-json\/wp\/v2\/media?parent=39084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}