{"id":38764,"date":"2024-11-26T01:35:10","date_gmt":"2024-11-25T22:35:10","guid":{"rendered":"https:\/\/salla.com\/%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9\/"},"modified":"2026-02-11T17:28:15","modified_gmt":"2026-02-11T14:28:15","slug":"%d8%a7%d9%84%d8%b5%d9%81%d8%ad%d8%a9-%d8%a7%d9%84%d8%b1%d8%a6%d9%8a%d8%b3%d9%8a%d8%a9","status":"publish","type":"page","link":"https:\/\/beta.salla.com\/en\/","title":{"rendered":"\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629"},"content":{"rendered":"\r\n<style>\r\n    .hero-header{\r\n        white-space: wrap !important;\r\n    }\r\n<\/style>\r\n<section class=\"bg-[#CFF7EE] pb-14\">\r\n    <div x-data='{\"logos\":[\"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\\\/d5ee66e4-1c4f-40b7-b508-5a787b68d819.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/Asset-1-1-1.webp\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/LOGOs_SLEEPHIGH-WHITE-1.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/salla.com\\\/logo10.webp\"]}' \r\n        class=\"hero-wrapper items-center\">\r\n        <!-- brands logos mobile-->\r\n        <div x-data=\"{loading:true}\" class=\"hero-warpper_left-container\">\r\n                <div class=\"hero-logos-container\">\r\n                    <div class=\"relative flex\">\r\n                        <div class=\"hero-logos-overlay ms-[-6px]\" style=\"background: linear-gradient(90deg, rgba(207, 247, 238, 0.00) 20%, #CFF7EE 100%);\"><\/div>\r\n                        <template x-for=\"(logo,index) in logos.slice(0,3)\">\r\n                            <div :class=\"`z-[${logos.length - (index - 3)}]`\" class=\"hero-logo-wrapper hero-logo-wrapper--sd p-1\"\r\n                            :style=\"`background-image: url('${logo}'); background-position: center; background-repeat: no-repeat; background-size: contain; background-origin: content-box;`\">\r\n                                <!-- <img class=\"hero-logo-wrapper__logo\" :src=\"logo\" alt=\"logo\"> -->\r\n                            <\/div>\r\n                        <\/template>\r\n                    <\/div>\r\n                    <template x-for=\"(logo,index) in logos.slice(3,7)\">\r\n                        <div :class=\"`z-[${logos.length - index}]`\" class=\"hero-logo-wrapper hero-logo-wrapper--sd p-1\"\r\n                        :style=\"`background-image: url('${logo}'); background-position: center; background-repeat: no-repeat; background-size: contain; background-origin: content-box;`\">\r\n                            <!-- <img class=\"hero-logo-wrapper__logo\" :src=\"logo\" alt=\"logo\"> -->\r\n                        <\/div>\r\n                    <\/template>\r\n                    <template x-for=\"(logo,index) in logos.slice(0,8)\">\r\n                        <div :class=\"`z-[${logos.length - index}]`\" class=\"hero-logo-wrapper hero-logo-wrapper--md p-1\" x-init=\"if(index != 0){loading = false;}\"\r\n                        :style=\"`background-image: url('${logo}'); background-position: center; background-repeat: no-repeat; background-size: contain; background-origin: content-box;`\">\r\n                            <!-- <img class=\"hero-logo-wrapper__logo\" :src=\"logo\" alt=\"logo\"> -->\r\n                        <\/div>\r\n                    <\/template>\r\n                    <div class=\"relative flex\">\r\n                        <div class=\"hero-logos-overlay ms-[6px]\" style=\"background: linear-gradient(-90deg, rgba(207, 247, 238, 0.00) 20%, #CFF7EE 100%);\"><\/div>\r\n                        <template x-for=\"(logo,index) in logos.slice(7,10)\">\r\n                            <div :class=\"`z-[${logos.length - (index + 9)}]`\" class=\"hero-logo-wrapper hero-logo-wrapper--sd p-1\" x-init=\"if(index != 0){loading = false;}\"\r\n                            :style=\"`background-image: url('${logo}'); background-position: center; background-repeat: no-repeat; background-size: contain; background-origin: content-box;`\">\r\n                                <!-- <img class=\"hero-logo-wrapper__logo\" :src=\"logo\" alt=\"logo\"> -->\r\n                            <\/div>\r\n                        <\/template>\r\n                    <\/div>\r\n                <\/div>\r\n                <!-- loading skeletons -->\r\n                <div x-show=\"loading\" class=\"hero-logos-container\">\r\n                    <div  class=\"hero-logo-wrapper hero-logo-wrapper--sd\"><\/div>\r\n                    <div  class=\"hero-logo-wrapper hero-logo-wrapper--sd\"><\/div>\r\n                    <div  class=\"hero-logo-wrapper hero-logo-wrapper--sd\"><\/div>\r\n                    <div  class=\"hero-logo-wrapper hero-logo-wrapper--sd\"><\/div>\r\n                    <div  class=\"hero-logo-wrapper hero-logo-wrapper--sd\"><\/div>\r\n                    <div  class=\"hero-logo-wrapper hero-logo-wrapper--sd\"><\/div>\r\n                    <div  class=\"hero-logo-wrapper hero-logo-wrapper--sd\"><\/div>\r\n                    <div  class=\"hero-logo-wrapper hero-logo-wrapper--sd\"><\/div>\r\n                    <div  class=\"hero-logo-wrapper hero-logo-wrapper--sd\"><\/div>\r\n                    <div  class=\"hero-logo-wrapper hero-logo-wrapper--sd\"><\/div>\r\n                    <div  class=\"hero-logo-wrapper hero-logo-wrapper--md\"><\/div>\r\n                    <div  class=\"hero-logo-wrapper hero-logo-wrapper--md\"><\/div>\r\n                    <div  class=\"hero-logo-wrapper hero-logo-wrapper--md\"><\/div>\r\n                    <div  class=\"hero-logo-wrapper hero-logo-wrapper--md\"><\/div>\r\n                    <div  class=\"hero-logo-wrapper hero-logo-wrapper--md\"><\/div>\r\n                    <div  class=\"hero-logo-wrapper hero-logo-wrapper--md\"><\/div>\r\n                    <div  class=\"hero-logo-wrapper hero-logo-wrapper--md\"><\/div>\r\n                <\/div>\r\n            <div  class=\"hero-badge\" 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\/assets\/icons\/checkmark.svg\" class=\"md:scale-100 scale-[0.85]\" alt=\"checkmark\">\r\n                <p class=\"hero-badge__text\" x-text=\"isAr ? '+68,000 \u0645\u062a\u062c\u0631 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0646\u0634\u0637 \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a':'68,000+ active stores across KSA &#038; UAE'\">+68,000 \u0645\u062a\u062c\u0631 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0646\u0634\u0637 \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a<\/p>\r\n            <\/div>\r\n            <h1  class=\"hero-header max-md:text-center max-md:mx-4\">Launch your online store in minutes<\/h1>\r\n            <h2  data-aos-delay=\"100\" class=\"hero-sub-title\">\r\n                You bring the vision. We\u2019ll help you build it. Set up your store, accept payments, handle shipping, and manage everything in one place.            <\/h2>\r\n            <div class=\"flex flex-col items-start sm:my-16 my-10\">\r\n                <div class=\"flex items-center justify-center sm:gap-6 gap-3\">\r\n                    <a href=\"https:\/\/s.salla.sa\/register\" class=\"but but--filled but--large\" rel=\"nofollow noopener\" target=\"_blank\">\r\n                        <p class=\"but__text--filled but__text--large\">Join for free<\/p>\r\n                    <\/a>\r\n                                            <a href=\"https:\/\/demo.salla.sa\/auth\/auto?access_token=demo&amp;source=demo&amp;legacy=0\" class=\"but but--outlined but--large\" rel=\"nofollow noopener\" target=\"_blank\">\r\n                            <p class=\"but__text--outlined but__text--large\">Take a tour<\/p>\r\n                        <\/a>\r\n                                    <\/div>\r\n                <h2 data-aos-delay=\"100\" class=\"hero-sub-title\" x-text=\"isAr ? '\u0645\u064f\u0635\u0645\u0651\u0645\u0629 \u0644\u0644\u062a\u062c\u0651\u0627\u0631 \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a':'Made for merchants in Saudi Arabia &#038; UAE'\">\r\n                    \u0645\u064f\u0635\u0645\u0651\u0645\u0629 \u0644\u0644\u062a\u062c\u0651\u0627\u0631 \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u0627\u0644\u0625\u0645\u0627\u0631\u0627\u062a\r\n                <\/h2>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <!-- banner -->\r\n        <div x-data=\"{ screenWidth: 0 }\"\r\n         x-init=\"\r\n         \r\n             screenWidth = window.innerWidth;\r\n                 const updateBanner = () =&gt; {\r\n                     if (window.innerWidth &gt; 768){\r\n                         $refs.banner.innerHTML = \r\n                         `\r\n                             &lt;video class='max-h-[653px]' style='filter: grayscale(0);' \r\n                                 x-init='\r\n                                     $el.playbackRate = 0.80;\r\n                                     \r\n                                     const handlePlayback = () =&gt; {\r\n                                         if (document.hidden) {\r\n                                             $el.pause();\r\n                                         } else {\r\n                                             $el.play().catch(e =&gt; console.log(&quot;Playback error:&quot;, e));\r\n                                         }\r\n                                     };\r\n\r\n                                     handlePlayback();\r\n                                     document.addEventListener(&quot;visibilitychange&quot;, handlePlayback);\r\n                                     $el.addEventListener(&quot;ended&quot;, () =&gt; {\r\n                                         setTimeout(() =&gt; {\r\n                                             if (!document.hidden) {\r\n                                                 $el.play().catch(e =&gt; console.log(&quot;Replay error:&quot;, e));\r\n                                             }\r\n                                         }, 6250);\r\n                                     });\r\n                                 ' \r\n                                 \r\n                                 poster='https:\/\/cdn.salla.network\/salla.com\/ZPXA8dnp-new-thumbnail-en-scaled.jpg'\r\n                                 autoplay muted playsinline \r\n                                 src='https:\/\/cdn.salla.network\/salla.com\/p2R0E730-banner-new-en.webm'\r\n                                 &gt;\r\n                             &lt;\/video&gt;\r\n                         `;\r\n                     } else {\r\n                         $refs.banner.innerHTML = `&lt;img class='max-h-[653px]' src='https:\/\/cdn.salla.network\/salla.com\/ZPXA8dnp-new-thumbnail-en-scaled.jpg' alt='hero-image'&gt;`;\r\n                     }\r\n                 };\r\n\r\n                 updateBanner();\r\n                 window.addEventListener('resize', updateBanner);\r\n            \"\r\n            class=\"banner-wrapper\">\r\n          \r\n            <div x-ref=\"banner\" class=\"min-[1370px]:-me-8\">\r\n                <img decoding=\"async\" class=\"max-h-[653px]\" src=\"https:\/\/cdn.salla.network\/salla.com\/ZPXA8dnp-new-thumbnail-en-scaled.jpg\" alt=\"hero-image\">\r\n            <\/div>\r\n            \r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\n\n\n<!-- <section class=\"flex flex-col justify-center items-center sm:mt-20 sm:mb-44 mt-12 mb-24 max-w-[1060px] min-[1083px]:mx-auto mx-4\">\n    <h1 data-aos=\"fade-up\" class=\"font-[Ping-Bold] text-[#004956] md:text-[48px] sm:text-[36px] text-[24px] text-center\">\n        The region\u2019s leading commerce platform    <\/h1>\n    <p data-aos=\"fade-up\" data-aos-delay=\"50\" class=\"font-[Ping-Regular] md:text-[20px] sm:text-[18px] text-[16px] text-[#666666] text-center max-w-[800px] mt-6\">\n        From side hustles to scale-ups, Salla powers the region\u2019s most driven businesses.\r\n    <\/p>\n    <div id=\"numbers\" class=\"flex sm:flex-row flex-col max-[639px]:gap-y-6 min-[1083px]:self-start sm:self-center self-start justify-between gap-x-[13vw] mt-12\">\n        <div class=\"flex gap-4\">\n            <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/assets\/icons\/market-fill.svg\" class=\"min-[960px]:w-[96px] w-[64px]\" alt=\"market\">\n            <div class=\"flex flex-col justify-between items-start\">\n                <h2 dir=\"ltr\" class=\"!font-[Ping-Bold] !flex min-[960px]:text-[36px] text-[24px] text-[#004956] transition-all odometer\" id=\"counter2\">\n                   0\n                <\/h2>\n                <p class=\"font-[Ping-Medium] min-[960px]:text-[20px] text-[16px] text-[#004956] transition-all\">\u0645\u062a\u062c\u0631 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0646\u0634\u0637<\/p>\n            <\/div>\n        <\/div>\n        <div class=\"flex gap-4\">\n            <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/assets\/icons\/money.svg\" class=\"min-[960px]:w-[96px] w-[64px]\" alt=\"money\">\n            <div class=\"flex flex-col justify-between items-start\">\n                <h2 class=\"!font-[Ping-Bold] !flex min-[960px]:text-[36px] text-[24px] text-[#004956] transition-all odometer\" style=\"direction: ltr;\" id=\"counter\">\n                    0\n                <\/h2>\n                <p class=\"!font-[Ping-Medium] min-[960px]:text-[24px] text-[18px] text-[#004956] transition-all\">\u0645\u0628\u064a\u0639\u0627\u062a \u0627\u0644\u0645\u0646\u0635\u0629<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section> -->\n<section class=\"statistics-section\">\n    <h2 data-aos=\"fade-up\"\n    class=\"sub-title\"> The region\u2019s leading commerce platform<\/h2>\n    <p data-aos=\"fade-up\" data-aos-delay=\"50\" class=\"statistics-text max-w-[800px] mt-6\">\n        From side hustles to scale-ups, Salla powers the region\u2019s most driven businesses.\r\n    <\/p>\n    <div id=\"numbers\" class=\"counter-container\">\n        <div class=\"counter\">\n            <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/assets\/icons\/market-fill.svg\" class=\"\" alt=\"market\">\n            <div class=\"conuter-content\">\n                <h2 dir=\"ltr\"><span x-cloak x-show=\"isAr\">+<\/span>68,000<span x-cloak x-show=\"!isAr\">+<\/span><\/h2>\n                <p class=\"transition-all\" x-text=\"isAr ? '\u0645\u062a\u062c\u0631 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0646\u0634\u0637':'Active stores'\"><\/p>\n            <\/div>\n        <\/div>\n        <div class=\"counter\">\n            <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/assets\/icons\/money.svg\" class=\"\" alt=\"money\">\n            <div class=\"conuter-content\">\n                <h2 style=\" direction: ltr;\">42,000,000,000<\/h2>\n                <p class=\"transition-all\" x-text=\"isAr ? '\u0645\u0628\u064a\u0639\u0627\u062a \u0627\u0644\u0645\u0646\u0635\u0629 \u0628\u0627\u0644\u0631\u064a\u0627\u0644 \u0627\u0644\u0633\u0639\u0648\u062f\u064a':'In total sales'\"><\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n <\/section>\n\n\n<script>\n    console.log(\"Join for free\")\n<\/script>\n<section x-data='{\"tabs\":[{\"name\":\"Apparel\",\"EventTrackingLabel\":\"\",\"iconName\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/dress.svg\",\"iconNameActive\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/dress_active.svg\",\"content\":{\"title\":\"Building a fashion brand?\",\"subTitle\":\"From streetwear to abayas, Salla gives you everything to\\r\\ncreate a standout online store.\",\"bullets\":[{\"text\":\" Add custom size guides that answer every question\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/b1.svg\"},{\"text\":\" A familiar, mobile-first shopping journey\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b2.svg\"},{\"text\":\"Show 3D product images that bring your pieces to life\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b3.svg\"}],\"num\":\"\",\"stores\":\"\",\"images\":[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/img1.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/img2.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/img3.png\"]}},{\"name\":\"Digital products\",\"EventTrackingLabel\":\"\",\"iconName\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/controller.svg\",\"iconNameActive\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/controller_active.svg\",\"content\":{\"title\":\"Made to sell what can&apos;t be boxed\",\"subTitle\":\"Whether it&apos;s ebooks, courses, gift cards, or subscriptions \\u2014 Salla gives you everything you need to sell digital products instantly and effortlessly.\",\"bullets\":[{\"text\":\"Sell eBooks, online courses, gift cards, and more\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b4.svg\"},{\"text\":\"Automatic instant delivery for every order\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b5.svg\"},{\"text\":\"Dropshipping support built right in\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b6.svg\"}],\"num\":\"\",\"stores\":\"\",\"images\":[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/img4.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/img5.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/img6-1.png\"]}},{\"name\":\"Fitness &#038; wellness\",\"EventTrackingLabel\":\"\",\"iconName\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/heart.svg\",\"iconNameActive\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/heart_active.svg\",\"content\":{\"title\":\"For businesses built to move\",\"subTitle\":\"From yoga studios to personal trainers, Salla helps you\\r\\nbook sessions, sell products, and grow your brand.\",\"bullets\":[{\"text\":\"Let customers book classes or services online\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b7.svg\"},{\"text\":\"Share content and updates with a built-in blog\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b8.svg\"},{\"text\":\"A checkout experience that just flows\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b9.svg\"}],\"num\":\"\",\"stores\":\"\",\"images\":[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/img7.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/img8-1.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/img9-1.png\"]}},{\"name\":\"Electronics\",\"EventTrackingLabel\":\"\",\"iconName\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/electronics.svg\",\"iconNameActive\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/electronics_active.svg\",\"content\":{\"title\":\"Your tech. Their next must-have.\",\"subTitle\":\"Selling gadgets, gear, or home tech? Salla helps you keep\\r\\nit simple and smart.\",\"bullets\":[{\"text\":\"Custom product displays for specs and details\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b10.svg\"},{\"text\":\"Simple, secure, and smooth checkout\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/b11.svg\"},{\"text\":\"Affordable shipping for every product\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b12.svg\"}],\"num\":\"\",\"stores\":\"\",\"images\":[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/img10.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/img11.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/img12.png\"]}},{\"name\":\"Jewelry\",\"EventTrackingLabel\":\"\",\"iconName\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/diamond.svg\",\"iconNameActive\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/diamond_active.svg\",\"content\":{\"title\":\"Where every detail matters\",\"subTitle\":\"From handmade to high-end, show your products beautifully and build trust with every order.\",\"bullets\":[{\"text\":\"Automated order updates that keep customers in the loop\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b13.svg\"},{\"text\":\"Easy-to-set-up offers and promotions\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b14.svg\"},{\"text\":\"A secure checkout that builds trust\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b15.svg\"}],\"num\":\"\",\"stores\":\"\",\"images\":[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/img13.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/img14.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/img15.png\"]}},{\"name\":\"Beauty\",\"EventTrackingLabel\":\"\",\"iconName\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/stars.svg\",\"iconNameActive\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/stars_active.svg\",\"content\":{\"title\":\"Built for brands who love the spotlight\",\"subTitle\":\"Whether you&apos;re selling skincare, perfume, or makeup, Salla helps customers find and fall in love with your products.\",\"bullets\":[{\"text\":\"Connect and sync your catalog to social shops\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b16.svg\"},{\"text\":\"Help customers browse by brand, type, or trend\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b17.svg\"},{\"text\":\"Highlight every product beautifully\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b18.svg\"}],\"num\":\"\",\"stores\":\"\",\"images\":[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/img16.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/img17.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/img18.png\"]}},{\"name\":\"Food &#038; grocery\",\"EventTrackingLabel\":\"\",\"iconName\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/coffee.svg\",\"iconNameActive\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/coffee_active.svg\",\"content\":{\"title\":\"Fresh, fast, and ready to deliver\",\"subTitle\":\"Built for bakeries, grocery stores, cafes, and everyone in\\r\\nbetween who want to sell and ship food online.\",\"bullets\":[{\"text\":\"Fast, no-hassle checkout\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b19.svg\"},{\"text\":\"Built-in loyalty tools to reward your best customers\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b20.svg\"},{\"text\":\"Cold and frozen shipping support when you need it\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b21.svg\"}],\"num\":\"\",\"stores\":\"\",\"images\":[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/img19-2.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/img20.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/img21.png\"]}},{\"name\":\"Home &#038; kitchen\",\"EventTrackingLabel\":\"\",\"iconName\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/house.svg\",\"iconNameActive\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/house_active.svg\",\"content\":{\"title\":\"Ready for every room\",\"subTitle\":\"Whether you sell home d\\u00e9cor or heavy furniture, Salla\\r\\ngives you tools to show and ship it all with ease.\",\"bullets\":[{\"text\":\"Insurance against damage or loss during shipping\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b22.svg\"},{\"text\":\"Themes designed to highlight product quality\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b23.svg\"},{\"text\":\"Heavy and bulky shipping options\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b24.svg\"}],\"num\":\"\",\"stores\":\"\",\"images\":[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/img22.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/img23.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/img24.png\"]}},{\"name\":\"Service provider\",\"EventTrackingLabel\":\"\",\"iconName\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/dashboard.svg\",\"iconNameActive\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/dashboard_active.svg\",\"content\":{\"title\":\"Sell your skills, your way\",\"subTitle\":\"From creative freelancers to service providers, Salla makes booking and selling your time simple.\",\"bullets\":[{\"text\":\"Auto-schedule service dates and times\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b25.svg\"},{\"text\":\"Custom forms for service requests\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b26.svg\"},{\"text\":\"Easy-to-manage offers and promotions\",\"icon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/b27.svg\"}],\"num\":\"\",\"stores\":\"\",\"images\":[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/img25.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/img26.png\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/img27.png\"]}}]}'>\n    <div class=\"flex flex-col items-center min-[1380px]:mx-0 mx-4\" x-data='{ \"firstInView\": true, \"lastInView\": false }'>\n        <h2 data-aos=\"fade-up\" class=\"section-title-tabs sm:mb-12 mb-4\">Sell in any industry. We\u2019re built to support it.<\/h2>\n        <div class=\"flex flex-col relative max-w-[1320px] w-full m-auto\">\n            <div @click='document.getElementById(\"0\").scrollIntoView({ \"behavior\": \"smooth\", \"inline\": \"end\", \"block\":\"nearest\"})'\n                class=\"tabs-arrow tabs-arrow--right\"\n                :class=\"firstInView ? 'hidden-f' : 'flex'\"\n                style=\"background: linear-gradient(-90deg, #FFF 7.59%, rgba(255, 255, 255, 0.00) 100%);\">\n                <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/assets\/icons\/arrow_right.svg\" alt=\"\">\n            <\/div>\n\n            <div style=\"scrollbar-width: none;\" class=\"scroll-container-horizontal scroll-hidden max-[767px]:mx-[-16px] min-[960px]:gap-4 gap-2\"\n                x-init=\"\n                                enableSlideScroll($el);               \n                                \/\/ Function to observe the first and last elements\n                                \n                                setTimeout(()=&gt;observeTabs(),0)\n                                function observeTabs() {\n                                    const spacer = document.getElementById('spacer');\n                                    const firstTab = document.getElementById('0');\n                                    const observerCallback = (entries) =&gt; {\n                                        entries.forEach(entry =&gt; {\n                                            if (entry.target.id === '0') {\n                                                firstInView = entry.isIntersecting;\n                                            }\n                                            if (entry.target.id === 'spacer') {\n                                                lastInView = entry.isIntersecting;\n                                            }\n                                        });\n                                    };\n\n                                    const observer = new IntersectionObserver(observerCallback, {\n                                        root: null,\n                                        threshold: 0.1\n                                    });\n\n                                    observer.observe(firstTab);\n                                    observer.observe(spacer);\n                                }\n\n                                \/\/active icon onload bug fix using onScroll debouncer\n                                function debounce(fn, delay) {\n                                    let debouncer;\n                                    return function(...args) {\n                                        clearTimeout(debouncer);\n                                        debouncer = setTimeout(() =&gt; fn(...args), delay);\n                                    };\n                                }\n\n                                window.addEventListener('scroll', debounce(() =&gt; {\n                                    const firstTab = document.getElementById('0');\n                                    if(firstTab.classList.contains('active')) {\n                                        const img = firstTab.children[0];\n                                        const activeSrc = img.getAttribute('data-active-src');\n                                        if(img.getAttribute('src') !== activeSrc) {\n                                            img.setAttribute('src', activeSrc);\n                                        }\n                                    }\n                                }, 100)); \n                                \">\n                <div id=\"despacer\" class=\"md:hidden block min-w-[12px]\"><\/div>\n                <template x-for=\"(tab, index) in tabs\">\n                    <!-- tabs -->\n                    <button type=\"button\" @click=\"openTab(event, `tab_${index}`, tab.iconName,tab.iconNameActive); if(index != 0){gtagEvents(tab.EventTrackingLabel,'sectors section',tab.EventTrackingLabel)}\" :id=\"index\"\n                        class=\"tab-button\">\n                        <img :src=\"tab.iconName\" :data-src=\"tab.iconName\"  :data-active-src=\"tab.iconNameActive\" class=\"min-[960px]:w-8 w-6\">\n                        <p class=\"tab-button__name transition-all mt-4\" x-text=\"tab.name\"><\/p>\n                    <\/button>\n                <\/template>\n                <div :class=\"tabs.length&gt;6 ? 'block':'hidden'\" id=\"spacer\" class=\"md:min-w-[112px] min-w-[8px]\"><\/div>\n            <\/div>\n\n\n            <div @click='document.getElementById(\"spacer\").scrollIntoView({ \"behavior\": \"smooth\", \"inline\": \"end\",\"block\":\"nearest\"});'\n                class=\"tabs-arrow tabs-arrow--left\"\n                x-bind:class=\"lastInView ? 'opacity-50 pointer-events-none' : (tabs.length &gt; 6 ? 'flex' : 'hidden')\"\n                style=\"background: linear-gradient(90deg, #FFF 7.59%, rgba(255, 255, 255, 0.00) 100%);\">\n                <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/assets\/icons\/arrow_left.svg\" alt=\"\">\n            <\/div>\n        <\/div>\n        <div x-data='{\n        \"screenWidth\": 0,\n        \"totalWidth\": 0,\n        updateTotalWidth () {\n            this.totalWidth = 0;\n            const gallery = this.$el.querySelector(\".image-strip\")?.children[0];\n            if (gallery) {\n                for (let i = 1; i &lt; gallery.children.length; i++) {\n                    this.totalWidth += gallery.children[i].clientWidth;\n                }\n                this.totalWidth = Math.floor(((gallery.children.length - 2) \/ 2) * 16) + this.totalWidth \/ 2;\n            }\n        }\n    }'\n            x-init='setTimeout(() =&gt; {\n             \n\n        screenWidth = window.innerWidth;\n        updateTotalWidth();\n        window.addEventListener(\"resize\", () =&gt; {\n            screenWidth = window.innerWidth;\n            updateTotalWidth();\n        });\n    },1000)'\n            class=\"max-w-[1320px] m-auto w-full sm:mt-8 mt-4\">\n            <template x-for=\"(tab,index) in tabs\">\n                <!-- tabs content -->\n                <div :id=\"`tab_`+index\" :class=\"index == 0 ? 'activeTab':''\"\n                    class=\"tab-content-container\">\n                    <!-- text content -->\n                    <div class=\"tab-content-container__info\">\n                        <!-- eye-catcher -->\n                        <h2 class=\"tab-content-container__title\" x-text=\"tab.content.title\"><\/h2>\n                        <p class=\"tab-content-container__sub-title\" x-text=\"tab.content.subTitle\"><\/p>\n\n                        <!-- bullet Points -->\n                        <ul class=\"sm:mt-12 mt-8 gap-6 flex flex-col\">\n                            <template x-for=\"(bullet,index) in tab.content.bullets\">\n                                <li class=\"tab-bullet\">\n                                    <div class=\"max-w-[24px] min-w-[24px]\">\n                                        <img loading=\"lazy\" :src=\"bullet.icon\" class=\"tab-bullet__icon\" alt=\"bullet1\">\n                                    <\/div>\n                                    <p class=\"tab-bullet__text transition-all\" x-text=\"bullet.text\"><\/p>\n                                <\/li>\n                            <\/template>\n                        <\/ul>\n\n                        <a href=\"https:\/\/s.salla.sa\/register\" class=\"but-m but--medium but--filled bg-[#004D5A] mt-8 max-w-fit\" rel=\"nofollow noopener\" target=\"_blank\">\n                            <p class=\"but__text--filled text-[18px]\">Join for free<\/p>\n                        <\/a>\n                    <\/div>\n                    <!-- images gallery -->\n                    <div :id=\"`gallery_${tab.name}`\" :class=\"index == 0 ? 'image-strip':''\"\n                        class=\"tab-gallery\">\n\n                        <div :style=\"screenWidth &lt; 960 ? `--total-width: ${totalWidth}px` : ''\"\n                            :class=\"{\n                                    'scrollFilm-v': screenWidth &gt;= 960,\n                                    'scrollFilm-h': !(screenWidth &gt;= 960),\n                                }\" class=\"tab-gallery__images-wrapper\">\n                            <template x-for=\"img in tab.content.images.concat(tab.content.images)\">\n                                <img loading=\"lazy\" class=\"rounded-2xl max-[639px]:aspect-[1.31\/1]\" :src=\"img\" alt=\"poster\">\n                            <\/template>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/template>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n\n<style>\n    html[lang=\"en-US\"]{\n\n        .mb-\\[-25px\\] {\n            margin-bottom: 0 !important;\n        }\n\n        .ms-\\[-30px\\] {\n            margin-inline-start: -30px !important;\n        }\n\n        @media (max-width: 480px) {\n            .max-\\[639px\\]\\:w-\\[94px\\] {\n                width: 120px;\n            }\n\n            .max-\\[639px\\]\\:w-\\[153px\\] {\n                width: 135px;\n            }\n        }\n    }\n<\/style>\n<section x-data='{\"features\":[{\"badge\":{\"badgeText\":\"Create and launch your store\",\"badgeIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f1badge.svg\"},\"title\":\"Getting started has never been easier\",\"subTitle\":\"Everything you need to bring your idea to life and\\r\\nstart selling today.\",\"bullets\":[{\"bulletText\":\"2,000+ trusted service providers ready to help\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f1b1-1.svg\"},{\"bulletText\":\"Quick, guided setup steps\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f1b2.svg\"},{\"bulletText\":\"Learn from thousands of real sellers in our community\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f1b3-1.svg\"}],\"images\":[\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/s1foreLeft-en.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/s1foreRight-en-1.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/s1back-en.svg\"]},{\"badge\":{\"badgeText\":\"Design your store your way\",\"badgeIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f2badge.svg\"},\"title\":\"Your brand. Your look.\",\"subTitle\":\"Beautiful templates, powerful customization, and\\r\\ntotal creative freedom.\",\"bullets\":[{\"bulletText\":\"Ready-to-use themes you can customize\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f2b1.svg\"},{\"bulletText\":\"Advanced design control with JS &#038; CSS\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f2b2.svg\"},{\"bulletText\":\"Or create your own theme with Salla Twilight\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f2b3.svg\"}],\"images\":[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/s2foreLeft.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/s2foreRight.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/s2back-1.svg\"]},{\"badge\":{\"badgeText\":\"Payments made simple\",\"badgeIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f3badge.svg\"},\"title\":\"Get paid your way\",\"subTitle\":\"Fast, flexible payment options built for you and\\r\\nyour customers.\",\"bullets\":[{\"bulletText\":\"Payment methods that fit your customers\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f3b1.svg\"},{\"bulletText\":\"Activate payments within 24 hours\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f3b2.svg\"},{\"bulletText\":\"Get paid quickly\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f3b3.svg\"},{\"bulletText\":\"Enterprise-grade security\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f3b4.svg\"}],\"images\":[\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/f3back-1.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/f3foreTop.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/f3forebottom.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/f3foreCenter.svg\"]},{\"badge\":{\"badgeText\":\"Shipping that fits your business\",\"badgeIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f4badge.svg\"},\"title\":\"Deliver anywhere, easily\",\"subTitle\":\"Local or global \u2014 shipping built to handle it all.\",\"bullets\":[{\"bulletText\":\"Connect to 200+ shipping partners\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f4b1.svg\"},{\"bulletText\":\"No contracts required\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f4b2.svg\"},{\"bulletText\":\"Shipping for every product type\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f4b3.svg\"},{\"bulletText\":\"Deliver anywhere \u2014 even remote locations\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f4b4.svg\"}],\"images\":[\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/f4back-1.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/f4foreRight.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/f4foreCenter.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/f4foreLeft-1.svg\"]},{\"badge\":{\"badgeText\":\"Marketing tools built in\",\"badgeIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/f5badge-1.svg\"},\"title\":\"Smarter tools to help you sell more\",\"subTitle\":\"Reach new customers. Keep loyal ones coming\\r\\nback.\",\"bullets\":[{\"bulletText\":\"Run discounts and special offers\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f5b1.svg\"},{\"bulletText\":\"Total control over your campaigns\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/f5b2-1.svg\"},{\"bulletText\":\"Affiliate marketing support\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/f5b3-1.svg\"},{\"bulletText\":\"Recover abandoned carts\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/f5b4-1.svg\"},{\"bulletText\":\"Manage ads across platforms\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/f5b5-1.svg\"}],\"images\":[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/s5bottomLeft-en.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/s5topRight-en.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/s5foreLeft-en.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/s5foreRight-en.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/s5back-en.svg\"]},{\"badge\":{\"badgeText\":\"Expand your reach globally\",\"badgeIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/f6badge-1.svg\"},\"title\":\"Ready to go bigger?\",\"subTitle\":\"Take your store to the world with tools built for scale.\",\"bullets\":[{\"bulletText\":\"Sell in 40+ languages\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/f6b1-1.svg\"},{\"bulletText\":\"Accept payments from 79+ countries\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/f6b2-1.svg\"},{\"bulletText\":\"Ship globally with ease\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/f6b3-1.svg\"},{\"bulletText\":\"Manage multiple branches and warehouses\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/f6b4-1.svg\"}],\"images\":[\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/f6topRight-en-1.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/f6topLeft-en-1.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/f6leftCenter-1.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/tab-en.svg\"]}]}'>\n    <script>\n        console.log({\"features\":[{\"badge\":{\"badgeText\":\"Create and launch your store\",\"badgeIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f1badge.svg\"},\"title\":\"Getting started has never been easier\",\"subTitle\":\"Everything you need to bring your idea to life and\\r\\nstart selling today.\",\"bullets\":[{\"bulletText\":\"2,000+ trusted service providers ready to help\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f1b1-1.svg\"},{\"bulletText\":\"Quick, guided setup steps\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f1b2.svg\"},{\"bulletText\":\"Learn from thousands of real sellers in our community\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f1b3-1.svg\"}],\"images\":[\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/s1foreLeft-en.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/s1foreRight-en-1.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/s1back-en.svg\"]},{\"badge\":{\"badgeText\":\"Design your store your way\",\"badgeIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f2badge.svg\"},\"title\":\"Your brand. Your look.\",\"subTitle\":\"Beautiful templates, powerful customization, and\\r\\ntotal creative freedom.\",\"bullets\":[{\"bulletText\":\"Ready-to-use themes you can customize\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f2b1.svg\"},{\"bulletText\":\"Advanced design control with JS & CSS\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f2b2.svg\"},{\"bulletText\":\"Or create your own theme with Salla Twilight\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f2b3.svg\"}],\"images\":[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/s2foreLeft.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/s2foreRight.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/s2back-1.svg\"]},{\"badge\":{\"badgeText\":\"Payments made simple\",\"badgeIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f3badge.svg\"},\"title\":\"Get paid your way\",\"subTitle\":\"Fast, flexible payment options built for you and\\r\\nyour customers.\",\"bullets\":[{\"bulletText\":\"Payment methods that fit your customers\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f3b1.svg\"},{\"bulletText\":\"Activate payments within 24 hours\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f3b2.svg\"},{\"bulletText\":\"Get paid quickly\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f3b3.svg\"},{\"bulletText\":\"Enterprise-grade security\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f3b4.svg\"}],\"images\":[\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/f3back-1.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/f3foreTop.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/f3forebottom.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/f3foreCenter.svg\"]},{\"badge\":{\"badgeText\":\"Shipping that fits your business\",\"badgeIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f4badge.svg\"},\"title\":\"Deliver anywhere, easily\",\"subTitle\":\"Local or global \u2014 shipping built to handle it all.\",\"bullets\":[{\"bulletText\":\"Connect to 200+ shipping partners\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f4b1.svg\"},{\"bulletText\":\"No contracts required\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f4b2.svg\"},{\"bulletText\":\"Shipping for every product type\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f4b3.svg\"},{\"bulletText\":\"Deliver anywhere \u2014 even remote locations\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f4b4.svg\"}],\"images\":[\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/f4back-1.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/f4foreRight.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/f4foreCenter.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/08\\\/f4foreLeft-1.svg\"]},{\"badge\":{\"badgeText\":\"Marketing tools built in\",\"badgeIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/f5badge-1.svg\"},\"title\":\"Smarter tools to help you sell more\",\"subTitle\":\"Reach new customers. Keep loyal ones coming\\r\\nback.\",\"bullets\":[{\"bulletText\":\"Run discounts and special offers\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/f5b1.svg\"},{\"bulletText\":\"Total control over your campaigns\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/f5b2-1.svg\"},{\"bulletText\":\"Affiliate marketing support\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/f5b3-1.svg\"},{\"bulletText\":\"Recover abandoned carts\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/f5b4-1.svg\"},{\"bulletText\":\"Manage ads across platforms\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/f5b5-1.svg\"}],\"images\":[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/s5bottomLeft-en.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/s5topRight-en.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/s5foreLeft-en.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/s5foreRight-en.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/s5back-en.svg\"]},{\"badge\":{\"badgeText\":\"Expand your reach globally\",\"badgeIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/f6badge-1.svg\"},\"title\":\"Ready to go bigger?\",\"subTitle\":\"Take your store to the world with tools built for scale.\",\"bullets\":[{\"bulletText\":\"Sell in 40+ languages\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/f6b1-1.svg\"},{\"bulletText\":\"Accept payments from 79+ countries\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/f6b2-1.svg\"},{\"bulletText\":\"Ship globally with ease\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/f6b3-1.svg\"},{\"bulletText\":\"Manage multiple branches and warehouses\",\"bulletIcon\":\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/f6b4-1.svg\"}],\"images\":[\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/f6topRight-en-1.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/f6topLeft-en-1.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/f6leftCenter-1.svg\",\"https:\\\/\\\/cdn.salla.network\\\/salla.com\\\/tab-en.svg\"]}]});\n    <\/script>\n    <div class=\"sm:mt-44 mt-24\">\n        <h2 data-aos=\"fade-up\"\n            class=\"sub-title\">Made for anyone. Built to scale.<\/h2>\n        <div class=\"flex flex-col items-center w-full\">\n            <div id=\"store_creation\" class=\"w-full\">\n                <div\n                    class=\"feature-align gap-x-8 features\">\n                    <!-- text half -->\n                    <div class=\"flex flex-col items-start\">\n                        <!-- badge -->\n                        <div\n                            class=\"flex items-center badge\">\n                            <img :src=\"features[0].badge.badgeIcon\" alt=\"badgeIcon\">\n                            <p class=\"badge-text\"\n                                x-text=\"features[0].badge.badgeText\"><\/p>\n                        <\/div>\n                        <!-- title and sub-title -->\n                        <div class=\"mt-5\">\n                            <h2 class=\"section-title\"\n                                x-text=\"features[0].title\"><\/h2>\n                            <p class=\"section-subtitle section-subtitle feature-subtitle  max-w-[627px]  max-w-[627px]\"\n                                x-text=\"features[0].subTitle\"><\/p>\n                        <\/div>\n                        <!-- bullets -->\n                        <ul class=\"mt-6 feature-bullet\">\n                            <template x-for=\"(bullet,idx) in features[0].bullets\">\n                                <li class=\"flex gap-x-3 my-6\">\n                                    <div class=\"max-w-[24px] min-w-[24px]\">\n                                        <img :src=\"bullet.bulletIcon\" class=\"img-bullet\"\n                                            alt=\"bullet1\">\n                                    <\/div>\n                                    <p class=\"bullet-text\"\n                                        x-text=\"bullet.bulletText\"><\/p>\n                                <\/li>\n                            <\/template>\n                        <\/ul>\n\n                        <a href=\"https:\/\/s.salla.sa\/register\" class=\"but-m but--medium but--filled bg-[#004D5A] mt-8 max-w-fit\" rel=\"nofollow noopener\" target=\"_blank\">\n                            <p class=\"but__text--filled text-[18px]\">Join for free<\/p>\n                        <\/a>\n                    <\/div>\n                    <!-- img half -->\n                    <div dir=\"rtl\" class=\"xl:max-w-[645px] sm:max-w-[500px] max-w-[90%] flex items-center lg:me-10 min-[560px]:mt-[-70px] mt-[-40px]\"\n                        :style=\"`background-image: url('${features[0].images[2]}'); background-position: center; background-repeat: no-repeat; background-size: contain;`\">\n                        <div data-aos=\"move-up\" data-aos-offset=\"300\" class=\"flex z-[2] min-[560px]:mt-[70px] mt-[40px]\">\n                            <img class=\"w-full\" :src=\"features[0].images[0]\" alt=\"img\">\n                        <\/div>\n                        <div data-aos=\"move-down\" data-aos-offset=\"300\"\n                            class=\"flex min-[480px]:ms-[-240px] ms-[-150px] z-[1]\">\n                            <img class=\"w-full\" :src=\"features[0].images[1]\" alt=\"img\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div id=\"store_design\" class=\"w-full bg-[#FCFCFC]\">\n                <div\n                    class=\"feature-align-reverse features min-[1340px]:gap-x-12 gap-x-4\">\n                    <!-- text half -->\n                    <div class=\"flex flex-col items-start lg:me-8\">\n                        <!-- badge -->\n                        <div\n                            class=\"flex items-center badge\">\n                            <img :src=\"features[1].badge.badgeIcon\" alt=\"badgeIcon\">\n                            <p class=\"badge-text\"\n                                x-text=\"features[1].badge.badgeText\"><\/p>\n                        <\/div>\n                        <!-- title and sub-title -->\n                        <div data-aos-delay=\"100\" class=\"mt-5\">\n                            <h2 class=\"section-title\"\n                                x-text=\"features[1].title\"><\/h2>\n                            <p class=\"section-subtitle section-subtitle feature-subtitle  max-w-[627px] max-w-[627px]\"\n                                x-text=\"features[1].subTitle\"><\/p>\n                        <\/div>\n                        <!-- bullets -->\n                        <ul class=\"mt-6 feature-bullet\">\n                            <template x-for=\"(bullet,idx) in features[1].bullets\">\n                                <li class=\"flex gap-x-3 my-6\">\n                                    <div class=\"max-w-[24px] min-w-[24px]\">\n                                        <img :src=\"bullet.bulletIcon\" class=\"img-bullet\"\n                                            alt=\"bullet1\">\n                                    <\/div>\n                                    <p class=\"bullet-text\"\n                                        x-text=\"bullet.bulletText\"><\/p>\n                                <\/li>\n                            <\/template>\n                        <\/ul>\n\n                        <a href=\"https:\/\/s.salla.sa\/register\" class=\"but-m but--medium but--filled bg-[#004D5A] mt-8 max-w-fit\" rel=\"nofollow noopener\" target=\"_blank\">\n                            <p class=\"but__text--filled text-[18px]\">Join for free<\/p>\n                        <\/a>\n                    <\/div>\n                    <!-- img half -->\n                    <div dir=\"rtl\" class=\"xl:max-w-[645px] max-w-[500px] flex items-center max-[1279px]:bg-[length:80%_65%] bg-right\"\n                        :style=\"`background-image: url('${features[1].images[2]}'); background-repeat: no-repeat;`\">\n                        <div data-aos=\"move-down\" data-aos-offset=\"300\" class=\"flex min-[480px]:mb-10 mb-7 min-[480px]:ms-7\">\n                            <img class=\"w-full scale-[1.1]\" :src=\"features[1].images[1]\" alt=\"img\">\n                        <\/div>\n                        <div data-aos=\"move-up\" data-aos-offset=\"300\" class=\"flex min-[480px]:ms-[-32px]\">\n                            <img class=\"w-full\" :src=\"features[1].images[0]\" alt=\"img\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div id=\"payment\" class=\"w-full\">\n                <div\n                    class=\"feature-align features gap-x-12\">\n                    <!-- text half -->\n                    <div class=\"flex flex-col items-start max-[767px]:mt-6\">\n                        <!-- badge -->\n                        <div\n                            class=\"flex items-center badge\">\n                            <img :src=\"features[2].badge.badgeIcon\" alt=\"badgeIcon\">\n                            <p class=\"badge-text\"\n                                x-text=\"features[2].badge.badgeText\"><\/p>\n                        <\/div>\n                        <!-- title and sub-title -->\n                        <div class=\"mt-5\">\n                            <h2 class=\"section-title\"\n                                x-text=\"features[2].title\"><\/h2>\n                            <p class=\"section-subtitle section-subtitle feature-subtitle  max-w-[627px]   max-w-[627px]\"\n                                x-text=\"features[2].subTitle\"><\/p>\n                        <\/div>\n                        <!-- bullets -->\n                        <ul class=\"mt-6 feature-bullet\">\n                            <template x-for=\"(bullet,idx) in features[2].bullets\">\n                                <li class=\"flex gap-x-3 my-6\">\n                                    <div class=\"max-w-[24px] min-w-[24px]\">\n                                        <img :src=\"bullet.bulletIcon\" class=\"img-bullet\"\n                                            alt=\"bullet1\">\n                                    <\/div>\n                                    <p class=\"bullet-text\"\n                                        x-text=\"bullet.bulletText\"><\/p>\n                                <\/li>\n                            <\/template>\n                        <\/ul>\n\n                        <a href=\"https:\/\/s.salla.sa\/register\" class=\"but-m but--medium but--filled bg-[#004D5A] mt-8 max-w-fit\" rel=\"nofollow noopener\" target=\"_blank\">\n                            <p class=\"but__text--filled text-[18px]\">Join for free<\/p>\n                        <\/a>\n                    <\/div>\n                    <!-- img half -->\n                    <div dir=\"rtl\" class=\"xl:max-w-[645px] max-w-[500px] flex items-center max-[767px]:bg-[length:80%_80%] bg-left-bottom\"\n                        :style=\"`background-image: url('${features[2].images[0]}'); background-repeat: no-repeat;`\">\n                        <div class=\"flex flex-col\">\n                            <img data-aos=\"fade-down\" data-aos-offset=\"300\" data-aos-duration=\"1000\"\n                                :src=\"features[2].images[1]\"\n                                class=\"z-[2] min-[400px]:ms-[-24px] md:w-auto w-[383px]\" alt=\"top\">\n                            <img data-aos=\"fade-left\" data-aos-offset=\"300\" :src=\"features[2].images[3]\"\n                                data-aos-duration=\"700\" data-aos-delay=\"1300\"\n                                class=\"self-start md:mt-[-120px] mt-[-90px] z-[1] md:w-auto sm:w-[306px] w-[265px]\"\n                                alt=\"top\">\n                            <img data-aos=\"fade-up\" data-aos-offset=\"300\" data-aos-duration=\"1000\"\n                                :src=\"features[2].images[2]\"\n                                class=\"self-start max-[639px]:mt-[-24px] mb-[-24px] md:w-auto w-[283px]\" alt=\"top\">\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div id=\"shipping\" class=\"w-full bg-[#FCFCFC]\">\n                <div\n                    class=\"feature-align-reverse features xl:gap-x-[150px] gap-x-4\">\n                    <!-- text half -->\n                    <div class=\"flex flex-col items-start lg:me-12\">\n                        <!-- badge -->\n                        <div\n                            class=\"flex items-center badge\">\n                            <img :src=\"features[3].badge.badgeIcon\" alt=\"badgeIcon\">\n                            <p class=\"badge-text\"\n                                x-text=\"features[3].badge.badgeText\"><\/p>\n                        <\/div>\n                        <!-- title and sub-title -->\n                        <div class=\"mt-5\">\n                            <h2 class=\"section-title\"\n                                x-text=\"features[3].title\"><\/h2>\n                            <p class=\"section-subtitle feature-subtitle  max-w-[627px]\"\n                                x-text=\"features[3].subTitle\"><\/p>\n                        <\/div>\n                        <!-- bullets -->\n                        <ul class=\"mt-6 feature-bullet\">\n                            <template x-for=\"(bullet,idx) in features[3].bullets\">\n                                <li class=\"flex gap-x-3 my-6\">\n                                    <div class=\"max-w-[24px] min-w-[24px]\">\n                                        <img :src=\"bullet.bulletIcon\" class=\"img-bullet\"\n                                            alt=\"bullet1\">\n                                    <\/div>\n                                    <p class=\"bullet-text\"\n                                        x-text=\"bullet.bulletText\"><\/p>\n                                <\/li>\n                            <\/template>\n                        <\/ul>\n\n                        <a href=\"https:\/\/s.salla.sa\/register\" class=\"but-m but--medium but--filled bg-[#004D5A] mt-8 max-w-fit\" rel=\"nofollow noopener\" target=\"_blank\">\n                            <p class=\"but__text--filled text-[18px]\">Join for free<\/p>\n                        <\/a>\n                    <\/div>\n                    <!-- img half -->\n                    <div dir=\"rtl\" class=\"max-w-[645px] flex items-center max-[639px]:justify-evenly max-[420px]:justify-center max-[639px]:w-full bg-center px-8 min-[1111px]:scale-100 lg:scale-90 max-[420px]:scale-[0.9] origin-center min-[1111px]:ms-0 lg:ms-[-30px]\"\n                        :style=\"`background-image: url('${features[3].images[0]}'); background-repeat: no-repeat; background-size:contain;`\">\n                        <img data-aos=\"pop\" data-aos-offset=\"300\" data-aos-delay=\"100\" :src=\"features[3].images[1]\"\n                            class=\"sm:w-auto w-[95px]\" alt=\"top\">\n                        <img data-aos=\"pop\" data-aos-offset=\"300\" data-aos-delay=\"200\" :src=\"features[3].images[2]\"\n                            class=\"sm:w-auto w-[90px]\" alt=\"top\">\n                        <img data-aos=\"pop\" data-aos-offset=\"300\" data-aos-delay=\"300\" :src=\"features[3].images[3]\"\n                            class=\"sm:w-auto w-[138px]\" alt=\"top\">\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div id=\"marketing_tools\" class=\"w-full\">\n                <div\n                    class=\"feature-align features gap-x-12\">\n                    <!-- text half -->\n                    <div class=\"flex flex-col items-start\">\n                        <!-- badge -->\n                        <div\n                            class=\"flex items-center badge\">\n                            <img :src=\"features[4].badge.badgeIcon\" alt=\"badgeIcon\">\n                            <p class=\"badge-text\"\n                                x-text=\"features[4].badge.badgeText\"><\/p>\n                        <\/div>\n                        <!-- title and sub-title -->\n                        <div class=\"mt-5\">\n                            <h2 class=\"section-title\"\n                                x-text=\"features[4].title\"><\/h2>\n                            <p class=\"section-subtitle feature-subtitle  max-w-[627px]\"\n                                x-text=\"features[4].subTitle\"><\/p>\n                        <\/div>\n                        <!-- bullets -->\n                        <ul class=\"mt-6 feature-bullet\">\n                            <template x-for=\"(bullet,idx) in features[4].bullets\">\n                                <li class=\"flex gap-x-3 my-6\">\n                                    <div class=\"max-w-[24px] min-w-[24px]\">\n                                        <img :src=\"bullet.bulletIcon\" class=\"img-bullet\"\n                                            alt=\"bullet1\">\n                                    <\/div>\n                                    <p class=\"bullet-text\"\n                                        x-text=\"bullet.bulletText\"><\/p>\n                                <\/li>\n                            <\/template>\n                        <\/ul>\n\n                        <a href=\"https:\/\/s.salla.sa\/register\" class=\"but-m but--medium but--filled bg-[#004D5A] mt-8 max-w-fit\" rel=\"nofollow noopener\" target=\"_blank\">\n                            <p class=\"but__text--filled text-[18px]\">Join for free<\/p>\n                        <\/a>\n                    <\/div>\n                    <!-- img half -->\n                    <div dir=\"rtl\" class=\"xl:max-w-[645px] sm:max-w-[500px] place-content-center xl:self-stretch self-center max-w-full grid items-center relative max-[1279px]:scale-[1.5] max-[1023px]:scale-100 max-[1279px]:mb-16 max-[1023px]:mb-0\"\n                        :style=\"`background-image: url('${features[4].images[4]}'); background-position: center; background-repeat: no-repeat; background-size: contain;`\"\n                        style=\"grid-template-areas: 'stack';\">\n                        <!-- First Stack -->\n                        <div class=\"flex max-[639px]:w-[90%] max-[1279px]:w-[80%] max-[420px]:w-full mx-auto xl:h-[180%] min-[460px]:h-[120%] max-[459px]:self-stretch\"\n                            style=\"grid-area: stack;\">\n                            <div data-aos=\"move-down\" data-aos-offset=\"300\" class=\"flex z-[1] self-start\">\n                                <img class=\"w-full translate-x-[32px] max-[1279px]:scale-[0.6] max-[560px]:scale-75\"\n                                    :src=\"features[4].images[1]\" alt=\"img\">\n                            <\/div>\n                            <div data-aos=\"move-up\" data-aos-offset=\"300\" class=\"flex z-[1] self-end\">\n                                <img class=\"w-full translate-x-[-24px] max-[1279px]:scale-[0.6] max-[560px]:scale-75\"\n                                    :src=\"features[4].images[0]\" alt=\"img\">\n                            <\/div>\n                        <\/div>\n\n                        <!-- Second Stack -->\n                        <div class=\"flex items-center justify-between xl:w-[80%] mx-auto\" style=\"grid-area: stack;\">\n                            <div data-aos=\"pop\" :data-aos-delay=\"1000\" data-aos-offset=\"300\" class=\"flex z-[2]\">\n                                <img class=\"w-full translate-x-[32px] translate-y-[-16px] max-[1279px]:scale-50\"\n                                    :src=\"features[4].images[3]\" alt=\"img\">\n                            <\/div>\n                            <div data-aos=\"pop\" :data-aos-delay=\"1100\" data-aos-offset=\"300\" class=\"flex z-[2]\">\n                                <img class=\"w-full translate-x-[-24px] min-[480px]:translate-y-[-48px] translate-y-[-24px] max-[1279px]:scale-50\"\n                                    :src=\"features[4].images[2]\" alt=\"img\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div id=\"expansion\" class=\"w-full bg-[#FCFCFC]\">\n                <div\n                    class=\"feature-align-reverse lg:justify-end min-[1340px]:gap-x-20 lg:gap-x-12 gap-x-4 features\">\n                    <!-- text half -->\n                    <div class=\"flex flex-col items-start\">\n                        <!-- badge -->\n                        <div\n                            class=\"flex items-center badge\">\n                            <img :src=\"features[5].badge.badgeIcon\" alt=\"badgeIcon\">\n                            <p class=\"badge-text\"\n                                x-text=\"features[5].badge.badgeText\"><\/p>\n                        <\/div>\n                        <!-- title and sub-title -->\n                        <div class=\"mt-5\">\n                            <h2 class=\"section-title\"\n                                x-text=\"features[5].title\"><\/h2>\n                            <p class=\"section-subtitle feature-subtitle  max-w-[627px]\"\n                                x-text=\"features[5].subTitle\"><\/p>\n                        <\/div>\n                        <!-- bullets -->\n                        <ul class=\"mt-6 feature-bullet\">\n                            <template x-for=\"(bullet,idx) in features[5].bullets\">\n                                <li class=\"flex gap-x-3 my-6\">\n                                    <div class=\"max-w-[24px] min-w-[24px]\">\n                                        <img :src=\"bullet.bulletIcon\" class=\"img-bullet\"\n                                            alt=\"bullet1\">\n                                    <\/div>\n                                    <p class=\"bullet-text\"\n                                        x-text=\"bullet.bulletText\"><\/p>\n                                <\/li>\n                            <\/template>\n                        <\/ul>\n\n                        <a href=\"https:\/\/s.salla.sa\/register\" class=\"but-m but--medium but--filled bg-[#004D5A] mt-8 max-w-fit\" rel=\"nofollow noopener\" target=\"_blank\">\n                            <p class=\"but__text--filled text-[18px]\">Join for free<\/p>\n                        <\/a>\n                    <\/div>\n                    <!-- img half -->\n                    <div dir=\"rtl\" class=\"xl:max-w-[645px] sm:max-w-[500px] flex flex-col items-center\">\n                        <div\n                            class=\"flex justify-between w-[95%] self-start sm:mb-[-40px] min-[520px]:mb-[-34px] mb-[-25px]\">\n                            <div data-aos=\"fade-left\" data-aos-delay=\"700\" data-aos-duration=\"700\"\n                                data-aos-offset=\"300\" class=\"flex max-[639px]:w-[153px]\">\n                                <img :src=\"features[5].images[0]\" alt=\"img\">\n                            <\/div>\n                            <div data-aos=\"pop\" data-aos-delay=\"1300\" data-aos-offset=\"300\"\n                                class=\"flex max-[639px]:w-[94px]\">\n                                <img :src=\"features[5].images[1]\" alt=\"img\">\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex items-start\">\n                            <div data-aos=\"fade-up\" data-aos-duration=\"700\" data-aos-offset=\"300\" class=\"flex\">\n                                <img :src=\"features[5].images[3]\" alt=\"img\">\n                            <\/div>\n                            <div data-aos=\"fade-up\" data-aos-delay=\"700\" data-aos-duration=\"700\"\n                                data-aos-offset=\"300\"\n                                class=\"min-[600px]:ms-[-58px] min-[500px]:ms-[-48px] min-[430px]:ms-[-40px] min-[400px]:ms-[-36px] ms-[-30px] flex\">\n                                <img :src=\"features[5].images[2]\" alt=\"img\">\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<section class=\"max-w-[1320px] customer-experience-section section-horizontal-margin\">\n    <h2 data-aos=\"fade-up\"\n        class=\"sub-title lg:mt-[72px] mt-12 mb-12\">\n        A shopping experience built for trust and made to convert    <\/h2>\n    <div class=\"experience-card-container\">\n                    <div class=\"experience-card\">\n                <div data-aos=\"zoom-in\" data-aos-delay=\"0\"\n                    class=\"experience-img\">\n                    <img decoding=\"async\" src=\"https:\/\/cdn.salla.network\/salla.com\/test-en-1-1.png\" alt=\"experience-image\">\n                <\/div>\n                <h3 class=\"experience-text\">\n                    1 in 2 shoppers in Saudi has already bought from a Salla store                <\/h3>\n            <\/div>\n                    <div class=\"experience-card\">\n                <div data-aos=\"zoom-in\" data-aos-delay=\"100\"\n                    class=\"experience-img\">\n                    <img decoding=\"async\" src=\"https:\/\/cdn.salla.network\/salla.com\/test-en-2-1.svg\" alt=\"experience-image\">\n                <\/div>\n                <h3 class=\"experience-text\">\n                    Smooth checkout without sign-ups                <\/h3>\n            <\/div>\n                    <div class=\"experience-card\">\n                <div data-aos=\"zoom-in\" data-aos-delay=\"200\"\n                    class=\"experience-img\">\n                    <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/uploads\/2025\/06\/test-en-3-1.svg\" alt=\"experience-image\">\n                <\/div>\n                <h3 class=\"experience-text\">\n                    82% of shoppers trust stores powered by Salla                <\/h3>\n            <\/div>\n            <\/div>\n<\/section>\n\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                Simple tools. Powerful results.            <\/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            Simple tools. Powerful results.            <\/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 class=\"sm:mt-[176px] mt-12 max-w-[1320px] section-horizontal-margin mahally-section\">\n    <div class=\"mahally-section-container\">\n        <!-- text half -->\n        <div class=\"mahally-text-conatiner\">\n            <!-- logo -->\n            <img decoding=\"async\" data-aos-delay=\"300\" src=\"https:\/\/beta.salla.com\/wp-content\/uploads\/2024\/11\/mahally_logo-1.svg\" class=\"mahally-logo\" alt=\"\">\n            <!-- title and sub-title -->\n            <div class=\"mt-5 mahally-content\">\n                <h2 >Turn local shoppers into loyal customers<\/h2>\n                <p class=\"section-subtitle\">\n                    Meet Mahally \u2014 your built-in shortcut to getting discovered\r\nby customers nearby. No extra work. No extra cost. Just a\r\nsmarter way to get seen and sell more.                <\/p>\n            <\/div>\n            <!-- bullets -->\n            <ul class=\"mt-6 mahally-bullet\">\n                                    <li class=\"mahally-bullet-item\">\n                        <div class=\"max-w-[24px] min-w-[24px]\">\n                            <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/uploads\/beta.salla.com\/m1.svg\" class=\"img-bullet\" alt=\"bullet\">\n                        <\/div>\n                        <p class=\"mahally-bullet-text\">\n                            Free marketing channel ready to use                        <\/p>\n                    <\/li>\n                                    <li class=\"mahally-bullet-item\">\n                        <div class=\"max-w-[24px] min-w-[24px]\">\n                            <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/uploads\/2024\/11\/m2-1.svg\" class=\"img-bullet\" alt=\"bullet\">\n                        <\/div>\n                        <p class=\"mahally-bullet-text\">\n                            Automatically connected to your Salla store                        <\/p>\n                    <\/li>\n                                    <li class=\"mahally-bullet-item\">\n                        <div class=\"max-w-[24px] min-w-[24px]\">\n                            <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/uploads\/2024\/11\/m3-1.svg\" class=\"img-bullet\" alt=\"bullet\">\n                        <\/div>\n                        <p class=\"mahally-bullet-text\">\n                            Reach customers searching close to you                        <\/p>\n                    <\/li>\n                                    <li class=\"mahally-bullet-item\">\n                        <div class=\"max-w-[24px] min-w-[24px]\">\n                            <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/uploads\/2024\/11\/m4-1.svg\" class=\"img-bullet\" alt=\"bullet\">\n                        <\/div>\n                        <p class=\"mahally-bullet-text\">\n                            Put your products in front of people ready to buy                        <\/p>\n                    <\/li>\n                            <\/ul>\n            <!-- app store links -->\n            <div class=\"flex gap-4 mt-12 max-[639px]:self-center\">\n                <a onClick=\"gtagEvents(&#039;download_mahally_app_store&#039;,&#039;mahally section&#039;,&#039;downlod mahally app from app store&#039;)\" data-aos=\"fade-up\" data-aos-delay=\"450\" href=\"https:\/\/apps.apple.com\/us\/app\/%D9%85%D8%AD%D9%84%D9%8A-mahally\/id6443902847\" rel=\"nofollow noopener\" target=\"_blank\">\n                    <img decoding=\"async\" src=\"https:\/\/cdn.salla.network\/salla.com\/Mahally-App-store-english.svg\" alt=\"app store\" class=\"max-[640px]:w-36\">\n                <\/a>\n                <a onClick=\"gtagEvents(&#039;download_mahally_google_play&#039;,&#039;mahally section&#039;,&#039;downlod mahally app from google play&#039;)\" data-aos=\"fade-up\" data-aos-delay=\"500\" href=\"https:\/\/play.google.com\/store\/apps\/details?id=sa.salla.mahly&#038;pli=1\" rel=\"nofollow noopener\" target=\"_blank\">\n                    <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/uploads\/2025\/08\/Mahally-google-play-english.svg\" alt=\"google play store\" class=\"max-[640px]:w-36\">\n                <\/a>\n            <\/div>\n        <\/div>\n        <!-- img half -->\n        <div>\n            <img decoding=\"async\" src=\"https:\/\/cdn.salla.network\/beta.salla.com\/Mahally-Interface-English-1.png\" alt=\"section image\">\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n\n<section x-data='{\"stores\":[[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/i10.webp\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/i9.webp\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/i8.webp\"],[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/i7.webp\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/i6.webp\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/i5.webp\"],[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/i4.webp\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/i3.webp\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/i2.webp\"],[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/i1.webp\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/i8.webp\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/i9-1.webp\"]],\"apps\":[[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-28.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-27-1.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/logo-26.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-25.svg\"],[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-24-1.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/logo-23.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-22-1.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-21-1.svg\"],[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-20.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-19.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-18.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-17.svg\"],[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/logo-16.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-15-1.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-14-1.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-13-1.svg\"],[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-12-1.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-11-1.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-10-1.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-9-1.svg\"],[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-8.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-7.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-6-1.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-5.svg\"],[\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/logo-4.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-3-1.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/2024\\\/11\\\/logo-2-1.svg\",\"https:\\\/\\\/beta.salla.com\\\/wp-content\\\/uploads\\\/beta.salla.com\\\/logo-1.svg\"]]}' class=\"sm:mt-8 mt-4 max-w-[1320px] min-[1340px]:mx-auto mx-4\">\n    <div class=\"flex min-[950px]:flex-row flex-col justify-between gap-7\">\n        <div data-aos=\"fade-up\" class=\"apps-card bg-[#F1F8F9]\">\n            <!-- numbers badge -->\n            <div data-aos=\"fade-up\" data-aos-delay=\"350\" class=\"apps-card__badge bg-[#95C8D0]\">\n                <h2 class=\"apps-card__badge-text\">\n                    Services +2,000                <\/h2>\n            <\/div>\n            <!-- image gradient  -->\n            <div class=\"max-[767px]:self-center\" style=\"position: relative; display: inline-block;\">\n                <div x-data=\"{ scrollHeight: 0, updateScrollHeight() { const gallery = this.$el.querySelector('.film-strip'); this.scrollHeight = gallery.scrollHeight \/ 2; gallery.style.setProperty('--scroll-distance', `${this.scrollHeight}px`); } }\" x-init=\"setTimeout(() =&gt; { updateScrollHeight(); window.addEventListener('resize', () =&gt; { updateScrollHeight(); }); },3000)\" class=\"flex sm:gap-2 gap-1\">\n                    <template x-for=\"(col, idx) in stores\">\n                        <div class=\"tiles-container\">\n                            <div :style=\"`--scroll-distance: ${scrollHeight}px`\" :class=\"idx % 2 == 0 ? 'scrollFilm-up' : 'scrollFilm-down'\" class=\"film-strip flex flex-col sm:gap-3 gap-1.5\">\n                                <template x-for=\"img in col.concat(col)\">\n                                    <img class=\"rounded-lg\" :src=\"img\" alt=\"post\" class=\"w-full\">\n                                <\/template>\n                            <\/div>\n                        <\/div>\n                    <\/template>\n                <\/div>\n                <div style=\"position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(91.26% 50% at 50% 50%, rgba(241, 248, 249, 0.00) 51.09%, #F1F8F9 100%);\"><\/div>\n            <\/div>\n            <!-- other badge -->\n            <div class=\"type-badge\">\n                <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/uploads\/beta.salla.com\/suitcase.svg\" alt=\"services\" class=\"w-6\">\n                <p class=\"type-badge__text text-[#348D9C]\" x-text=\"isAr ? '\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062a\u0627\u062c\u0631':'Merchant Services'\"><\/p>\n            <\/div>\n            <h2 class=\"apps-card__title\">Find exactly what your store needs<\/h2>\n            <p class=\"apps-card__subtitle\">\n                Expert support for every part of your business. From\r\nlaunching your first product to running a fast-growing\r\nbrand, find the services that help you move faster, smarter, and bigger.            <\/p>\n        <\/div>\n        \n        <div data-aos=\"fade-up\" data-aos-delay=\"100\" class=\"apps-card bg-[#EEFCF9]\">\n            <!-- numbers badge -->\n            <div data-aos=\"fade-up\" data-aos-delay=\"350\" class=\"apps-card__badge bg-[#96EDD9]\">\n                <h3 class=\"apps-card__badge-text\">Apps +450<\/h3>\n            <\/div>\n            <!-- image gradient  -->\n            <div class=\"max-[767px]:self-center\" style=\"position: relative; display: inline-block;\">\n                <div x-data=\"{ scrollHeight: 0, updateScrollHeight() { const gallery = this.$el.querySelector('.film-strip'); this.scrollHeight = gallery.scrollHeight \/ 2; gallery.style.setProperty('--scroll-distance', `${this.scrollHeight}px`); } }\" x-init=\"setTimeout(() =&gt; { updateScrollHeight(); window.addEventListener('resize', () =&gt; { updateScrollHeight(); }); },1000)\" class=\"flex sm:gap-4 gap-2\">\n                    <template x-for=\"(col, idx) in apps\">\n                        <div class=\"tiles-container\">\n                            <div :style=\"`--scroll-distance: ${scrollHeight}px`\" :class=\"idx % 2 == 0 ? 'scrollFilm-up' : 'scrollFilm-down'\" class=\"film-strip flex flex-col sm:gap-3 gap-1.5\">\n                                <template x-for=\"img in col.concat(col)\">\n                                    <img class=\"sm:rounded-xl rounded-md w-16 h-16\" :src=\"img\" alt=\"post\">\n                                <\/template>\n                            <\/div>\n                        <\/div>\n                    <\/template>\n                <\/div>\n                <div style=\"position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(91.26% 50% at 50% 50%, rgba(241, 248, 249, 0.00) 51.09%, #F1F8F9 100%);\"><\/div>\n            <\/div>\n            <!-- other badge -->\n            <div class=\"type-badge\">\n                <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/uploads\/beta.salla.com\/lightning.svg\" alt=\"services\" class=\"w-6\">\n                <p class=\"type-badge__text text-[#4A9E8A]\" x-text=\"isAr ? '\u0645\u062a\u062c\u0631 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a':'App Store'\"><\/p>\n            <\/div>\n            <h3 class=\"apps-card__title\">Power up your store<\/h3>\n            <p class=\"apps-card__subtitle\">\n                Discover apps designed to unlock new ways to sell, simplify how you work, and help your store grow faster every day            <\/p>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<section id=\"story_despacer_width_reference\" class=\"sm:mt-8 mt-4 max-w-[1320px] section-horizontal-margin salla-special-section\">\n    <div class=\"salla-special-section-container\"  >\n        \n        <!-- Text half -->\n        <div class=\"salla-special-text-container\">\n            <!-- Logo -->\n            <img decoding=\"async\" data-aos=\"fade-in\" data-aos-delay=\"500\" src=\"https:\/\/cdn.salla.network\/salla.com\/Group-1000002865.svg\" class=\"salla-special-logo\" alt=\"Main image\">\n            \n            <!-- Title and Sub-title -->\n            <div class=\"mt-5 salla-special-content\">\n                <h2>Big store? Big ambitions? No problem.<\/h2>\n                <p class=\"section-subtitle\">Built for brands going big. Salla Special gives fast-growing businesses the tools, support, and flexibility to stay ahead and scale on their terms.<\/p>\n            <\/div> \n            \n            <!-- Features list -->\n            <ul class=\"mt-6 salla-special-bullets\">\n                                    <li class=\"salla-special-bullets-item\">\n                        <div class=\"salla-special-bullets-img\">\n                            <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/uploads\/2025\/01\/moneyy-1.svg\" class=\"img-bullet\" alt=\"feature icon\">\n                        <\/div>\n                        <p class=\"salla-special-bullets-text\"> Flexible payment fees that grow with your business<\/p>\n                    <\/li>\n                                    <li class=\"salla-special-bullets-item\">\n                        <div class=\"salla-special-bullets-img\">\n                            <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/uploads\/2025\/01\/location-1.svg\" class=\"img-bullet\" alt=\"feature icon\">\n                        <\/div>\n                        <p class=\"salla-special-bullets-text\">Tools that make running multiple branches and warehouses feel simple<\/p>\n                    <\/li>\n                                    <li class=\"salla-special-bullets-item\">\n                        <div class=\"salla-special-bullets-img\">\n                            <img decoding=\"async\" src=\"https:\/\/beta.salla.com\/wp-content\/uploads\/2025\/01\/link-1.svg\" class=\"img-bullet\" alt=\"feature icon\">\n                        <\/div>\n                        <p class=\"salla-special-bullets-text\">ERP-ready integrations for seamless operations<\/p>\n                    <\/li>\n                            <\/ul>\n\n            <!-- CTA Button -->\n            <div data-aos=\"fade-up\" data-aos-delay=\"500\" class=\"salla-special-more max-[991px]:self-center\">\n                <a onClick=\"gtagEvents(&#039;specialplan &#039;,&#039;specialplan &#039;,&#039;specialplan&#039;)\" target=\"_blank\" href=\"https:\/\/salla.com\/en\/specialplan\/\" class=\"salla-special-more-link\" rel=\"nofollow noopener\">\n                    <img decoding=\"async\" class=\"special-plan-arrow\" src=\"https:\/\/beta.salla.com\/wp-content\/themes\/salla.com_wp_theme-landing\/assets\/icons\/arrow-left.svg\" alt=\"arrow\">\n                    <p>More about Salla Special<\/p>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <!-- Image half -->\n        <div class=\"relative flex\">\n            <img decoding=\"async\" data-aos=\"zoom-in-up\" data-aos-delay=\"350\" src=\"https:\/\/cdn.salla.network\/salla.com\/Group-1000002857.png\" class=\"z-10 min-[1200px]:max-w-[663px]\" alt=\"main\">\n            <img decoding=\"async\" data-aos=\"fade-up\" src=\"https:\/\/beta.salla.com\/wp-content\/uploads\/beta.salla.com\/man_bg.png\" alt=\"background\" class=\"absolute min-[1200px]:end-12 min-[1100px]:end-8 md:end-4 min-[700px]:end-12 end-6 max-[640px]:w-[90%] lg:top-20 md:top-10 sm:top-20 top-10\">\n        <\/div>\n    <\/div>\n<\/section>\n\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\\\/Aloyayri-promo-code-logo-1.png\",\"partner_link\":\"https:\\\/\\\/aloyayri.sa\\\/ar\"},{\"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\">Over 68,000 brands and counting<\/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                Be the next success story            <\/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            Be the next success story            <\/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>","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-38764","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/beta.salla.com\/en\/wp-json\/wp\/v2\/pages\/38764","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=38764"}],"version-history":[{"count":141,"href":"https:\/\/beta.salla.com\/en\/wp-json\/wp\/v2\/pages\/38764\/revisions"}],"predecessor-version":[{"id":41152,"href":"https:\/\/beta.salla.com\/en\/wp-json\/wp\/v2\/pages\/38764\/revisions\/41152"}],"wp:attachment":[{"href":"https:\/\/beta.salla.com\/en\/wp-json\/wp\/v2\/media?parent=38764"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}