{"id":7426,"date":"2026-02-10T16:37:47","date_gmt":"2026-02-10T08:37:47","guid":{"rendered":"https:\/\/syscomm.com.my\/?page_id=7426"},"modified":"2026-08-18T18:04:34","modified_gmt":"2026-08-18T10:04:34","slug":"web-design-muar","status":"publish","type":"page","link":"https:\/\/syscomm.com.my\/ms\/web-design-muar\/","title":{"rendered":"Perkhidmatan Reka Bentuk Web di Muar"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7426\" class=\"elementor elementor-7426\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d85470 e-flex e-con-boxed e-con e-parent\" data-id=\"6d85470\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ca5097 elementor-widget elementor-widget-html\" data-id=\"8ca5097\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!--\r\nCOPYRIGHT-SAFE ASSET VERSION \u2014 WEB DESIGN MUAR\r\nPhotography sources: Unsplash only (commercial-use stock source)\r\nIcons \/ diagrams \/ arrows \/ nodes: original CSS \/ text symbols created in this HTML\r\nNo Google Images, Pinterest, Agoda, theme-demo or third-party icon CDN assets used.\r\nStandard SYSCOMM width: 88.5%\r\n-->\r\n<!--\r\nSYSCOMM \u2014 WEB DESIGN MUAR\r\nUNIQUE MUAR \/ MANUFACTURING \/ EXPORT EDITORIAL DESIGN\r\nSTANDARD 88.5% WIDE SCREEN \/ ELEMENTOR SAFE \/ SEO-FRIENDLY\r\n\r\nPaste the entire block into ONE Elementor HTML Widget.\r\n\r\nRecommended Rank Math \/ AIOSEO\r\nSEO Title:\r\nWeb Design Muar | Professional Website Design & Development | SYSCOMM\r\n\r\nMeta Description:\r\nProfessional web design in Muar, Johor by SYSCOMM. Corporate websites, ecommerce, WordPress, Shopify and custom web development for manufacturers, SMEs and growing businesses.\r\n\r\nPrimary focus:\r\nweb design muar\r\n\r\nSecondary topics used naturally:\r\nwebsite design Muar\r\nweb design company Muar\r\nweb developer Muar\r\ncorporate website Muar\r\nmanufacturer website Muar\r\necommerce website Muar\r\nWordPress Muar\r\nShopify Muar\r\n-->\r\n\r\n<div id=\"scm-muar\">\r\n\r\n  <!-- =====================================================\r\n       HERO \u2014 RIVER FLOW CONCEPT\r\n       ===================================================== -->\r\n  <section class=\"mu-hero\">\r\n\r\n    <div class=\"mu-topline\">\r\n      <span>WEB DESIGN MUAR \/ JOHOR<\/span>\r\n      <span>MANUFACTURING \u00b7 SME \u00b7 ECOMMERCE \u00b7 B2B<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"mu-hero-grid\">\r\n\r\n      <div class=\"mu-hero-copy\">\r\n        <h1>Professional Web Design in Muar for Businesses With Bigger Ambitions.<\/h1>\r\n\r\n        <p class=\"mu-lead\">\r\n          SYSCOMM designs professional websites for Muar businesses that need to\r\n          present their company clearly, support sales enquiries, reach new markets or\r\n          manage ecommerce more effectively.\r\n        <\/p>\r\n\r\n        <p>\r\n          From manufacturers and exporters to SMEs, retailers and professional\r\n          service companies, we build websites around how customers evaluate your\r\n          business \u2014 not around a generic template.\r\n        <\/p>\r\n\r\n        <div class=\"mu-actions\">\r\n          <a href=\"\/contact\/\" class=\"mu-link\">Request a quotation \u2197<\/a>\r\n          <a href=\"\/why-choose-syscomm\/\" class=\"mu-link quiet\">Why choose SYSCOMM \u2197<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"mu-river-stage\" aria-label=\"Muar digital business journey\">\r\n\r\n        <div class=\"mu-river-line\">\r\n          <span class=\"flow-dot dot-a\"><\/span>\r\n          <span class=\"flow-dot dot-b\"><\/span>\r\n          <span class=\"flow-dot dot-c\"><\/span>\r\n        <\/div>\r\n\r\n        <figure class=\"mu-window win-a\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1493663284031-b7e3aefcae8e?auto=format&fit=crop&w=1400&q=82\"\r\n            alt=\"Minimalist furniture and interior product presentation for Muar manufacturers\"\r\n            fetchpriority=\"high\">\r\n          <figcaption>PRODUCT \/ BRAND<\/figcaption>\r\n        <\/figure>\r\n\r\n        <figure class=\"mu-window win-b\">\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1503602642458-232111445657?auto=format&fit=crop&w=1200&q=82\"\r\n            alt=\"Minimalist furniture product visual for manufacturer website\">\r\n          <figcaption>MANUFACTURING \/ EXPORT<\/figcaption>\r\n        <\/figure>\r\n\r\n        <div class=\"mu-stage-note\">\r\n          <span>MUAR \u2192 MALAYSIA \u2192 GLOBAL<\/span>\r\n          <strong>Turn business capability into a clearer digital story.<\/strong>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       BUSINESS TYPES \u2014 FLOWING RIBBON\r\n       ===================================================== -->\r\n  <section class=\"mu-ribbon mu-line\">\r\n    <div class=\"mu-ribbon-track\">\r\n      <span>FURNITURE & MANUFACTURING<\/span>\r\n      <span>EXPORT & B2B<\/span>\r\n      <span>LOCAL SME<\/span>\r\n      <span>RETAIL<\/span>\r\n      <span>PROFESSIONAL SERVICES<\/span>\r\n      <span>ECOMMERCE<\/span>\r\n      <span>WORDPRESS<\/span>\r\n      <span>SHOPIFY<\/span>\r\n      <span>CUSTOM SYSTEMS<\/span>\r\n    <\/div>\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       MUAR BUSINESS CONTEXT \u2014 THREE LAYERS\r\n       ===================================================== -->\r\n  <section class=\"mu-section mu-line\">\r\n\r\n    <div class=\"mu-section-heading\">\r\n      <span class=\"mu-label\">WEB DESIGN FOR MUAR BUSINESSES<\/span>\r\n      <h2>Different markets need different reasons to trust your company.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"mu-layers\">\r\n\r\n      <article class=\"mu-layer layer-dark\">\r\n        <span>01 \/ MANUFACTURING & EXPORT<\/span>\r\n        <h3>Show capability to buyers who may never visit your factory first.<\/h3>\r\n        <p>\r\n          Manufacturers and exporters often need to communicate production\r\n          capability, product categories, materials, quality standards, experience,\r\n          markets served and enquiry information clearly to B2B buyers.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"mu-layer\">\r\n        <span>02 \/ SME & SERVICES<\/span>\r\n        <h3>Make the business easier to understand before the first call.<\/h3>\r\n        <p>\r\n          Local SMEs and professional service companies need clear positioning,\r\n          service information, trust signals, project examples and simple contact\r\n          paths that help customers decide whether to enquire.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"mu-layer layer-soft\">\r\n        <span>03 \/ RETAIL & ECOMMERCE<\/span>\r\n        <h3>Reduce friction between discovering a product and buying it.<\/h3>\r\n        <p>\r\n          Ecommerce websites need structured products, useful information, mobile\r\n          usability, payment, customer accounts and an order flow that fits the\r\n          business.\r\n        <\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       MATERIAL STORY \u2014 VISUAL \/ CONTENT CAROUSEL FEEL\r\n       ===================================================== -->\r\n  <section class=\"mu-material mu-line\">\r\n\r\n    <div class=\"mu-material-copy\">\r\n      <span class=\"mu-label\">FROM PRODUCT TO DIGITAL EXPERIENCE<\/span>\r\n\r\n      <h2>Your website should communicate the quality your business already delivers offline.<\/h2>\r\n\r\n      <p>\r\n        Muar is strongly associated with manufacturing and furniture production.\r\n        For businesses selling products or supplying buyers, visual presentation\r\n        matters \u2014 but presentation must be supported by useful product information,\r\n        clear capabilities and professional enquiry paths.\r\n      <\/p>\r\n\r\n      <p>\r\n        A beautiful image can attract attention. A well-structured website turns\r\n        attention into understanding and action.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"mu-material-board\">\r\n\r\n      <div class=\"mu-swatch swatch-a\">\r\n        <img decoding=\"async\" loading=\"lazy\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1538688525198-9b88f6f53126?auto=format&fit=crop&w=1200&q=82\"\r\n          alt=\"Minimalist wood and furniture product styling\">\r\n        <span>01 \/ PRODUCT VISUAL<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"mu-swatch swatch-b\">\r\n        <img decoding=\"async\" loading=\"lazy\"\r\n          src=\"https:\/\/images.unsplash.com\/photo-1555041469-a586c61ea9bc?auto=format&fit=crop&w=1200&q=82\"\r\n          alt=\"Minimalist furniture product presentation for ecommerce website\">\r\n        <span>02 \/ BRAND PRESENTATION<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"mu-swatch swatch-c\">\r\n        <div class=\"mu-grid-art\">\r\n          <i><\/i><i><\/i><i><\/i><i><\/i>\r\n        <\/div>\r\n        <span>03 \/ INFORMATION STRUCTURE<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       B2B BUYER JOURNEY \u2014 UNIQUE PATH\r\n       ===================================================== -->\r\n  <section class=\"mu-section mu-line\">\r\n\r\n    <div class=\"mu-section-heading\">\r\n      <span class=\"mu-label\">B2B WEBSITE JOURNEY<\/span>\r\n      <h2>What does a potential buyer need before sending an enquiry?<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"mu-buyer-path\">\r\n\r\n      <div class=\"mu-path-spine\"><\/div>\r\n\r\n      <article class=\"path-left\">\r\n        <span>01<\/span>\r\n        <h3>Understand<\/h3>\r\n        <p>Who are you, what do you manufacture or provide, and who do you serve?<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"path-right\">\r\n        <span>02<\/span>\r\n        <h3>Evaluate<\/h3>\r\n        <p>Products, capabilities, materials, specifications, markets and experience.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"path-left\">\r\n        <span>03<\/span>\r\n        <h3>Trust<\/h3>\r\n        <p>Company background, quality signals, certifications, projects and evidence.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"path-right\">\r\n        <span>04<\/span>\r\n        <h3>Enquire<\/h3>\r\n        <p>Clear contact details, quotation request, product enquiry or distributor contact.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"path-left\">\r\n        <span>05<\/span>\r\n        <h3>Continue<\/h3>\r\n        <p>Follow-up content, downloads, catalogues, account access or future ecommerce.<\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       SERVICES \u2014 TICKER CARDS, NEW ARRANGEMENT\r\n       ===================================================== -->\r\n  <section class=\"mu-services mu-line\">\r\n\r\n    <div class=\"mu-services-title\">\r\n      <span class=\"mu-label\">WEB DESIGN & DEVELOPMENT SERVICES<\/span>\r\n      <h2>Build the digital system your business actually needs.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"mu-service-stack\">\r\n\r\n      <a href=\"\/web-design\/\" class=\"mu-service-row\">\r\n        <div class=\"mu-num\">01<\/div>\r\n        <div class=\"mu-service-name\">\r\n          <small>CORPORATE \/ COMPANY<\/small>\r\n          <h3>Corporate Website Design<\/h3>\r\n        <\/div>\r\n        <p>\r\n          Company, capability, service, product and enquiry pages designed around\r\n          credibility and business development.\r\n        <\/p>\r\n        <i>\u2197<\/i>\r\n      <\/a>\r\n\r\n      <div class=\"mu-service-row\">\r\n        <div class=\"mu-num\">02<\/div>\r\n        <div class=\"mu-service-name\">\r\n          <small>CMS \/ CONTENT<\/small>\r\n          <h3>WordPress Development<\/h3>\r\n        <\/div>\r\n        <p>\r\n          Flexible websites that allow your team to manage pages, projects, news,\r\n          products and other content as the business grows.\r\n        <\/p>\r\n        <i>\u2022<\/i>\r\n      <\/div>\r\n\r\n      <a href=\"\/shopify-website-development-malaysia\/\" class=\"mu-service-row\">\r\n        <div class=\"mu-num\">03<\/div>\r\n        <div class=\"mu-service-name\">\r\n          <small>ONLINE STORE<\/small>\r\n          <h3>Shopify & Ecommerce<\/h3>\r\n        <\/div>\r\n        <p>\r\n          Product catalogues, customer accounts, payment, promotions and store\r\n          workflows for B2C or suitable B2B requirements.\r\n        <\/p>\r\n        <i>\u2197<\/i>\r\n      <\/a>\r\n\r\n      <a href=\"\/api-intergration\/\" class=\"mu-service-row\">\r\n        <div class=\"mu-num\">04<\/div>\r\n        <div class=\"mu-service-name\">\r\n          <small>CUSTOM \/ API<\/small>\r\n          <h3>Custom Web Development<\/h3>\r\n        <\/div>\r\n        <p>\r\n          Specialised account rules, quotation processes, integrations and functions\r\n          when standard website features are not enough.\r\n        <\/p>\r\n        <i>\u2197<\/i>\r\n      <\/a>\r\n\r\n      <div class=\"mu-service-row\">\r\n        <div class=\"mu-num\">05<\/div>\r\n        <div class=\"mu-service-name\">\r\n          <small>SEARCH FOUNDATION<\/small>\r\n          <h3>SEO-Conscious Development<\/h3>\r\n        <\/div>\r\n        <p>\r\n          Clear headings, crawlable internal links, useful content structure and\r\n          responsive layouts to support future search optimisation.\r\n        <\/p>\r\n        <i>\u2022<\/i>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       EXPORT WEBSITE CHECKLIST \u2014 BLACK \/ WHITE\r\n       ===================================================== -->\r\n  <section class=\"mu-export mu-line\">\r\n\r\n    <div class=\"mu-export-title\">\r\n      <span>MANUFACTURER & EXPORT WEBSITE CHECKLIST<\/span>\r\n\r\n      <h2>A buyer-facing website should answer the questions your sales team answers every day.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"mu-export-list\">\r\n\r\n      <div><span>01<\/span><strong>What products or capabilities do you offer?<\/strong><\/div>\r\n      <div><span>02<\/span><strong>What markets and customer types do you serve?<\/strong><\/div>\r\n      <div><span>03<\/span><strong>What makes your company credible?<\/strong><\/div>\r\n      <div><span>04<\/span><strong>Can buyers find specifications and useful details?<\/strong><\/div>\r\n      <div><span>05<\/span><strong>Is it easy to request a quotation or catalogue?<\/strong><\/div>\r\n      <div><span>06<\/span><strong>Does the website work well for overseas mobile users?<\/strong><\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       AREA NETWORK \u2014 MUAR \/ NEARBY\r\n       ===================================================== -->\r\n  <section class=\"mu-section mu-line\">\r\n\r\n    <div class=\"mu-network\">\r\n\r\n      <div class=\"mu-network-intro\">\r\n        <span class=\"mu-label\">MUAR & SURROUNDING BUSINESS AREAS<\/span>\r\n        <h2>Local support with a website built for wider markets.<\/h2>\r\n\r\n        <p>\r\n          SYSCOMM can support businesses in Muar and nearby areas while designing the\r\n          website around the actual markets you want to reach \u2014 whether those\r\n          customers are local, elsewhere in Malaysia or overseas.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"mu-network-map\" aria-label=\"Muar service area illustration\">\r\n\r\n        <div class=\"network-line line-1\"><\/div>\r\n        <div class=\"network-line line-2\"><\/div>\r\n        <div class=\"network-line line-3\"><\/div>\r\n\r\n        <a href=\"\/web-design-muar\/\" class=\"network-node main\">\r\n          <span>MUAR<\/span>\r\n        <\/a>\r\n\r\n        <div class=\"network-node bakri\"><span>BAKRI<\/span><\/div>\r\n        <div class=\"network-node parit\"><span>PARIT JAWA<\/span><\/div>\r\n        <div class=\"network-node pagoh\"><span>PAGOH<\/span><\/div>\r\n\r\n        <a href=\"\/web-design-johor\/\" class=\"network-node johor\">\r\n          <span>JOHOR \u2197<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"\/web-design-johor-bahru\/\" class=\"network-node jb\">\r\n          <span>JB \u2197<\/span>\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       SEO SECTION \u2014 BLACK, FORCE WHITE HEADING\r\n       ===================================================== -->\r\n  <section class=\"mu-seo mu-line\">\r\n\r\n    <div class=\"mu-seo-copy\">\r\n      <span>SEO-FRIENDLY WEB DESIGN \/ MUAR<\/span>\r\n\r\n      <h2>A good website should be useful before it tries to be clever.<\/h2>\r\n\r\n      <p>\r\n        Search-friendly development starts with content that explains the business\r\n        clearly, logical headings, descriptive internal links, responsive layouts and\r\n        a site structure that search engines can crawl.\r\n      <\/p>\r\n\r\n      <p>\r\n        This foundation does not guarantee a Google ranking. Competitive organic\r\n        visibility normally requires ongoing technical work, useful content,\r\n        relevance, authority and time after launch.\r\n      <\/p>\r\n\r\n      <a href=\"\/blog\/\" class=\"mu-dark-link\">Explore web design & SEO insights \u2197<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"mu-seo-visual\" aria-hidden=\"true\">\r\n      <div class=\"seo-ring ring-one\"><\/div>\r\n      <div class=\"seo-ring ring-two\"><\/div>\r\n      <div class=\"seo-ring ring-three\"><\/div>\r\n\r\n      <div class=\"seo-center\">\r\n        <strong>SEARCH<\/strong>\r\n        <span>CONTENT \/ TECHNICAL \/ AUTHORITY<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"seo-tag t1\">USEFUL CONTENT<\/div>\r\n      <div class=\"seo-tag t2\">MOBILE UX<\/div>\r\n      <div class=\"seo-tag t3\">INTERNAL LINKS<\/div>\r\n      <div class=\"seo-tag t4\">CLEAR STRUCTURE<\/div>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       PROCESS \u2014 NUMBER LADDER\r\n       ===================================================== -->\r\n  <section class=\"mu-section mu-line\">\r\n\r\n    <div class=\"mu-section-heading\">\r\n      <span class=\"mu-label\">WEB DEVELOPMENT PROCESS<\/span>\r\n      <h2>A clear project structure from first discussion to launch.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"mu-ladder\">\r\n\r\n      <article>\r\n        <div class=\"ladder-no\">01<\/div>\r\n        <div>\r\n          <h3>Business & Customer Discovery<\/h3>\r\n          <p>Understand goals, audience, existing problems, competitors and requirements.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article>\r\n        <div class=\"ladder-no\">02<\/div>\r\n        <div>\r\n          <h3>Website Architecture<\/h3>\r\n          <p>Plan pages, navigation, content priorities, conversion paths and functions.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article>\r\n        <div class=\"ladder-no\">03<\/div>\r\n        <div>\r\n          <h3>Creative Direction<\/h3>\r\n          <p>Develop typography, visual hierarchy, responsive layouts and image direction.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article>\r\n        <div class=\"ladder-no\">04<\/div>\r\n        <div>\r\n          <h3>Development & Integration<\/h3>\r\n          <p>Build the CMS, forms, ecommerce, custom functions and required integrations.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n      <article>\r\n        <div class=\"ladder-no\">05<\/div>\r\n        <div>\r\n          <h3>Testing, Launch & Support<\/h3>\r\n          <p>Review important journeys, launch the site and continue with future improvements.<\/p>\r\n        <\/div>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       FAQ\r\n       ===================================================== -->\r\n  <section class=\"mu-faq-section mu-line\">\r\n\r\n    <div class=\"mu-faq-title\">\r\n      <span class=\"mu-label\">WEB DESIGN MUAR FAQ<\/span>\r\n\r\n      <h2>Questions Muar businesses often ask before starting a website.<\/h2>\r\n\r\n      <a href=\"\/web-design-faq\/\" class=\"mu-link\">View complete Web Design FAQ \u2197<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"mu-faq\">\r\n\r\n      <details>\r\n        <summary>\r\n          <span>01<\/span>\r\n          <strong>How much does web design cost in Muar?<\/strong>\r\n          <i>+<\/i>\r\n        <\/summary>\r\n        <div>\r\n          <p>\r\n            Website cost depends on scope: page types, design customisation, content,\r\n            languages, ecommerce, integrations and custom functions. A professional\r\n            corporate website and a customised B2B ecommerce platform therefore\r\n            require different budgets.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary>\r\n          <span>02<\/span>\r\n          <strong>Can you design websites for Muar manufacturers and exporters?<\/strong>\r\n          <i>+<\/i>\r\n        <\/summary>\r\n        <div>\r\n          <p>\r\n            Yes. Manufacturer websites can be structured around products, capabilities,\r\n            materials, certifications, export markets, company credibility and buyer\r\n            enquiries. The content should match what potential B2B customers actually\r\n            need to evaluate.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary>\r\n          <span>03<\/span>\r\n          <strong>Do you develop ecommerce websites for Muar businesses?<\/strong>\r\n          <i>+<\/i>\r\n        <\/summary>\r\n        <div>\r\n          <p>\r\n            Yes. Ecommerce projects can include products, variants, customer accounts,\r\n            payment, shipping, promotions, orders and integrations. More specialised\r\n            B2B workflows can be scoped separately where required.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary>\r\n          <span>04<\/span>\r\n          <strong>Can SYSCOMM build WordPress and Shopify websites?<\/strong>\r\n          <i>+<\/i>\r\n        <\/summary>\r\n        <div>\r\n          <p>\r\n            Yes. WordPress can suit many corporate and content-led websites, while\r\n            Shopify can suit businesses that prefer a hosted ecommerce platform.\r\n            Platform choice should follow the business requirements.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary>\r\n          <span>05<\/span>\r\n          <strong>Will a new website rank on Google for \u201cweb design\u201d or my products?<\/strong>\r\n          <i>+<\/i>\r\n        <\/summary>\r\n        <div>\r\n          <p>\r\n            A site can be developed with a stronger SEO foundation, but no responsible\r\n            provider can guarantee a particular organic position. Competitive rankings\r\n            normally require ongoing optimisation, content, relevance, authority and\r\n            time.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n      <details>\r\n        <summary>\r\n          <span>06<\/span>\r\n          <strong>Do you provide website maintenance after launch?<\/strong>\r\n          <i>+<\/i>\r\n        <\/summary>\r\n        <div>\r\n          <p>\r\n            Yes. Depending on the agreed scope, ongoing support can include content\r\n            updates, technical troubleshooting, hosting, maintenance, landing pages,\r\n            SEO and future development.\r\n          <\/p>\r\n        <\/div>\r\n      <\/details>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       CTA \u2014 RIVER EXIT\r\n       ===================================================== -->\r\n  <section class=\"mu-cta mu-line\">\r\n\r\n    <div class=\"mu-cta-flow\" aria-hidden=\"true\">\r\n      <div><\/div>\r\n      <span><\/span>\r\n    <\/div>\r\n\r\n    <div class=\"mu-cta-content\">\r\n      <span class=\"mu-label\">START A WEB DESIGN PROJECT IN MUAR<\/span>\r\n\r\n      <h2>Give customers a clearer reason to choose your business.<\/h2>\r\n\r\n      <p>\r\n        Tell us about your company, current website and what you want to achieve\r\n        online. We can recommend a suitable corporate website, ecommerce platform or\r\n        custom development approach.\r\n      <\/p>\r\n\r\n      <a href=\"\/contact\/\" class=\"mu-cta-link\">\r\n        <span>Request a website quotation<\/span>\r\n        <span>\u2197<\/span>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\/* =========================================================\r\n   WEB DESIGN MUAR \u2014 RIVER \/ MANUFACTURING EDITORIAL\r\n   STANDARD WIDE SCREEN = 88.5%\r\n   ========================================================= *\/\r\n\r\n#scm-muar{\r\n  --bg:#fff;\r\n  --text:#0a0a0a;\r\n  --muted:#70706a;\r\n  --line:#d8d8d2;\r\n  --soft:#f4f3ee;\r\n  --dark:#0b0b0b;\r\n\r\n  position:relative!important;\r\n  left:50%!important;\r\n\r\n  width:100vw!important;\r\n  max-width:100vw!important;\r\n\r\n  margin-left:-50vw!important;\r\n  margin-right:0!important;\r\n\r\n  overflow-x:hidden!important;\r\n\r\n  background:#fff!important;\r\n  color:var(--text);\r\n\r\n  font-family:\"Helvetica Neue\",Helvetica,Arial,sans-serif;\r\n}\r\n\r\n#scm-muar *{\r\n  box-sizing:border-box;\r\n  min-width:0;\r\n}\r\n\r\n#scm-muar a{\r\n  color:inherit;\r\n  text-decoration:none;\r\n}\r\n\r\n#scm-muar img{\r\n  display:block;\r\n  width:100%;\r\n  height:100%;\r\n  object-fit:cover;\r\n}\r\n\r\n#scm-muar .mu-hero,\r\n#scm-muar .mu-ribbon,\r\n#scm-muar .mu-section,\r\n#scm-muar .mu-material,\r\n#scm-muar .mu-services,\r\n#scm-muar .mu-export,\r\n#scm-muar .mu-seo,\r\n#scm-muar .mu-faq-section,\r\n#scm-muar .mu-cta{\r\n  width:88.5%!important;\r\n  max-width:none!important;\r\n\r\n  margin-left:auto!important;\r\n  margin-right:auto!important;\r\n}\r\n\r\n#scm-muar .mu-line{\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-muar .mu-label{\r\n  font-size:10px;\r\n  line-height:1.4;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-muar .mu-link{\r\n  display:inline-flex;\r\n  padding-bottom:6px;\r\n\r\n  border-bottom:1px solid currentColor;\r\n\r\n  font-size:10px;\r\n  text-transform:uppercase;\r\n  letter-spacing:.12em;\r\n}\r\n\r\n#scm-muar .mu-link.quiet{\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* ================= HERO ================= *\/\r\n\r\n#scm-muar .mu-hero{\r\n  padding:70px 0 100px;\r\n}\r\n\r\n#scm-muar .mu-topline{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  gap:30px;\r\n\r\n  padding-bottom:18px;\r\n\r\n  border-bottom:1px solid var(--line);\r\n\r\n  font-size:9px;\r\n  line-height:1.4;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-muar .mu-hero-grid{\r\n  display:grid;\r\n  grid-template-columns:.82fr 1.18fr;\r\n  gap:6vw;\r\n  align-items:center;\r\n\r\n  min-height:720px;\r\n}\r\n\r\n#scm-muar h1{\r\n  max-width:820px;\r\n\r\n  margin:0 0 38px;\r\n\r\n  font-size:clamp(56px,6.1vw,100px);\r\n  line-height:.88;\r\n  letter-spacing:-.073em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-muar .mu-hero-copy p{\r\n  max-width:610px;\r\n\r\n  margin:0 0 18px;\r\n\r\n  font-size:14px;\r\n  line-height:1.72;\r\n  color:#44443f;\r\n}\r\n\r\n#scm-muar .mu-hero-copy .mu-lead{\r\n  font-size:16px;\r\n  color:#111;\r\n}\r\n\r\n#scm-muar .mu-actions{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:22px;\r\n\r\n  margin-top:30px;\r\n}\r\n\r\n#scm-muar .mu-river-stage{\r\n  position:relative;\r\n\r\n  min-height:650px;\r\n}\r\n\r\n#scm-muar .mu-river-line{\r\n  position:absolute;\r\n\r\n  left:5%;\r\n  top:46%;\r\n\r\n  width:90%;\r\n  height:110px;\r\n\r\n  border-top:1px solid #bcbcb5;\r\n  border-radius:50% 50% 0 0;\r\n\r\n  transform:rotate(-8deg);\r\n}\r\n\r\n#scm-muar .mu-river-line:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  left:6%;\r\n  top:18px;\r\n\r\n  width:87%;\r\n  height:85px;\r\n\r\n  border-top:1px solid #deded8;\r\n  border-radius:50% 50% 0 0;\r\n}\r\n\r\n#scm-muar .flow-dot{\r\n  position:absolute;\r\n  z-index:3;\r\n\r\n  width:9px;\r\n  height:9px;\r\n\r\n  border-radius:50%;\r\n  background:#111;\r\n}\r\n\r\n#scm-muar .dot-a{left:8%;top:-5px}\r\n#scm-muar .dot-b{left:49%;top:-5px}\r\n#scm-muar .dot-c{right:8%;top:-5px}\r\n\r\n#scm-muar .mu-window{\r\n  position:absolute;\r\n\r\n  margin:0;\r\n\r\n  background:var(--soft);\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n#scm-muar .mu-window img{\r\n  filter:saturate(.62) contrast(.98);\r\n  transition:transform .8s ease,filter .8s ease;\r\n}\r\n\r\n#scm-muar .mu-window:hover img{\r\n  transform:scale(1.03);\r\n  filter:saturate(.84);\r\n}\r\n\r\n#scm-muar .win-a{\r\n  left:0;\r\n  top:55px;\r\n\r\n  width:61%;\r\n  height:400px;\r\n}\r\n\r\n#scm-muar .win-b{\r\n  right:0;\r\n  bottom:20px;\r\n\r\n  width:44%;\r\n  height:350px;\r\n\r\n  border:12px solid #fff;\r\n}\r\n\r\n#scm-muar .mu-window figcaption{\r\n  position:absolute;\r\n\r\n  left:12px;\r\n  bottom:10px;\r\n\r\n  padding:6px 8px;\r\n\r\n  background:rgba(255,255,255,.9);\r\n\r\n  font-size:8px;\r\n  letter-spacing:.1em;\r\n}\r\n\r\n#scm-muar .mu-stage-note{\r\n  position:absolute;\r\n\r\n  left:10%;\r\n  bottom:45px;\r\n\r\n  width:42%;\r\n\r\n  padding:20px;\r\n\r\n  background:#0b0b0b;\r\n  color:#fff;\r\n}\r\n\r\n#scm-muar .mu-stage-note span{\r\n  display:block;\r\n\r\n  margin-bottom:13px;\r\n\r\n  font-size:8px;\r\n  letter-spacing:.12em;\r\n  color:#aaa;\r\n}\r\n\r\n#scm-muar .mu-stage-note strong{\r\n  display:block;\r\n\r\n  font-size:24px;\r\n  line-height:1.04;\r\n  letter-spacing:-.04em;\r\n  font-weight:400;\r\n}\r\n\r\n\r\n\/* ================= RIBBON ================= *\/\r\n\r\n#scm-muar .mu-ribbon{\r\n  padding:17px 0;\r\n\r\n  overflow:hidden;\r\n  white-space:nowrap;\r\n}\r\n\r\n#scm-muar .mu-ribbon-track{\r\n  display:inline-flex;\r\n  gap:44px;\r\n\r\n  min-width:max-content;\r\n\r\n  animation:muRibbon 30s linear infinite;\r\n}\r\n\r\n#scm-muar .mu-ribbon-track span{\r\n  font-size:10px;\r\n  letter-spacing:.13em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n#scm-muar .mu-ribbon-track span:after{\r\n  content:\"\uff0f\";\r\n  margin-left:44px;\r\n  color:#aaa;\r\n}\r\n\r\n@keyframes muRibbon{\r\n  from{transform:translateX(0)}\r\n  to{transform:translateX(-40%)}\r\n}\r\n\r\n\r\n\/* ================= GENERIC SECTION ================= *\/\r\n\r\n#scm-muar .mu-section{\r\n  padding:100px 0 115px;\r\n}\r\n\r\n#scm-muar .mu-section-heading{\r\n  display:grid;\r\n  grid-template-columns:210px minmax(0,1fr);\r\n  gap:48px;\r\n\r\n  margin-bottom:55px;\r\n}\r\n\r\n#scm-muar .mu-section-heading h2{\r\n  max-width:1050px;\r\n\r\n  margin:0;\r\n\r\n  font-size:clamp(43px,5vw,78px);\r\n  line-height:.93;\r\n  letter-spacing:-.065em;\r\n  font-weight:400;\r\n}\r\n\r\n\r\n\/* ================= LAYERS ================= *\/\r\n\r\n#scm-muar .mu-layers{\r\n  display:grid;\r\n  grid-template-columns:1.15fr .9fr .95fr;\r\n\r\n  border-top:1px solid var(--line);\r\n  border-left:1px solid var(--line);\r\n}\r\n\r\n#scm-muar .mu-layer{\r\n  min-height:440px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  padding:28px;\r\n\r\n  border-right:1px solid var(--line);\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n#scm-muar .mu-layer>span{\r\n  font-size:9px;\r\n  letter-spacing:.1em;\r\n  text-transform:uppercase;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-muar .mu-layer h3{\r\n  max-width:450px;\r\n\r\n  margin:auto 0 22px;\r\n\r\n  font-size:34px;\r\n  line-height:1;\r\n  letter-spacing:-.052em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-muar .mu-layer p{\r\n  max-width:440px;\r\n\r\n  margin:0;\r\n\r\n  font-size:13px;\r\n  line-height:1.7;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-muar .layer-dark,\r\n#scm-muar .layer-dark *{\r\n  background:#0b0b0b;\r\n  color:#fff!important;\r\n  -webkit-text-fill-color:#fff!important;\r\n}\r\n\r\n#scm-muar .layer-dark>span,\r\n#scm-muar .layer-dark p{\r\n  color:#bbb!important;\r\n  -webkit-text-fill-color:#bbb!important;\r\n}\r\n\r\n#scm-muar .layer-soft{\r\n  background:#f5f5f1;\r\n}\r\n\r\n\r\n\/* ================= MATERIAL ================= *\/\r\n\r\n#scm-muar .mu-material{\r\n  display:grid;\r\n  grid-template-columns:.75fr 1.25fr;\r\n  gap:7vw;\r\n  align-items:center;\r\n\r\n  padding:105px 0 120px;\r\n}\r\n\r\n#scm-muar .mu-material-copy h2{\r\n  margin:25px 0;\r\n\r\n  font-size:clamp(43px,4.8vw,74px);\r\n  line-height:.93;\r\n  letter-spacing:-.064em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-muar .mu-material-copy p{\r\n  max-width:600px;\r\n\r\n  margin:0 0 18px;\r\n\r\n  font-size:14px;\r\n  line-height:1.72;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-muar .mu-material-board{\r\n  position:relative;\r\n\r\n  min-height:670px;\r\n\r\n  background:#f3f3ef;\r\n}\r\n\r\n#scm-muar .mu-swatch{\r\n  position:absolute;\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n#scm-muar .mu-swatch img{\r\n  filter:saturate(.62);\r\n  transition:transform .75s ease;\r\n}\r\n\r\n#scm-muar .mu-swatch:hover img{\r\n  transform:scale(1.025);\r\n}\r\n\r\n#scm-muar .swatch-a{\r\n  left:5%;\r\n  top:5%;\r\n\r\n  width:56%;\r\n  height:390px;\r\n}\r\n\r\n#scm-muar .swatch-b{\r\n  right:5%;\r\n  bottom:5%;\r\n\r\n  width:46%;\r\n  height:360px;\r\n}\r\n\r\n#scm-muar .swatch-c{\r\n  left:8%;\r\n  bottom:7%;\r\n\r\n  width:34%;\r\n  height:210px;\r\n\r\n  background:#0b0b0b;\r\n}\r\n\r\n#scm-muar .mu-swatch>span{\r\n  position:absolute;\r\n\r\n  left:10px;\r\n  bottom:9px;\r\n\r\n  padding:5px 7px;\r\n\r\n  background:rgba(255,255,255,.9);\r\n\r\n  font-size:8px;\r\n  letter-spacing:.1em;\r\n}\r\n\r\n#scm-muar .swatch-c>span{\r\n  color:#fff;\r\n  background:#0b0b0b;\r\n}\r\n\r\n#scm-muar .mu-grid-art{\r\n  width:100%;\r\n  height:100%;\r\n\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n}\r\n\r\n#scm-muar .mu-grid-art i{\r\n  border-right:1px solid #444;\r\n  border-bottom:1px solid #444;\r\n}\r\n\r\n\r\n\/* ================= BUYER PATH ================= *\/\r\n\r\n#scm-muar .mu-buyer-path{\r\n  position:relative;\r\n\r\n  max-width:1100px;\r\n  margin:auto;\r\n\r\n  padding:20px 0;\r\n}\r\n\r\n#scm-muar .mu-path-spine{\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:0;\r\n  bottom:0;\r\n\r\n  width:1px;\r\n\r\n  background:var(--line);\r\n}\r\n\r\n#scm-muar .mu-buyer-path article{\r\n  position:relative;\r\n\r\n  width:45%;\r\n\r\n  min-height:180px;\r\n\r\n  padding:25px;\r\n\r\n  border:1px solid var(--line);\r\n\r\n  background:#fff;\r\n\r\n  margin-bottom:30px;\r\n\r\n  transition:transform .35s ease,background .35s ease;\r\n}\r\n\r\n#scm-muar .mu-buyer-path article:hover{\r\n  transform:translateY(-5px);\r\n  background:#fafaf7;\r\n}\r\n\r\n#scm-muar .path-left{\r\n  margin-right:auto;\r\n}\r\n\r\n#scm-muar .path-right{\r\n  margin-left:auto;\r\n}\r\n\r\n#scm-muar .mu-buyer-path article:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  top:50%;\r\n\r\n  width:calc(11.1% + 2px);\r\n  height:1px;\r\n\r\n  background:var(--line);\r\n}\r\n\r\n#scm-muar .path-left:after{\r\n  left:100%;\r\n}\r\n\r\n#scm-muar .path-right:after{\r\n  right:100%;\r\n}\r\n\r\n#scm-muar .mu-buyer-path article>span{\r\n  font-size:9px;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-muar .mu-buyer-path h3{\r\n  margin:42px 0 13px;\r\n\r\n  font-size:29px;\r\n  line-height:1;\r\n  letter-spacing:-.045em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-muar .mu-buyer-path p{\r\n  margin:0;\r\n\r\n  font-size:13px;\r\n  line-height:1.65;\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* ================= SERVICES ================= *\/\r\n\r\n#scm-muar .mu-services{\r\n  display:grid;\r\n  grid-template-columns:.7fr 1.3fr;\r\n  gap:7vw;\r\n\r\n  padding:105px 0 120px;\r\n}\r\n\r\n#scm-muar .mu-services-title h2{\r\n  margin:25px 0 0;\r\n\r\n  font-size:clamp(43px,4.8vw,74px);\r\n  line-height:.93;\r\n  letter-spacing:-.064em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-muar .mu-service-stack{\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-muar .mu-service-row{\r\n  display:grid;\r\n  grid-template-columns:45px .85fr 1.15fr 25px;\r\n  gap:22px;\r\n  align-items:center;\r\n\r\n  min-height:155px;\r\n\r\n  padding:18px 0;\r\n\r\n  border-bottom:1px solid var(--line);\r\n\r\n  transition:padding-left .3s ease;\r\n}\r\n\r\n#scm-muar .mu-service-row:hover{\r\n  padding-left:10px;\r\n}\r\n\r\n#scm-muar .mu-num{\r\n  font-size:9px;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-muar .mu-service-name small{\r\n  font-size:8px;\r\n  letter-spacing:.1em;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-muar .mu-service-name h3{\r\n  margin:10px 0 0;\r\n\r\n  font-size:26px;\r\n  line-height:1;\r\n  letter-spacing:-.045em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-muar .mu-service-row p{\r\n  margin:0;\r\n\r\n  font-size:12px;\r\n  line-height:1.65;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-muar .mu-service-row i{\r\n  font-style:normal;\r\n  font-size:17px;\r\n}\r\n\r\n\r\n\/* ================= EXPORT BLACK ================= *\/\r\n\r\n#scm-muar .mu-export{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n\r\n  background:#0b0b0b;\r\n}\r\n\r\n#scm-muar .mu-export-title,\r\n#scm-muar .mu-export-list{\r\n  min-height:620px;\r\n\r\n  padding:70px 5vw;\r\n}\r\n\r\n#scm-muar .mu-export-title{\r\n  border-right:1px solid #333;\r\n}\r\n\r\n#scm-muar .mu-export-title,\r\n#scm-muar .mu-export-title *,\r\n#scm-muar .mu-export-list,\r\n#scm-muar .mu-export-list *{\r\n  color:#fff!important;\r\n  -webkit-text-fill-color:#fff!important;\r\n}\r\n\r\n#scm-muar .mu-export-title>span{\r\n  display:block;\r\n\r\n  font-size:9px;\r\n  letter-spacing:.12em;\r\n  color:#aaa!important;\r\n  -webkit-text-fill-color:#aaa!important;\r\n}\r\n\r\n#scm-muar .mu-export-title h2{\r\n  max-width:750px;\r\n\r\n  margin:30px 0 0;\r\n\r\n  font-size:clamp(44px,5vw,78px);\r\n  line-height:.91;\r\n  letter-spacing:-.067em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-muar .mu-export-list{\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n}\r\n\r\n#scm-muar .mu-export-list div{\r\n  display:grid;\r\n  grid-template-columns:45px minmax(0,1fr);\r\n\r\n  padding:17px 0;\r\n\r\n  border-bottom:1px solid #333;\r\n}\r\n\r\n#scm-muar .mu-export-list div:first-child{\r\n  border-top:1px solid #333;\r\n}\r\n\r\n#scm-muar .mu-export-list span{\r\n  font-size:9px;\r\n  color:#aaa!important;\r\n  -webkit-text-fill-color:#aaa!important;\r\n}\r\n\r\n#scm-muar .mu-export-list strong{\r\n  font-size:20px;\r\n  line-height:1.2;\r\n  letter-spacing:-.03em;\r\n  font-weight:400;\r\n}\r\n\r\n\r\n\/* ================= NETWORK ================= *\/\r\n\r\n#scm-muar .mu-network{\r\n  display:grid;\r\n  grid-template-columns:.75fr 1.25fr;\r\n  gap:7vw;\r\n  align-items:center;\r\n}\r\n\r\n#scm-muar .mu-network-intro h2{\r\n  margin:25px 0;\r\n\r\n  font-size:clamp(43px,4.8vw,73px);\r\n  line-height:.93;\r\n  letter-spacing:-.064em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-muar .mu-network-intro p{\r\n  max-width:590px;\r\n\r\n  margin:0;\r\n\r\n  font-size:14px;\r\n  line-height:1.72;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-muar .mu-network-map{\r\n  position:relative;\r\n\r\n  min-height:550px;\r\n\r\n  border:1px solid var(--line);\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n#scm-muar .network-line{\r\n  position:absolute;\r\n\r\n  height:1px;\r\n\r\n  background:var(--line);\r\n}\r\n\r\n#scm-muar .line-1{\r\n  width:75%;\r\n\r\n  left:12%;\r\n  top:50%;\r\n\r\n  transform:rotate(-20deg);\r\n}\r\n\r\n#scm-muar .line-2{\r\n  width:70%;\r\n\r\n  left:15%;\r\n  top:51%;\r\n\r\n  transform:rotate(24deg);\r\n}\r\n\r\n#scm-muar .line-3{\r\n  width:55%;\r\n\r\n  left:22%;\r\n  top:50%;\r\n\r\n  transform:rotate(2deg);\r\n}\r\n\r\n#scm-muar .network-node{\r\n  position:absolute;\r\n\r\n  width:100px;\r\n  height:100px;\r\n\r\n  display:grid;\r\n  place-items:center;\r\n\r\n  border:1px solid var(--line);\r\n  border-radius:50%;\r\n\r\n  background:#fff;\r\n\r\n  transition:background .3s ease,color .3s ease,transform .3s ease;\r\n}\r\n\r\n#scm-muar .network-node:hover{\r\n  background:#0b0b0b;\r\n  color:#fff;\r\n  transform:scale(1.05);\r\n}\r\n\r\n#scm-muar .network-node span{\r\n  font-size:9px;\r\n  text-align:center;\r\n  letter-spacing:.08em;\r\n}\r\n\r\n#scm-muar .network-node.main{\r\n  left:50%;\r\n  top:50%;\r\n\r\n  width:135px;\r\n  height:135px;\r\n\r\n  transform:translate(-50%,-50%);\r\n\r\n  background:#0b0b0b;\r\n  color:#fff;\r\n}\r\n\r\n#scm-muar .network-node.main:hover{\r\n  transform:translate(-50%,-50%) scale(1.05);\r\n}\r\n\r\n#scm-muar .bakri{left:8%;top:15%}\r\n#scm-muar .parit{left:10%;bottom:12%}\r\n#scm-muar .pagoh{right:10%;top:12%}\r\n#scm-muar .johor{right:8%;bottom:15%}\r\n#scm-muar .jb{right:30%;bottom:3%}\r\n\r\n\r\n\/* ================= SEO ================= *\/\r\n\r\n#scm-muar .mu-seo{\r\n  display:grid;\r\n  grid-template-columns:.9fr 1.1fr;\r\n\r\n  background:#0b0b0b;\r\n}\r\n\r\n#scm-muar .mu-seo-copy,\r\n#scm-muar .mu-seo-visual{\r\n  min-height:620px;\r\n}\r\n\r\n#scm-muar .mu-seo-copy{\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n\r\n  padding:70px 5vw;\r\n\r\n  border-right:1px solid #333;\r\n}\r\n\r\n#scm-muar .mu-seo-copy,\r\n#scm-muar .mu-seo-copy *,\r\n#scm-muar .mu-seo-visual,\r\n#scm-muar .mu-seo-visual *{\r\n  color:#fff!important;\r\n  -webkit-text-fill-color:#fff!important;\r\n}\r\n\r\n#scm-muar .mu-seo-copy>span{\r\n  font-size:9px;\r\n  letter-spacing:.12em;\r\n  color:#aaa!important;\r\n  -webkit-text-fill-color:#aaa!important;\r\n}\r\n\r\n#scm-muar .mu-seo-copy h2{\r\n  max-width:700px;\r\n\r\n  margin:28px 0 28px;\r\n\r\n  font-size:clamp(44px,5vw,77px);\r\n  line-height:.91;\r\n  letter-spacing:-.067em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-muar .mu-seo-copy p{\r\n  max-width:620px;\r\n\r\n  margin:0 0 18px;\r\n\r\n  font-size:13px;\r\n  line-height:1.72;\r\n\r\n  color:#c5c5bf!important;\r\n  -webkit-text-fill-color:#c5c5bf!important;\r\n}\r\n\r\n#scm-muar .mu-dark-link{\r\n  align-self:flex-start;\r\n\r\n  margin-top:18px;\r\n  padding-bottom:6px;\r\n\r\n  border-bottom:1px solid #fff;\r\n\r\n  font-size:9px;\r\n  text-transform:uppercase;\r\n  letter-spacing:.12em;\r\n}\r\n\r\n#scm-muar .mu-seo-visual{\r\n  position:relative;\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n#scm-muar .seo-ring{\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  border:1px solid #383838;\r\n  border-radius:50%;\r\n\r\n  transform:translate(-50%,-50%);\r\n}\r\n\r\n#scm-muar .ring-one{width:220px;height:220px}\r\n#scm-muar .ring-two{width:390px;height:390px}\r\n#scm-muar .ring-three{width:570px;height:570px}\r\n\r\n#scm-muar .seo-center{\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  width:140px;\r\n  height:140px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  align-items:center;\r\n\r\n  transform:translate(-50%,-50%);\r\n\r\n  border-radius:50%;\r\n\r\n  background:#fff;\r\n}\r\n\r\n#scm-muar .seo-center strong,\r\n#scm-muar .seo-center span{\r\n  color:#0b0b0b!important;\r\n  -webkit-text-fill-color:#0b0b0b!important;\r\n}\r\n\r\n#scm-muar .seo-center strong{\r\n  font-size:18px;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-muar .seo-center span{\r\n  margin-top:6px;\r\n\r\n  max-width:105px;\r\n\r\n  font-size:7px;\r\n  text-align:center;\r\n}\r\n\r\n#scm-muar .seo-tag{\r\n  position:absolute;\r\n\r\n  padding:9px 12px;\r\n\r\n  border:1px solid #3d3d3d;\r\n\r\n  font-size:8px;\r\n  letter-spacing:.08em;\r\n}\r\n\r\n#scm-muar .t1{left:9%;top:15%}\r\n#scm-muar .t2{right:11%;top:20%}\r\n#scm-muar .t3{left:8%;bottom:17%}\r\n#scm-muar .t4{right:8%;bottom:15%}\r\n\r\n\r\n\/* ================= LADDER ================= *\/\r\n\r\n#scm-muar .mu-ladder{\r\n  width:80%;\r\n  margin-left:auto;\r\n\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-muar .mu-ladder article{\r\n  display:grid;\r\n  grid-template-columns:110px minmax(0,1fr);\r\n\r\n  min-height:170px;\r\n\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n#scm-muar .ladder-no{\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  border-right:1px solid var(--line);\r\n\r\n  font-size:48px;\r\n  letter-spacing:-.06em;\r\n  color:#ddd;\r\n}\r\n\r\n#scm-muar .mu-ladder article>div:last-child{\r\n  display:grid;\r\n  grid-template-columns:.8fr 1.2fr;\r\n  gap:40px;\r\n  align-items:center;\r\n\r\n  padding-left:35px;\r\n}\r\n\r\n#scm-muar .mu-ladder h3{\r\n  margin:0;\r\n\r\n  font-size:28px;\r\n  line-height:1;\r\n  letter-spacing:-.045em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-muar .mu-ladder p{\r\n  max-width:570px;\r\n\r\n  margin:0;\r\n\r\n  font-size:13px;\r\n  line-height:1.65;\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* ================= FAQ ================= *\/\r\n\r\n#scm-muar .mu-faq-section{\r\n  display:grid;\r\n  grid-template-columns:.7fr 1.3fr;\r\n  gap:7vw;\r\n\r\n  padding:105px 0 120px;\r\n}\r\n\r\n#scm-muar .mu-faq-title{\r\n  position:sticky;\r\n  top:110px;\r\n  align-self:start;\r\n}\r\n\r\n#scm-muar .mu-faq-title h2{\r\n  margin:25px 0 27px;\r\n\r\n  font-size:clamp(42px,4.7vw,71px);\r\n  line-height:.93;\r\n  letter-spacing:-.063em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-muar .mu-faq{\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-muar .mu-faq details{\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n#scm-muar .mu-faq summary{\r\n  list-style:none;\r\n  cursor:pointer;\r\n\r\n  display:grid;\r\n  grid-template-columns:45px minmax(0,1fr) 25px;\r\n\r\n  align-items:center;\r\n\r\n  min-height:86px;\r\n}\r\n\r\n#scm-muar .mu-faq summary::-webkit-details-marker{\r\n  display:none;\r\n}\r\n\r\n#scm-muar .mu-faq summary>span{\r\n  font-size:9px;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-muar .mu-faq summary strong{\r\n  font-size:20px;\r\n  line-height:1.2;\r\n  letter-spacing:-.03em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-muar .mu-faq summary i{\r\n  justify-self:end;\r\n\r\n  font-style:normal;\r\n  font-size:22px;\r\n\r\n  transition:transform .25s ease;\r\n}\r\n\r\n#scm-muar .mu-faq details[open] summary i{\r\n  transform:rotate(45deg);\r\n}\r\n\r\n#scm-muar .mu-faq details>div{\r\n  max-width:850px;\r\n\r\n  margin-left:45px;\r\n  padding:0 0 27px;\r\n}\r\n\r\n#scm-muar .mu-faq p{\r\n  margin:0;\r\n\r\n  font-size:13px;\r\n  line-height:1.7;\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* ================= CTA ================= *\/\r\n\r\n#scm-muar .mu-cta{\r\n  position:relative;\r\n\r\n  min-height:650px;\r\n\r\n  display:grid;\r\n  grid-template-columns:.85fr 1.15fr;\r\n  align-items:center;\r\n\r\n  padding:90px 0 110px;\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n#scm-muar .mu-cta-flow{\r\n  position:relative;\r\n\r\n  height:430px;\r\n}\r\n\r\n#scm-muar .mu-cta-flow>div{\r\n  position:absolute;\r\n\r\n  left:-15%;\r\n  top:38%;\r\n\r\n  width:125%;\r\n  height:180px;\r\n\r\n  border-top:2px solid #e5e5df;\r\n  border-radius:50%;\r\n\r\n  transform:rotate(-12deg);\r\n}\r\n\r\n#scm-muar .mu-cta-flow>span{\r\n  position:absolute;\r\n\r\n  right:15%;\r\n  top:35%;\r\n\r\n  width:22px;\r\n  height:22px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:#111;\r\n}\r\n\r\n#scm-muar .mu-cta-content{\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n#scm-muar .mu-cta-content h2{\r\n  max-width:950px;\r\n\r\n  margin:25px 0;\r\n\r\n  font-size:clamp(50px,5.8vw,90px);\r\n  line-height:.9;\r\n  letter-spacing:-.07em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-muar .mu-cta-content p{\r\n  max-width:650px;\r\n\r\n  margin:0 0 35px;\r\n\r\n  font-size:14px;\r\n  line-height:1.72;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-muar .mu-cta-link{\r\n  display:flex;\r\n  justify-content:space-between;\r\n\r\n  max-width:650px;\r\n\r\n  padding:18px 0;\r\n\r\n  border-top:1px solid #111;\r\n  border-bottom:1px solid #111;\r\n\r\n  font-size:10px;\r\n  text-transform:uppercase;\r\n  letter-spacing:.12em;\r\n}\r\n\r\n\r\n\/* ================= MOTION ================= *\/\r\n\r\n@media(prefers-reduced-motion:no-preference){\r\n\r\n  #scm-muar .flow-dot{\r\n    animation:muDot 4.2s ease-in-out infinite alternate;\r\n  }\r\n\r\n  #scm-muar .dot-b{animation-delay:.7s}\r\n  #scm-muar .dot-c{animation-delay:1.4s}\r\n\r\n  #scm-muar .seo-ring.ring-one{\r\n    animation:muPulse 4s ease-in-out infinite alternate;\r\n  }\r\n\r\n  #scm-muar .seo-ring.ring-two{\r\n    animation:muPulse 5.5s ease-in-out infinite alternate-reverse;\r\n  }\r\n\r\n}\r\n\r\n@keyframes muDot{\r\n  to{transform:translateX(12px) scale(1.15)}\r\n}\r\n\r\n@keyframes muPulse{\r\n  from{opacity:.35}\r\n  to{opacity:1}\r\n}\r\n\r\n\r\n\/* ================= TABLET ================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n  #scm-muar .mu-hero,\r\n  #scm-muar .mu-ribbon,\r\n  #scm-muar .mu-section,\r\n  #scm-muar .mu-material,\r\n  #scm-muar .mu-services,\r\n  #scm-muar .mu-export,\r\n  #scm-muar .mu-seo,\r\n  #scm-muar .mu-faq-section,\r\n  #scm-muar .mu-cta{\r\n    width:calc(100% - 38px)!important;\r\n  }\r\n\r\n  #scm-muar .mu-hero-grid{\r\n    grid-template-columns:1fr;\r\n    gap:50px;\r\n  }\r\n\r\n  #scm-muar .mu-river-stage{\r\n    min-height:620px;\r\n  }\r\n\r\n  #scm-muar .mu-material{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #scm-muar .mu-services{\r\n    grid-template-columns:.6fr 1.4fr;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ================= MOBILE ================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n  #scm-muar{\r\n    left:auto!important;\r\n\r\n    width:100%!important;\r\n    max-width:100%!important;\r\n\r\n    margin-left:0!important;\r\n  }\r\n\r\n  #scm-muar .mu-hero,\r\n  #scm-muar .mu-ribbon,\r\n  #scm-muar .mu-section,\r\n  #scm-muar .mu-material,\r\n  #scm-muar .mu-services,\r\n  #scm-muar .mu-export,\r\n  #scm-muar .mu-seo,\r\n  #scm-muar .mu-faq-section,\r\n  #scm-muar .mu-cta{\r\n    width:calc(100% - 26px)!important;\r\n  }\r\n\r\n  #scm-muar .mu-hero{\r\n    padding:50px 0 70px;\r\n  }\r\n\r\n  #scm-muar .mu-topline{\r\n    display:block;\r\n  }\r\n\r\n  #scm-muar .mu-topline span{\r\n    display:block;\r\n    margin-bottom:8px;\r\n  }\r\n\r\n  #scm-muar h1{\r\n    font-size:clamp(50px,14vw,73px);\r\n  }\r\n\r\n  #scm-muar .mu-river-stage{\r\n    min-height:500px;\r\n  }\r\n\r\n  #scm-muar .win-a{\r\n    width:82%;\r\n    height:330px;\r\n  }\r\n\r\n  #scm-muar .win-b{\r\n    width:54%;\r\n    height:250px;\r\n  }\r\n\r\n  #scm-muar .mu-stage-note{\r\n    left:0;\r\n    bottom:5px;\r\n    width:62%;\r\n  }\r\n\r\n  #scm-muar .mu-section{\r\n    padding:70px 0 82px;\r\n  }\r\n\r\n  #scm-muar .mu-section-heading{\r\n    grid-template-columns:1fr;\r\n    gap:25px;\r\n  }\r\n\r\n  #scm-muar .mu-section-heading h2{\r\n    font-size:clamp(42px,12vw,61px);\r\n  }\r\n\r\n  #scm-muar .mu-layers{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #scm-muar .mu-layer{\r\n    min-height:330px;\r\n  }\r\n\r\n  #scm-muar .mu-material{\r\n    gap:45px;\r\n\r\n    padding:75px 0 85px;\r\n  }\r\n\r\n  #scm-muar .mu-material-board{\r\n    min-height:520px;\r\n  }\r\n\r\n  #scm-muar .swatch-a{\r\n    width:76%;\r\n    height:310px;\r\n  }\r\n\r\n  #scm-muar .swatch-b{\r\n    width:58%;\r\n    height:260px;\r\n  }\r\n\r\n  #scm-muar .swatch-c{\r\n    width:45%;\r\n    height:160px;\r\n  }\r\n\r\n  #scm-muar .mu-path-spine{\r\n    left:15px;\r\n  }\r\n\r\n  #scm-muar .mu-buyer-path article,\r\n  #scm-muar .path-left,\r\n  #scm-muar .path-right{\r\n    width:calc(100% - 45px);\r\n\r\n    margin-left:45px;\r\n    margin-right:0;\r\n  }\r\n\r\n  #scm-muar .mu-buyer-path article:after{\r\n    left:auto;\r\n    right:100%;\r\n\r\n    width:30px;\r\n  }\r\n\r\n  #scm-muar .mu-services,\r\n  #scm-muar .mu-export,\r\n  #scm-muar .mu-network,\r\n  #scm-muar .mu-seo,\r\n  #scm-muar .mu-faq-section,\r\n  #scm-muar .mu-cta{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #scm-muar .mu-services{\r\n    gap:45px;\r\n\r\n    padding:75px 0 85px;\r\n  }\r\n\r\n  #scm-muar .mu-service-row{\r\n    grid-template-columns:30px minmax(0,1fr) 20px;\r\n\r\n    min-height:135px;\r\n  }\r\n\r\n  #scm-muar .mu-service-row p{\r\n    display:none;\r\n  }\r\n\r\n  #scm-muar .mu-service-row i{\r\n    grid-column:3;\r\n    grid-row:1;\r\n  }\r\n\r\n  #scm-muar .mu-export-title,\r\n  #scm-muar .mu-export-list,\r\n  #scm-muar .mu-seo-copy,\r\n  #scm-muar .mu-seo-visual{\r\n    min-height:auto;\r\n\r\n    padding:60px 28px;\r\n  }\r\n\r\n  #scm-muar .mu-export-title{\r\n    border-right:0;\r\n    border-bottom:1px solid #333;\r\n  }\r\n\r\n  #scm-muar .mu-network{\r\n    gap:50px;\r\n  }\r\n\r\n  #scm-muar .mu-network-map{\r\n    min-height:500px;\r\n  }\r\n\r\n  #scm-muar .network-node{\r\n    width:76px;\r\n    height:76px;\r\n  }\r\n\r\n  #scm-muar .network-node.main{\r\n    width:105px;\r\n    height:105px;\r\n  }\r\n\r\n  #scm-muar .mu-seo-copy{\r\n    border-right:0;\r\n    border-bottom:1px solid #333;\r\n  }\r\n\r\n  #scm-muar .mu-seo-visual{\r\n    min-height:520px;\r\n  }\r\n\r\n  #scm-muar .ring-three{\r\n    width:440px;\r\n    height:440px;\r\n  }\r\n\r\n  #scm-muar .mu-ladder{\r\n    width:100%;\r\n  }\r\n\r\n  #scm-muar .mu-ladder article{\r\n    grid-template-columns:65px minmax(0,1fr);\r\n  }\r\n\r\n  #scm-muar .ladder-no{\r\n    font-size:30px;\r\n  }\r\n\r\n  #scm-muar .mu-ladder article>div:last-child{\r\n    grid-template-columns:1fr;\r\n    gap:15px;\r\n\r\n    padding:22px;\r\n  }\r\n\r\n  #scm-muar .mu-faq-section{\r\n    gap:50px;\r\n\r\n    padding:75px 0 85px;\r\n  }\r\n\r\n  #scm-muar .mu-faq-title{\r\n    position:static;\r\n  }\r\n\r\n  #scm-muar .mu-cta{\r\n    min-height:auto;\r\n\r\n    padding:80px 0 90px;\r\n  }\r\n\r\n  #scm-muar .mu-cta-flow{\r\n    position:absolute;\r\n\r\n    left:0;\r\n    top:20px;\r\n\r\n    width:100%;\r\n    height:250px;\r\n\r\n    opacity:.7;\r\n  }\r\n\r\n  #scm-muar .mu-cta-content{\r\n    padding-top:150px;\r\n  }\r\n\r\n  #scm-muar .mu-cta-content h2{\r\n    font-size:clamp(48px,14vw,70px);\r\n  }\r\n\r\n}\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  #scm-muar .mu-ribbon-track,\r\n  #scm-muar .flow-dot,\r\n  #scm-muar .seo-ring{\r\n    animation:none!important;\r\n  }\r\n\r\n}\r\n\r\n\/* ASSET POLICY:\r\n   - Photos: Unsplash\r\n   - Icons \/ diagrams: original CSS \/ text symbols\r\n   - No external icon library dependency\r\n*\/\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var root=document.getElementById('scm-muar');\r\n  if(!root) return;\r\n\r\n  root.querySelectorAll('.mu-faq details').forEach(function(item){\r\n    item.addEventListener('toggle',function(){\r\n      if(!item.open) return;\r\n\r\n      root.querySelectorAll('.mu-faq details').forEach(function(other){\r\n        if(other!==item) other.open=false;\r\n      });\r\n    });\r\n  });\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WEB DESIGN MUAR \/ JOHOR MANUFACTURING \u00b7 SME \u00b7 ECOMMERCE \u00b7 B2B Professional Web Design in Muar for Businesses With Bigger Ambitions. SYSCOMM designs professional websites for Muar businesses that need to present their company clearly, support sales enquiries, reach new markets or manage ecommerce more effectively. From manufacturers and exporters to SMEs, retailers and [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7426","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/pages\/7426","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/comments?post=7426"}],"version-history":[{"count":24,"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/pages\/7426\/revisions"}],"predecessor-version":[{"id":8448,"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/pages\/7426\/revisions\/8448"}],"wp:attachment":[{"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/media?parent=7426"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}