{"id":2921,"date":"2026-04-15T13:19:42","date_gmt":"2026-04-15T13:19:42","guid":{"rendered":"https:\/\/demo.mahacode.com\/Weoryx\/?post_type=services&#038;p=2921"},"modified":"2026-04-15T13:23:48","modified_gmt":"2026-04-15T13:23:48","slug":"e-commerce-store-design-development-service","status":"publish","type":"services","link":"https:\/\/demo.mahacode.com\/Weoryx\/en\/services\/e-commerce-store-design-development-service\/","title":{"rendered":"E-Commerce Store Design &amp; Development Service"},"content":{"rendered":"\r\n<section class=\"service-intro-section section-padding\">\r\n    <div class=\"container\">\r\n        <div class=\"service-intro-grid \">\r\n            <!-- Content Column -->\r\n            <div class=\"intro-content-col\">\r\n                <div class=\"service-intro-content\" data-aos=\"fade-up\">\r\n                    \r\n                                            <h2 class=\"section-title\">E-Commerce Store Design &amp; <span class=\"text-primary\">Development Service<\/span><\/h2>\r\n                    \r\n                                            <div class=\"section-description\">\r\n                            <p>Is your digital store ready to attract customers and convert them into buyers\u2026 or is it just another ordinary webpage? In the era of digital commerce, an online store is not merely a sales interface\u2014it is a strategic platform to increase revenue, strengthen your brand, and deliver a seamless customer experience. At Mahacode, we offer fully integrated and advanced e-commerce design and development services tailored to all types of businesses, from traditional commerce to advanced sectors such as retail, real estate, digital products, and diverse services.<\/p>\n                        <\/div>\r\n                    \r\n                                    <\/div>\r\n            <\/div>\r\n\r\n            <!-- Image Column -->\r\n            <div class=\"intro-image-col\">\r\n                <div class=\"service-intro-image\" data-aos=\"fade-left\">\r\n                                            <div class=\"image-wrapper\">\r\n                            <img decoding=\"async\" src=\"https:\/\/demo.mahacode.com\/Weoryx\/wp-content\/uploads\/2026\/02\/\ud83c\udfa8_IMAGEFX_202604081324.jpg\" alt=\"E-Commerce Store Design &amp; Development Service\" class=\"img-fluid rounded-4 shadow-lg\">\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n<section class=\"choose-us\">\r\n    <div class=\"container\">\r\n        <div class=\"choose-container\">\r\n            <div class=\"choose-header-side\" data-aos=\"fade-right\">\r\n                <span class=\"section-tag\"><\/span>\r\n                <h2 class=\"section-title\">\r\n                    Why do you need an advanced <span class=\"text-primary\">e-commerce store?<\/span>                <\/h2>\r\n                <p class=\"section-subtitle\"><\/p>\r\n\r\n                <div class=\"tech-waves\">\r\n                    <span><\/span>\r\n                    <span><\/span>\r\n                    <span><\/span>\r\n                    <span><\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"choose-items-side\">\r\n                <div class=\"choose-grid\">\r\n                                            <div class=\"choose-item\">\r\n                            <div class=\"choose-icon\"><i class=\"fas fa-regular fa-globe\"><\/i><\/div>\r\n                            <div class=\"choose-content\">\r\n                                <h3 class=\"choose-title\">To reach a wider audience and generate online sales with ease.<\/h3>\r\n                                <p class=\"choose-desc\">\r\n                                                                    <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"choose-item\">\r\n                            <div class=\"choose-icon\"><i class=\"fas fas fa-mouse-pointer\"><\/i><\/div>\r\n                            <div class=\"choose-content\">\r\n                                <h3 class=\"choose-title\">To provide a smooth and secure user experience that enhances customer satisfaction.<\/h3>\r\n                                <p class=\"choose-desc\">\r\n                                                                    <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"choose-item\">\r\n                            <div class=\"choose-icon\"><i class=\"fas fas fa-mobile\"><\/i><\/div>\r\n                            <div class=\"choose-content\">\r\n                                <h3 class=\"choose-title\">To stay competitive in the digital landscape with innovative online purchasing solutions.<\/h3>\r\n                                <p class=\"choose-desc\">\r\n                                                                    <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"choose-item\">\r\n                            <div class=\"choose-icon\"><i class=\"fas fas fa-copy\"><\/i><\/div>\r\n                            <div class=\"choose-content\">\r\n                                <h3 class=\"choose-title\">To gain accurate reports and analytics that support marketing and sales strategies.<\/h3>\r\n                                <p class=\"choose-desc\">\r\n                                                                    <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n<section class=\"mission-vision-section\">\r\n    <div class=\"container\">\r\n        <div class=\"section-header text-center\" data-aos=\"fade-up\">\r\n            <span class=\"section-tag section-tag-center\">Our Strategic Goals<\/span>\r\n            <h2 class=\"section-title\">\r\n                What do we offer within <span class=\"text-primary\">this service?<\/span>            <\/h2>\r\n        <\/div>\r\n        <div class=\"mv-grid\" style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 50px;\">\r\n                            <div class=\"mv-card glass-morphism\" data-aos=\"fade-up\" data-aos-delay=\"100\" style=\"background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 50px 40px; border-radius: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); border: 1px solid rgba(255, 255, 255, 0.6); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); text-align: center; overflow: hidden; position: relative;\">\r\n                    <div class=\"mv-card-glow\" style=\"position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(26, 95, 122, 0.05) 0%, transparent 70%); pointer-events: none;\"><\/div>\r\n                    <div class=\"mv-icon\" style=\"width: 90px; height: 90px; background: #fff; color: var(--primary-blue, #1A5F7A); border-radius: 24px; display: flex; align-items: center; justify-content: center; font-size: 2.2rem; margin: 0 auto 30px; transition: all 0.5s ease; box-shadow: 0 10px 20px rgba(0,0,0,0.05); position: relative; z-index: 1;\">\r\n                        <i class=\"fas fa-solid fa-display\"><\/i>\r\n                    <\/div>\r\n                    <h3 style=\"font-size: 1.6rem; color: var(--primary-blue, #1A5F7A); margin-bottom: 20px; font-weight: 800; position: relative; z-index: 1;\">Attractive <\/h3>\r\n                    <p style=\"color: #555; line-height: 1.7; font-size: 1.05rem; margin: 0; position: relative; z-index: 1; font-weight: 300;\">and user-friendly UI design that reflects your brand identity.<\/p>\r\n                <\/div>\r\n                            <div class=\"mv-card glass-morphism\" data-aos=\"fade-up\" data-aos-delay=\"200\" style=\"background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 50px 40px; border-radius: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); border: 1px solid rgba(255, 255, 255, 0.6); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); text-align: center; overflow: hidden; position: relative;\">\r\n                    <div class=\"mv-card-glow\" style=\"position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(26, 95, 122, 0.05) 0%, transparent 70%); pointer-events: none;\"><\/div>\r\n                    <div class=\"mv-icon\" style=\"width: 90px; height: 90px; background: #fff; color: var(--primary-blue, #1A5F7A); border-radius: 24px; display: flex; align-items: center; justify-content: center; font-size: 2.2rem; margin: 0 auto 30px; transition: all 0.5s ease; box-shadow: 0 10px 20px rgba(0,0,0,0.05); position: relative; z-index: 1;\">\r\n                        <i class=\"fas fa-regular fa-cart-shopping\"><\/i>\r\n                    <\/div>\r\n                    <h3 style=\"font-size: 1.6rem; color: var(--primary-blue, #1A5F7A); margin-bottom: 20px; font-weight: 800; position: relative; z-index: 1;\">Development on <\/h3>\r\n                    <p style=\"color: #555; line-height: 1.7; font-size: 1.05rem; margin: 0; position: relative; z-index: 1; font-weight: 300;\">advanced, secure platforms consistent and high-speed performance.<\/p>\r\n                <\/div>\r\n                            <div class=\"mv-card glass-morphism\" data-aos=\"fade-up\" data-aos-delay=\"300\" style=\"background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 50px 40px; border-radius: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); border: 1px solid rgba(255, 255, 255, 0.6); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); text-align: center; overflow: hidden; position: relative;\">\r\n                    <div class=\"mv-card-glow\" style=\"position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(26, 95, 122, 0.05) 0%, transparent 70%); pointer-events: none;\"><\/div>\r\n                    <div class=\"mv-icon\" style=\"width: 90px; height: 90px; background: #fff; color: var(--primary-blue, #1A5F7A); border-radius: 24px; display: flex; align-items: center; justify-content: center; font-size: 2.2rem; margin: 0 auto 30px; transition: all 0.5s ease; box-shadow: 0 10px 20px rgba(0,0,0,0.05); position: relative; z-index: 1;\">\r\n                        <i class=\"fas fa-gem\"><\/i>\r\n                    <\/div>\r\n                    <h3 style=\"font-size: 1.6rem; color: var(--primary-blue, #1A5F7A); margin-bottom: 20px; font-weight: 800; position: relative; z-index: 1;\">Integration of<\/h3>\r\n                    <p style=\"color: #555; line-height: 1.7; font-size: 1.05rem; margin: 0; position: relative; z-index: 1; font-weight: 300;\"> multiple payment and shipping systems to meet all customer needs.<\/p>\r\n                <\/div>\r\n                            <div class=\"mv-card glass-morphism\" data-aos=\"fade-up\" data-aos-delay=\"400\" style=\"background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 50px 40px; border-radius: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); border: 1px solid rgba(255, 255, 255, 0.6); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); text-align: center; overflow: hidden; position: relative;\">\r\n                    <div class=\"mv-card-glow\" style=\"position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(26, 95, 122, 0.05) 0%, transparent 70%); pointer-events: none;\"><\/div>\r\n                    <div class=\"mv-icon\" style=\"width: 90px; height: 90px; background: #fff; color: var(--primary-blue, #1A5F7A); border-radius: 24px; display: flex; align-items: center; justify-content: center; font-size: 2.2rem; margin: 0 auto 30px; transition: all 0.5s ease; box-shadow: 0 10px 20px rgba(0,0,0,0.05); position: relative; z-index: 1;\">\r\n                        <i class=\"fas fa-brands fa-sistrix\"><\/i>\r\n                    <\/div>\r\n                    <h3 style=\"font-size: 1.6rem; color: var(--primary-blue, #1A5F7A); margin-bottom: 20px; font-weight: 800; position: relative; z-index: 1;\">Integration <\/h3>\r\n                    <p style=\"color: #555; line-height: 1.7; font-size: 1.05rem; margin: 0; position: relative; z-index: 1; font-weight: 300;\">with digital marketing tools and SEO to reach your target audience.<\/p>\r\n                <\/div>\r\n                            <div class=\"mv-card glass-morphism\" data-aos=\"fade-up\" data-aos-delay=\"500\" style=\"background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 50px 40px; border-radius: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); border: 1px solid rgba(255, 255, 255, 0.6); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); text-align: center; overflow: hidden; position: relative;\">\r\n                    <div class=\"mv-card-glow\" style=\"position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(26, 95, 122, 0.05) 0%, transparent 70%); pointer-events: none;\"><\/div>\r\n                    <div class=\"mv-icon\" style=\"width: 90px; height: 90px; background: #fff; color: var(--primary-blue, #1A5F7A); border-radius: 24px; display: flex; align-items: center; justify-content: center; font-size: 2.2rem; margin: 0 auto 30px; transition: all 0.5s ease; box-shadow: 0 10px 20px rgba(0,0,0,0.05); position: relative; z-index: 1;\">\r\n                        <i class=\"fas fa-regular fa-sliders\"><\/i>\r\n                    <\/div>\r\n                    <h3 style=\"font-size: 1.6rem; color: var(--primary-blue, #1A5F7A); margin-bottom: 20px; font-weight: 800; position: relative; z-index: 1;\">Advanced dashboards<\/h3>\r\n                    <p style=\"color: #555; line-height: 1.7; font-size: 1.05rem; margin: 0; position: relative; z-index: 1; font-weight: 300;\"> and reporting tools for easy tracking of orders and sales.<\/p>\r\n                <\/div>\r\n                            <div class=\"mv-card glass-morphism\" data-aos=\"fade-up\" data-aos-delay=\"600\" style=\"background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 50px 40px; border-radius: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); border: 1px solid rgba(255, 255, 255, 0.6); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); text-align: center; overflow: hidden; position: relative;\">\r\n                    <div class=\"mv-card-glow\" style=\"position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(26, 95, 122, 0.05) 0%, transparent 70%); pointer-events: none;\"><\/div>\r\n                    <div class=\"mv-icon\" style=\"width: 90px; height: 90px; background: #fff; color: var(--primary-blue, #1A5F7A); border-radius: 24px; display: flex; align-items: center; justify-content: center; font-size: 2.2rem; margin: 0 auto 30px; transition: all 0.5s ease; box-shadow: 0 10px 20px rgba(0,0,0,0.05); position: relative; z-index: 1;\">\r\n                        <i class=\"fas fa-brands fa-whmcs\"><\/i>\r\n                    <\/div>\r\n                    <h3 style=\"font-size: 1.6rem; color: var(--primary-blue, #1A5F7A); margin-bottom: 20px; font-weight: 800; position: relative; z-index: 1;\">Continuous technical<\/h3>\r\n                    <p style=\"color: #555; line-height: 1.7; font-size: 1.05rem; margin: 0; position: relative; z-index: 1; font-weight: 300;\"> support and regular maintenance to ensure smooth operation.<\/p>\r\n                <\/div>\r\n                            <div class=\"mv-card glass-morphism\" data-aos=\"fade-up\" data-aos-delay=\"700\" style=\"background: rgba(255, 255, 255, 0.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 50px 40px; border-radius: 30px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); border: 1px solid rgba(255, 255, 255, 0.6); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); text-align: center; overflow: hidden; position: relative;\">\r\n                    <div class=\"mv-card-glow\" style=\"position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(26, 95, 122, 0.05) 0%, transparent 70%); pointer-events: none;\"><\/div>\r\n                    <div class=\"mv-icon\" style=\"width: 90px; height: 90px; background: #fff; color: var(--primary-blue, #1A5F7A); border-radius: 24px; display: flex; align-items: center; justify-content: center; font-size: 2.2rem; margin: 0 auto 30px; transition: all 0.5s ease; box-shadow: 0 10px 20px rgba(0,0,0,0.05); position: relative; z-index: 1;\">\r\n                        <i class=\"fas fa-brands fa-cc-visa\"><\/i>\r\n                    <\/div>\r\n                    <h3 style=\"font-size: 1.6rem; color: var(--primary-blue, #1A5F7A); margin-bottom: 20px; font-weight: 800; position: relative; z-index: 1;\">A fully optimized<\/h3>\r\n                    <p style=\"color: #555; line-height: 1.7; font-size: 1.05rem; margin: 0; position: relative; z-index: 1; font-weight: 300;\">A fully optimized shopping experience across all devices (desktop, mobile, tablet).<\/p>\r\n                <\/div>\r\n                    <\/div>\r\n        <style>\r\n            .mv-card:hover {\r\n                transform: translateY(-15px) !important;\r\n                background: rgba(255, 255, 255, 0.6) !important;\r\n                border-color: var(--primary-blue, #1A5F7A) !important;\r\n            }\r\n\r\n            .mv-card:hover .mv-icon {\r\n                background: var(--primary-blue, #1A5F7A) !important;\r\n                color: #fff !important;\r\n                transform: rotateY(180deg);\r\n            }\r\n        <\/style>\r\n    <\/div>\r\n<\/section>\n\n<section class=\"choose-us\">\r\n    <div class=\"container\">\r\n        <div class=\"choose-container\">\r\n            <div class=\"choose-header-side\" data-aos=\"fade-right\">\r\n                <span class=\"section-tag\">E-Commerce Store Design &amp; Development Service<\/span>\r\n                <h2 class=\"section-title\">\r\n                    What is the real value of a high-performing <span class=\"text-primary\">e-commerce store?<\/span>                <\/h2>\r\n                <p class=\"section-subtitle\"><\/p>\r\n\r\n                <div class=\"tech-waves\">\r\n                    <span><\/span>\r\n                    <span><\/span>\r\n                    <span><\/span>\r\n                    <span><\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"choose-items-side\">\r\n                <div class=\"choose-grid\">\r\n                                            <div class=\"choose-item\">\r\n                            <div class=\"choose-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                            <div class=\"choose-content\">\r\n                                <h3 class=\"choose-title\">Increased sales and higher return on investment.<\/h3>\r\n                                <p class=\"choose-desc\">\r\n                                                                    <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"choose-item\">\r\n                            <div class=\"choose-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                            <div class=\"choose-content\">\r\n                                <h3 class=\"choose-title\">Stronger brand positioning and enhanced customer trust.<\/h3>\r\n                                <p class=\"choose-desc\">\r\n                                                                    <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"choose-item\">\r\n                            <div class=\"choose-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                            <div class=\"choose-content\">\r\n                                <h3 class=\"choose-title\">A seamless and enjoyable shopping experience that boosts customer loyalty.<\/h3>\r\n                                <p class=\"choose-desc\">\r\n                                                                    <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                            <div class=\"choose-item\">\r\n                            <div class=\"choose-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                            <div class=\"choose-content\">\r\n                                <h3 class=\"choose-title\">Supporting the growth of your digital business and maximizing market opportunities.<\/h3>\r\n                                <p class=\"choose-desc\">\r\n                                                                    <\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n<section class=\"cta-full-orange\" id=\"cta\">\r\n    <div class=\"container\" data-aos=\"fade-up\">\r\n        <div class=\"cta-full-content\">\r\n            <h2 class=\"cta-full-title\">Do you want just a selling website\u2026 or a fully integrated e-commerce store that transforms every visit into a success opportunity and multiplies your sales? <\/h2>\r\n            <p class=\"cta-full-description\">\r\n                With Mahacode, e-commerce design and development is not just a technical service\u2014it\u2019s a comprehensive digital solution that enhances customer experience and puts your business on the fast track to digital growth.            <\/p>\r\n            <div class=\"cta-full-actions\">\r\n                <a href=\"https:\/\/demo.mahacode.com\/Weoryx\/en\/contact-us\/\" class=\"btn-full-white\">\r\n                    start Now                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n\r\n<section class=\"service-request-section section-padding\">\r\n    <div class=\"container\">\r\n        <div class=\"service-request-grid\">\r\n            <!-- Left Side: Text & CTA -->\r\n            <div class=\"request-content-col\">\r\n                <div class=\"service-request-content\" data-aos=\"fade-right\">\r\n                    <span class=\"section-tag\">Are you ready to get started?<\/span>\r\n                    <h2 class=\"section-title\">Start your <span class=\"text-primary\">store now<\/span><\/h2>\r\n                                            <p class=\"section-description\">\r\n                            \n\nNow is the time to turn your idea into a successful e-commerce store! Share your details with us, and we\u2019ll prepare everything you need to get started.                        <\/p>\r\n                    \r\n                                            <div class=\"service-features-list\">\r\n                                                            <div class=\"feature-item\">\r\n                                    <i class=\"fas fa-check-circle text-primary\"><\/i>\r\n                                    <span>Free Consultation<\/span>\r\n                                <\/div>\r\n                                                            <div class=\"feature-item\">\r\n                                    <i class=\"fas fa-check-circle text-primary\"><\/i>\r\n                                    <span>Customized Strategy<\/span>\r\n                                <\/div>\r\n                                                            <div class=\"feature-item\">\r\n                                    <i class=\"fas fa-check-circle text-primary\"><\/i>\r\n                                    <span>Dedicated Support<\/span>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n            <!-- Right Side: Form -->\r\n            <div class=\"request-form-col\">\r\n                <div class=\"service-request-form-wrapper\" data-aos=\"fade-left\">\r\n                    <div class=\"form-card\">\r\n                        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f2340-o1\" lang=\"\" dir=\"ltr\" data-wpcf7-id=\"2340\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/Weoryx\/wp-json\/wp\/v2\/services\/2921#wpcf7-f2340-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"2340\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f2340-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\r\n\r\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your Email\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\r\n\r\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel\" aria-invalid=\"false\" placeholder=\"Your Phone\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span>\r\n\r\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Subject\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span>\r\n\r\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" placeholder=\"Your Message\" name=\"your-message\"><\/textarea><\/span>\r\n\r\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send Message\" \/><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\n\n    <section class=\"related-portfolio-block container\" style=\"margin-top: 60px; margin-bottom: 80px;\">\r\n        <div class=\"section-header\" data-aos=\"fade-up\" style=\"margin-bottom: 50px;\">\r\n            <span class=\"section-tag\">Our Works<\/span>\r\n            <h2 class=\"section-title\">\r\n                Portfolio            <\/h2>\r\n            <div class=\"header-line\" style=\"width: 60px; height: 3px; background: var(--accent-orange, #E85A3C); margin-top: 15px;\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"service-portfolio-grid\">\r\n                            <div class=\"service-portfolio-item\" data-aos=\"fade-up\">\r\n                    <div class=\"service-portfolio-content\">\r\n                        <div class=\"service-portfolio-image\">\r\n                                                            <img loading=\"lazy\" decoding=\"async\" width=\"470\" height=\"470\" src=\"https:\/\/demo.mahacode.com\/Weoryx\/wp-content\/uploads\/2026\/04\/cover\u064a\u0648\u0641\u0644\u0627\u0649.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.mahacode.com\/Weoryx\/wp-content\/uploads\/2026\/04\/cover\u064a\u0648\u0641\u0644\u0627\u0649.jpg 470w, https:\/\/demo.mahacode.com\/Weoryx\/wp-content\/uploads\/2026\/04\/cover\u064a\u0648\u0641\u0644\u0627\u0649-300x300.jpg 300w, https:\/\/demo.mahacode.com\/Weoryx\/wp-content\/uploads\/2026\/04\/cover\u064a\u0648\u0641\u0644\u0627\u0649-150x150.jpg 150w\" sizes=\"auto, (max-width: 470px) 100vw, 470px\" \/>                                                        <div class=\"sp-overlay-badge\">\u062a\u0633\u0648\u064a\u0642 \u0631\u0642\u0645\u064a<\/div>\r\n                        <\/div>\r\n                        <div class=\"service-portfolio-info\">\r\n                            <h4 class=\"sp-title\">\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0634\u0631\u0643\u0629 \u064a\u0648\u0641\u0644\u0627\u064a<\/h4>\r\n                            <a href=\"https:\/\/demo.mahacode.com\/Weoryx\/portfolio\/%d8%aa%d8%b3%d9%88%d9%8a%d9%82-%d8%a7%d9%84%d9%83%d8%aa%d8%b1%d9%88%d9%86%d9%8a-%d8%b4%d8%b1%d9%83%d8%a9-%d9%8a%d9%88%d9%81%d9%84%d8%a7%d9%8a\/\" class=\"sp-link\">\r\n                                View Case Study <i class=\"fas fa-arrow-right\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"service-portfolio-item\" data-aos=\"fade-up\">\r\n                    <div class=\"service-portfolio-content\">\r\n                        <div class=\"service-portfolio-image\">\r\n                                                            <img loading=\"lazy\" decoding=\"async\" width=\"470\" height=\"470\" src=\"https:\/\/demo.mahacode.com\/Weoryx\/wp-content\/uploads\/2026\/04\/cover\u0636\u064a\u0627\u0621-\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.mahacode.com\/Weoryx\/wp-content\/uploads\/2026\/04\/cover\u0636\u064a\u0627\u0621-\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.jpg 470w, https:\/\/demo.mahacode.com\/Weoryx\/wp-content\/uploads\/2026\/04\/cover\u0636\u064a\u0627\u0621-\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629-300x300.jpg 300w, https:\/\/demo.mahacode.com\/Weoryx\/wp-content\/uploads\/2026\/04\/cover\u0636\u064a\u0627\u0621-\u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629-150x150.jpg 150w\" sizes=\"auto, (max-width: 470px) 100vw, 470px\" \/>                                                        <div class=\"sp-overlay-badge\">\u062a\u0633\u0648\u064a\u0642 \u0631\u0642\u0645\u064a<\/div>\r\n                        <\/div>\r\n                        <div class=\"service-portfolio-info\">\r\n                            <h4 class=\"sp-title\">\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0645\u0646\u0635\u0627\u062a \u0627\u0644\u062f\u0643\u062a\u0648\u0631 \u0636\u064a\u0627\u0621 \u0627\u0644\u062d\u0627\u062c \u062d\u0633\u064a\u0646 \u0641\u0631\u0639 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<\/h4>\r\n                            <a href=\"https:\/\/demo.mahacode.com\/Weoryx\/portfolio\/%d8%aa%d8%b3%d9%88%d9%8a%d9%82-%d8%a7%d9%84%d9%83%d8%aa%d8%b1%d9%88%d9%86%d9%8a-%d9%85%d9%86%d8%b5%d8%a7%d8%aa-%d8%a7%d9%84%d8%af%d9%83%d8%aa%d9%88%d8%b1-%d8%b6%d9%8a%d8%a7%d8%a1-%d8%a7%d9%84%d8%ad\/\" class=\"sp-link\">\r\n                                View Case Study <i class=\"fas fa-arrow-right\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                            <div class=\"service-portfolio-item\" data-aos=\"fade-up\">\r\n                    <div class=\"service-portfolio-content\">\r\n                        <div class=\"service-portfolio-image\">\r\n                                                            <img loading=\"lazy\" decoding=\"async\" width=\"470\" height=\"470\" src=\"https:\/\/demo.mahacode.com\/Weoryx\/wp-content\/uploads\/2026\/04\/cover\u0636\u064a\u0627\u0621-\u0644\u0646\u062f\u0646.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" srcset=\"https:\/\/demo.mahacode.com\/Weoryx\/wp-content\/uploads\/2026\/04\/cover\u0636\u064a\u0627\u0621-\u0644\u0646\u062f\u0646.jpg 470w, https:\/\/demo.mahacode.com\/Weoryx\/wp-content\/uploads\/2026\/04\/cover\u0636\u064a\u0627\u0621-\u0644\u0646\u062f\u0646-300x300.jpg 300w, https:\/\/demo.mahacode.com\/Weoryx\/wp-content\/uploads\/2026\/04\/cover\u0636\u064a\u0627\u0621-\u0644\u0646\u062f\u0646-150x150.jpg 150w\" sizes=\"auto, (max-width: 470px) 100vw, 470px\" \/>                                                        <div class=\"sp-overlay-badge\">\u062a\u0633\u0648\u064a\u0642 \u0631\u0642\u0645\u064a<\/div>\r\n                        <\/div>\r\n                        <div class=\"service-portfolio-info\">\r\n                            <h4 class=\"sp-title\">\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0645\u0646\u0635\u0627\u062a \u062f\u0643\u062a\u0648\u0631 \u0636\u064a\u0627\u0621 \u0627\u0644\u062d\u0627\u062c \u062d\u0633\u064a\u0646 \u0641\u0631\u0639 \u0644\u0646\u062f\u0646<\/h4>\r\n                            <a href=\"https:\/\/demo.mahacode.com\/Weoryx\/portfolio\/%d8%aa%d8%b3%d9%88%d9%8a%d9%82-%d8%a7%d9%84%d9%83%d8%aa%d8%b1%d9%88%d9%86%d9%8a-%d9%85%d9%86%d8%b5%d8%a7%d8%aa-%d8%af%d9%83%d8%aa%d9%88%d8%b1-%d8%b6%d9%8a%d8%a7%d8%a1-%d8%a7%d9%84%d8%ad%d8%a7%d8%ac\/\" class=\"sp-link\">\r\n                                View Case Study <i class=\"fas fa-arrow-right\"><\/i>\r\n                            <\/a>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                    <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n        .service-portfolio-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\r\n            gap: 30px;\r\n        }\r\n\r\n        .service-portfolio-item {\r\n            background: #ffffff;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);\r\n            border: 1px solid rgba(0, 0, 0, 0.03);\r\n            transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n        }\r\n\r\n        .service-portfolio-item:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 25px 50px rgba(26, 95, 122, 0.12);\r\n            border-color: rgba(232, 90, 60, 0.2);\r\n        }\r\n\r\n        .service-portfolio-image {\r\n            height: 240px;\r\n            overflow: hidden;\r\n            position: relative;\r\n        }\r\n\r\n        .service-portfolio-image img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            transition: transform 0.8s ease;\r\n        }\r\n\r\n        .service-portfolio-item:hover .service-portfolio-image img {\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .sp-overlay-badge {\r\n            position: absolute;\r\n            top: 20px;\r\n            left: 20px;\r\n            background: rgba(255, 255, 255, 0.9);\r\n            padding: 5px 15px;\r\n            border-radius: 50px;\r\n            font-size: 0.7rem;\r\n            font-weight: 800;\r\n            color: var(--primary-blue, #1A5F7A);\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            backdrop-filter: blur(5px);\r\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .service-portfolio-info {\r\n            padding: 30px;\r\n        }\r\n\r\n        .sp-title {\r\n            font-size: 1.4rem;\r\n            margin-bottom: 20px;\r\n            color: var(--primary-blue, #1A5F7A);\r\n            font-weight: 800;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .sp-link {\r\n            font-size: 0.9rem;\r\n            font-weight: 700;\r\n            color: var(--accent-orange, #E85A3C);\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            transition: all 0.3s ease;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n        }\r\n\r\n        .sp-link i {\r\n            font-size: 0.8rem;\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .sp-link:hover {\r\n            gap: 15px;\r\n            color: var(--primary-blue, #1A5F7A);\r\n        }\r\n\r\n        \/* RTL Support *\/\r\n        [dir=\"rtl\"] .sp-overlay-badge {\r\n            left: auto;\r\n            right: 20px;\r\n        }\r\n\r\n        [dir=\"rtl\"] .sp-link i {\r\n            transform: scaleX(-1);\r\n        }\r\n\r\n        [dir=\"rtl\"] .sp-link:hover i {\r\n            transform: scaleX(-1) translateX(5px);\r\n        }\r\n\r\n        [dir=\"rtl\"] .section-header {\r\n            text-align: right;\r\n        }\r\n\r\n        [dir=\"rtl\"] .service-portfolio-info {\r\n            text-align: right;\r\n        }\r\n\r\n        [dir=\"rtl\"] .header-line {\r\n            margin-left: auto;\r\n            margin-right: 0;\r\n        }\r\n\r\n        @media (max-width: 991px) {\r\n            .service-portfolio-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .service-portfolio-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .sp-title {\r\n                font-size: 1.25rem;\r\n            }\r\n        }\r\n    <\/style>\r\n","protected":false},"excerpt":{"rendered":"<p>Is your digital store ready to attract customers and convert them into buyers\u2026 or is it just another ordinary webpage? In the era of digital commerce, an online store is not merely a sales interface\u2014it is a strategic platform.<\/p>\n","protected":false},"featured_media":2746,"template":"","class_list":["post-2921","services","type-services","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/demo.mahacode.com\/Weoryx\/wp-json\/wp\/v2\/services\/2921","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.mahacode.com\/Weoryx\/wp-json\/wp\/v2\/services"}],"about":[{"href":"https:\/\/demo.mahacode.com\/Weoryx\/wp-json\/wp\/v2\/types\/services"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/demo.mahacode.com\/Weoryx\/wp-json\/wp\/v2\/media\/2746"}],"wp:attachment":[{"href":"https:\/\/demo.mahacode.com\/Weoryx\/wp-json\/wp\/v2\/media?parent=2921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}