{"id":7615,"date":"2026-04-29T16:22:17","date_gmt":"2026-04-29T08:22:17","guid":{"rendered":"https:\/\/syscomm.com.my\/?page_id=7615"},"modified":"2026-08-18T16:33:01","modified_gmt":"2026-08-18T08:33:01","slug":"web-design-johor-bahru","status":"publish","type":"page","link":"https:\/\/syscomm.com.my\/ms\/web-design-johor-bahru\/","title":{"rendered":"Reka Bentuk Web Profesional Johor Bahru (JB)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7615\" class=\"elementor elementor-7615\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6195c3 e-flex e-con-boxed e-con e-parent\" data-id=\"f6195c3\" 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-4020da9 elementor-widget elementor-widget-html\" data-id=\"4020da9\" 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\nSYSCOMM \u2014 WEB DESIGN JOHOR BAHRU (JB)\r\nUNIQUE CITY \/ CROSS-BORDER EDITORIAL DESIGN\r\nSTANDARD 88.5% WIDE SCREEN \/ ELEMENTOR SAFE \/ SEO-FRIENDLY\r\n\r\nPaste this entire block into ONE Elementor HTML Widget.\r\n\r\nRecommended Rank Math \/ AIOSEO\r\nSEO Title:\r\nWeb Design Johor Bahru (JB) | Professional Website Design | SYSCOMM\r\n\r\nMeta Description:\r\nProfessional web design in Johor Bahru (JB) by SYSCOMM. Corporate websites, ecommerce, WordPress, Shopify, SEO-friendly development and custom web solutions.\r\n\r\nPrimary focus:\r\nweb design johor bahru\r\n\r\nSecondary topics used naturally:\r\nweb design JB\r\nwebsite design Johor Bahru\r\nweb design company Johor Bahru\r\nweb developer JB\r\ncorporate website JB\r\necommerce website Johor Bahru\r\nWordPress Johor Bahru\r\nShopify Johor Bahru\r\n-->\r\n\r\n<div id=\"scm-jb\">\r\n\r\n  <!-- =====================================================\r\n       HERO \u2014 VERTICAL JB + STAGGERED VISUALS + CONTENT\r\n       ===================================================== -->\r\n  <section class=\"jb-hero\">\r\n\r\n    <div class=\"jb-mark\" aria-hidden=\"true\">\r\n      <span>J<\/span><span>B<\/span>\r\n    <\/div>\r\n\r\n    <div class=\"jb-hero-main\">\r\n\r\n      <div class=\"jb-kicker\">WEB DESIGN JOHOR BAHRU \/ JB \/ MALAYSIA<\/div>\r\n\r\n      <div class=\"jb-hero-grid\">\r\n\r\n        <div class=\"jb-hero-copy\">\r\n          <h1>Professional Web Design in Johor Bahru for Modern Businesses.<\/h1>\r\n\r\n          <p class=\"jb-lead\">\r\n            SYSCOMM creates professional websites for Johor Bahru businesses that need\r\n            to look credible, explain their value clearly and support enquiries,\r\n            ecommerce or more complex digital workflows.\r\n          <\/p>\r\n\r\n          <p>\r\n            From corporate websites and WordPress to Shopify, ecommerce and custom\r\n            development, we plan the website around your customers, business model and\r\n            long-term requirements \u2014 not around a one-size-fits-all template.\r\n          <\/p>\r\n\r\n          <div class=\"jb-actions\">\r\n            <a href=\"\/contact\/\" class=\"jb-link\">Request a quotation \u2197<\/a>\r\n            <a href=\"\/why-choose-syscomm\/\" class=\"jb-link muted\">Why choose SYSCOMM \u2197<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"jb-collage\">\r\n\r\n          <figure class=\"jb-img city\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/images.unsplash.com\/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1400&q=82\"\r\n              alt=\"Modern urban business environment representing Johor Bahru web design\"\r\n              fetchpriority=\"high\">\r\n            <figcaption>JOHOR BAHRU \/ BUSINESS CITY<\/figcaption>\r\n          <\/figure>\r\n\r\n          <figure class=\"jb-img digital\">\r\n            <img decoding=\"async\"\r\n              src=\"https:\/\/images.unsplash.com\/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=1200&q=82\"\r\n              alt=\"Professional website development and coding workspace\">\r\n            <figcaption>DESIGN \/ DEVELOPMENT<\/figcaption>\r\n          <\/figure>\r\n\r\n          <div class=\"jb-collage-note\">\r\n            <span>JB \u2192 MALAYSIA \u2192 SINGAPORE<\/span>\r\n            <strong>Build for the markets that matter.<\/strong>\r\n          <\/div>\r\n\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       SIGNAL STRIP\r\n       ===================================================== -->\r\n  <section class=\"jb-signal jb-line\">\r\n\r\n    <div>\r\n      <span>01<\/span>\r\n      <strong>Corporate Web Design<\/strong>\r\n      <small>Professional company presence<\/small>\r\n    <\/div>\r\n\r\n    <div>\r\n      <span>02<\/span>\r\n      <strong>Ecommerce<\/strong>\r\n      <small>B2C & B2B selling workflows<\/small>\r\n    <\/div>\r\n\r\n    <div>\r\n      <span>03<\/span>\r\n      <strong>SEO-Conscious<\/strong>\r\n      <small>Clear structure for search<\/small>\r\n    <\/div>\r\n\r\n    <div>\r\n      <span>04<\/span>\r\n      <strong>Custom Development<\/strong>\r\n      <small>Integrations & special functions<\/small>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       CUSTOMER REACH ROUTES\r\n       ===================================================== -->\r\n  <section class=\"jb-section jb-line\">\r\n\r\n    <div class=\"jb-section-title\">\r\n      <span class=\"jb-label\">WEB DESIGN FOR A CONNECTED BUSINESS CITY<\/span>\r\n      <h2>Your website may need to speak to more than one market.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"jb-routes\">\r\n\r\n      <article>\r\n        <div class=\"jb-route-line\"><\/div>\r\n        <span>ROUTE 01 \/ LOCAL<\/span>\r\n        <h3>Johor Bahru Customers<\/h3>\r\n        <p>\r\n          For local enquiries, the website should make your service area, contact\r\n          options, expertise and value easy to understand. Customers should not need\r\n          to search through multiple pages just to find out whether you can help them.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article>\r\n        <div class=\"jb-route-line\"><\/div>\r\n        <span>ROUTE 02 \/ MALAYSIA<\/span>\r\n        <h3>Malaysia-Wide Reach<\/h3>\r\n        <p>\r\n          Many JB businesses serve customers beyond the city. A scalable site\r\n          structure can support service pages, industry content, ecommerce and future\r\n          location or campaign pages without rebuilding the entire website.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article>\r\n        <div class=\"jb-route-line\"><\/div>\r\n        <span>ROUTE 03 \/ CROSS-BORDER<\/span>\r\n        <h3>Singapore & International Buyers<\/h3>\r\n        <p>\r\n          Companies supplying Singapore or overseas buyers often need stronger\r\n          corporate credibility, clearer capabilities, relevant certifications,\r\n          product information and professional enquiry pathways.\r\n        <\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       WEBSITE ANATOMY \u2014 VISUAL DIAGRAM, NOT A PHOTO GRID\r\n       ===================================================== -->\r\n  <section class=\"jb-anatomy jb-line\">\r\n\r\n    <div class=\"jb-anatomy-copy\">\r\n      <span class=\"jb-label\">ANATOMY OF A BETTER BUSINESS WEBSITE<\/span>\r\n      <h2>Good web design connects content, usability and business goals.<\/h2>\r\n\r\n      <p>\r\n        A modern company website is not a collection of attractive sections. The\r\n        hierarchy should help visitors move from understanding your company to finding\r\n        a relevant service, product, proof point or enquiry action.\r\n      <\/p>\r\n\r\n      <a href=\"\/web-design-faq\/\" class=\"jb-link\">Read our Web Design FAQ \u2197<\/a>\r\n    <\/div>\r\n\r\n    <div class=\"jb-browser\" aria-label=\"Minimal website structure illustration\">\r\n\r\n      <div class=\"jb-browser-top\">\r\n        <i><\/i><i><\/i><i><\/i>\r\n        <div><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"jb-browser-nav\">\r\n        <b>BRAND<\/b>\r\n        <span>Services<\/span>\r\n        <span>About<\/span>\r\n        <span>Projects<\/span>\r\n        <span>Contact<\/span>\r\n      <\/div>\r\n\r\n      <div class=\"jb-browser-hero\">\r\n        <small>01 \/ CLEAR VALUE<\/small>\r\n        <strong>What do you do and why should customers care?<\/strong>\r\n        <em>Primary CTA \u2192<\/em>\r\n      <\/div>\r\n\r\n      <div class=\"jb-browser-cards\">\r\n        <div><small>02<\/small><strong>Services<\/strong><\/div>\r\n        <div><small>03<\/small><strong>Proof<\/strong><\/div>\r\n        <div><small>04<\/small><strong>Trust<\/strong><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"jb-browser-bottom\">\r\n        <span>05 \/ USEFUL CONTENT + INTERNAL LINKS + MOBILE UX<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       SERVICES \u2014 MATRIX, DIFFERENT ARRANGEMENT\r\n       ===================================================== -->\r\n  <section class=\"jb-section jb-line\">\r\n\r\n    <div class=\"jb-section-title\">\r\n      <span class=\"jb-label\">WEBSITE SOLUTIONS FOR JB BUSINESSES<\/span>\r\n      <h2>Choose the right website structure for the way your business works.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"jb-matrix\">\r\n\r\n      <a href=\"\/web-design\/\" class=\"jb-cell cell-wide\">\r\n        <span>01 \/ CORPORATE<\/span>\r\n        <h3>Corporate Website Design<\/h3>\r\n        <p>\r\n          Clear company, service, capability, portfolio and enquiry pages for\r\n          businesses that need a stronger professional presence.\r\n        <\/p>\r\n        <i>\u2197<\/i>\r\n      <\/a>\r\n\r\n      <div class=\"jb-cell visual visual-a\" aria-label=\"Minimalist web design visual\">\r\n        <div class=\"jb-shape one\"><\/div>\r\n        <div class=\"jb-shape two\"><\/div>\r\n        <div class=\"jb-shape three\"><\/div>\r\n      <\/div>\r\n\r\n      <a href=\"\/shopify-website-development-malaysia\/\" class=\"jb-cell\">\r\n        <span>02 \/ SHOPIFY<\/span>\r\n        <h3>Shopify Development<\/h3>\r\n        <p>\r\n          Hosted ecommerce for businesses that want structured store management,\r\n          theme customisation and online selling tools.\r\n        <\/p>\r\n        <i>\u2197<\/i>\r\n      <\/a>\r\n\r\n      <div class=\"jb-cell visual visual-b\">\r\n        <div class=\"jb-cart-icon\" aria-hidden=\"true\">\r\n          <div><\/div><span><\/span><span><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"jb-cell\">\r\n        <span>03 \/ WORDPRESS<\/span>\r\n        <h3>WordPress Development<\/h3>\r\n        <p>\r\n          Flexible CMS websites for businesses that regularly update services,\r\n          articles, projects or company information.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <a href=\"\/api-intergration\/\" class=\"jb-cell cell-wide dark\">\r\n        <span>04 \/ CUSTOM<\/span>\r\n        <h3>Custom Web Systems & API Integration<\/h3>\r\n        <p>\r\n          For specialised workflows, B2B accounts, quotations, portals, third-party\r\n          services and requirements that standard plugins cannot handle well.\r\n        <\/p>\r\n        <i>\u2197<\/i>\r\n      <\/a>\r\n\r\n      <div class=\"jb-cell\">\r\n        <span>05 \/ ECOMMERCE<\/span>\r\n        <h3>B2C & B2B Ecommerce<\/h3>\r\n        <p>\r\n          Product catalogues, customer accounts, payments, order workflows and more\r\n          advanced B2B requirements where needed.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"jb-cell\">\r\n        <span>06 \/ SEO FOUNDATION<\/span>\r\n        <h3>Search-Friendly Development<\/h3>\r\n        <p>\r\n          Descriptive headings, mobile usability, crawlable internal links and clear\r\n          information architecture for a stronger SEO starting point.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       ONE LARGE NEW IMAGE + EDITORIAL COPY\r\n       ===================================================== -->\r\n  <section class=\"jb-feature jb-line\">\r\n\r\n    <div class=\"jb-feature-image\">\r\n      <img decoding=\"async\" loading=\"lazy\"\r\n        src=\"https:\/\/images.unsplash.com\/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1800&q=82\"\r\n        alt=\"Digital planning and collaborative website strategy for Johor Bahru businesses\">\r\n    <\/div>\r\n\r\n    <div class=\"jb-feature-copy\">\r\n      <span class=\"jb-label\">BUSINESS-FIRST WEB DESIGN<\/span>\r\n\r\n      <h2>We start with the decision your customer needs to make.<\/h2>\r\n\r\n      <p>\r\n        A manufacturer may need to demonstrate production capability and\r\n        certifications. A professional service firm may need to establish expertise.\r\n        A retailer needs products to be easy to discover and buy. A B2B distributor\r\n        may need account rules, pricing or approval workflows.\r\n      <\/p>\r\n\r\n      <p>\r\n        Those are different customer journeys. The website design should reflect the\r\n        journey instead of forcing all businesses into the same homepage formula.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       INDUSTRY RADAR\r\n       ===================================================== -->\r\n  <section class=\"jb-section jb-line\">\r\n\r\n    <div class=\"jb-section-title compact\">\r\n      <span class=\"jb-label\">INDUSTRIES IN & AROUND JOHOR BAHRU<\/span>\r\n      <h2>Different sectors need different proof, content and conversion paths.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"jb-radar\">\r\n\r\n      <div class=\"jb-radar-core\">\r\n        <div class=\"pulse pulse-1\"><\/div>\r\n        <div class=\"pulse pulse-2\"><\/div>\r\n        <div class=\"pulse pulse-3\"><\/div>\r\n        <strong>JB<\/strong>\r\n      <\/div>\r\n\r\n      <div class=\"radar-item r1\"><span>01<\/span><b>Manufacturing<\/b><\/div>\r\n      <div class=\"radar-item r2\"><span>02<\/span><b>Logistics<\/b><\/div>\r\n      <div class=\"radar-item r3\"><span>03<\/span><b>Construction<\/b><\/div>\r\n      <div class=\"radar-item r4\"><span>04<\/span><b>Professional Services<\/b><\/div>\r\n      <div class=\"radar-item r5\"><span>05<\/span><b>Retail & Ecommerce<\/b><\/div>\r\n      <div class=\"radar-item r6\"><span>06<\/span><b>Wholesale & B2B<\/b><\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       BLACK SEO SECTION \u2014 WHITE HEADING FORCED\r\n       ===================================================== -->\r\n  <section class=\"jb-seo jb-line\">\r\n\r\n    <div class=\"jb-seo-title\">\r\n      <span>SEO-FRIENDLY WEB DEVELOPMENT \/ JOHOR BAHRU<\/span>\r\n      <h2>A better website gives SEO a stronger place to start.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"jb-seo-copy\">\r\n      <p>\r\n        Web design and SEO support each other, but they are not the same service.\r\n        Building a website with clear pages, useful content, descriptive headings,\r\n        responsive layouts and sensible internal links helps visitors and search\r\n        engines understand the site.\r\n      <\/p>\r\n\r\n      <p>\r\n        Competitive Google visibility usually requires continued work after launch:\r\n        useful content, technical improvement, authority, relevance and time.\r\n        Businesses should be cautious of anyone promising a guaranteed organic\r\n        number-one position.\r\n      <\/p>\r\n\r\n      <div class=\"jb-seo-checks\">\r\n        <span>Clear H1 \/ H2 hierarchy<\/span>\r\n        <span>Mobile-friendly layouts<\/span>\r\n        <span>Crawlable internal links<\/span>\r\n        <span>Useful service content<\/span>\r\n        <span>Scalable page structure<\/span>\r\n        <span>SEO-conscious redesign planning<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       DIAGONAL PROCESS \u2014 UNIQUE\r\n       ===================================================== -->\r\n  <section class=\"jb-section jb-line\">\r\n\r\n    <div class=\"jb-section-title\">\r\n      <span class=\"jb-label\">DEVELOPMENT PROCESS<\/span>\r\n      <h2>A structured route from requirements to launch.<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"jb-diagonal\">\r\n\r\n      <div class=\"jb-diagonal-line\"><\/div>\r\n\r\n      <article class=\"d1\">\r\n        <span>01<\/span>\r\n        <h3>Business Brief<\/h3>\r\n        <p>Goals, audience, problems, current site and requirements.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"d2\">\r\n        <span>02<\/span>\r\n        <h3>Architecture<\/h3>\r\n        <p>Pages, navigation, customer journeys and content priorities.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"d3\">\r\n        <span>03<\/span>\r\n        <h3>Design System<\/h3>\r\n        <p>Typography, layout, interface direction and responsive rules.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"d4\">\r\n        <span>04<\/span>\r\n        <h3>Development<\/h3>\r\n        <p>CMS, ecommerce, forms, integrations and custom functions.<\/p>\r\n      <\/article>\r\n\r\n      <article class=\"d5\">\r\n        <span>05<\/span>\r\n        <h3>Launch & Improve<\/h3>\r\n        <p>Testing, live deployment, maintenance and future growth.<\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       LOCAL INTERNAL LINK SECTION\r\n       ===================================================== -->\r\n  <section class=\"jb-nearby jb-line\">\r\n\r\n    <div>\r\n      <span class=\"jb-label\">RELATED JOHOR WEB DESIGN PAGES<\/span>\r\n      <h2>Looking beyond Johor Bahru?<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"jb-nearby-links\">\r\n\r\n      <a href=\"\/web-design-johor\/\">\r\n        <span>01<\/span>\r\n        <strong>Web Design Johor<\/strong>\r\n        <i>\u2197<\/i>\r\n      <\/a>\r\n\r\n      <a href=\"\/web-design-muar\/\">\r\n        <span>02<\/span>\r\n        <strong>Web Design Muar<\/strong>\r\n        <i>\u2197<\/i>\r\n      <\/a>\r\n\r\n      <a href=\"\/kluang-web-design-company\/\">\r\n        <span>03<\/span>\r\n        <strong>Web Design Kluang<\/strong>\r\n        <i>\u2197<\/i>\r\n      <\/a>\r\n\r\n      <a href=\"\/why-choose-syscomm\/\">\r\n        <span>04<\/span>\r\n        <strong>Why Choose SYSCOMM<\/strong>\r\n        <i>\u2197<\/i>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       FAQ \u2014 SIDE-BY-SIDE INDEX, UNIQUE FROM FAQ PAGE\r\n       ===================================================== -->\r\n  <section class=\"jb-section jb-line\">\r\n\r\n    <div class=\"jb-faq-layout\">\r\n\r\n      <div class=\"jb-faq-intro\">\r\n        <span class=\"jb-label\">WEB DESIGN JOHOR BAHRU FAQ<\/span>\r\n        <h2>Common questions from businesses in JB.<\/h2>\r\n\r\n        <p>\r\n          Need a more detailed guide to website cost, platforms, SEO and maintenance?\r\n        <\/p>\r\n\r\n        <a href=\"\/web-design-faq\/\" class=\"jb-link\">View complete Web Design FAQ \u2197<\/a>\r\n      <\/div>\r\n\r\n      <div class=\"jb-faq\">\r\n\r\n        <details>\r\n          <summary>\r\n            <span>01<\/span>\r\n            <strong>How much does web design cost in Johor Bahru?<\/strong>\r\n            <i>+<\/i>\r\n          <\/summary>\r\n          <div>\r\n            <p>\r\n              Pricing depends on scope. Page types, design requirements, languages,\r\n              ecommerce, integrations, content and custom functions can all change the\r\n              amount of design and development work required. Compare quotations based\r\n              on deliverables rather than only the headline price.\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>How long does a website normally take to develop?<\/strong>\r\n            <i>+<\/i>\r\n          <\/summary>\r\n          <div>\r\n            <p>\r\n              Timeline depends on project size, content readiness, feedback cycles and\r\n              functionality. A straightforward company website normally moves faster\r\n              than an ecommerce store, multilingual site or custom web system.\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>Can SYSCOMM redesign an existing JB company website?<\/strong>\r\n            <i>+<\/i>\r\n          <\/summary>\r\n          <div>\r\n            <p>\r\n              Yes. Existing URLs, useful content, search visibility, analytics and\r\n              technical requirements should be reviewed before replacing an\r\n              established site so valuable assets are not unnecessarily lost.\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>Do you build ecommerce and Shopify websites?<\/strong>\r\n            <i>+<\/i>\r\n          <\/summary>\r\n          <div>\r\n            <p>\r\n              Yes. Ecommerce projects can include Shopify, WooCommerce, products,\r\n              payment, customer accounts, orders, promotions and more specialised B2B\r\n              workflows depending on the business requirement.\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 automatically rank on Google?<\/strong>\r\n            <i>+<\/i>\r\n          <\/summary>\r\n          <div>\r\n            <p>\r\n              No. A website can be built with a stronger SEO foundation, but\r\n              competitive organic visibility normally requires ongoing optimisation,\r\n              useful content, authority and time. No responsible company can\r\n              guarantee a specific organic ranking.\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 support after launch?<\/strong>\r\n            <i>+<\/i>\r\n          <\/summary>\r\n          <div>\r\n            <p>\r\n              Yes. Depending on the agreed scope, support can include content updates,\r\n              hosting, maintenance, troubleshooting, landing pages, SEO and future\r\n              development.\r\n            <\/p>\r\n          <\/div>\r\n        <\/details>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       CTA \u2014 GIANT ARROW COMPOSITION\r\n       ===================================================== -->\r\n  <section class=\"jb-cta jb-line\">\r\n\r\n    <div class=\"jb-big-arrow\" aria-hidden=\"true\">\u2197<\/div>\r\n\r\n    <div class=\"jb-cta-copy\">\r\n      <span class=\"jb-label\">START A WEBSITE PROJECT IN JB<\/span>\r\n\r\n      <h2>Build a website that represents your business better.<\/h2>\r\n\r\n      <p>\r\n        Tell us what your business does, what the current website is missing and what\r\n        you want the new website to achieve. We can recommend a suitable corporate,\r\n        ecommerce or custom development approach.\r\n      <\/p>\r\n\r\n      <a href=\"\/contact\/\" class=\"jb-cta-button\">\r\n        <span>Request a 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 JOHOR BAHRU\r\n   STANDARD WIDTH = 88.5% \/ UNIQUE CITY EDITORIAL\r\n   ========================================================= *\/\r\n\r\n#scm-jb{\r\n  --bg:#fff;\r\n  --text:#090909;\r\n  --muted:#70706b;\r\n  --line:#d7d7d1;\r\n  --soft:#f4f4f0;\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-jb *{\r\n  box-sizing:border-box;\r\n  min-width:0;\r\n}\r\n\r\n#scm-jb a{\r\n  color:inherit;\r\n  text-decoration:none;\r\n}\r\n\r\n#scm-jb 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-jb .jb-hero,\r\n#scm-jb .jb-signal,\r\n#scm-jb .jb-section,\r\n#scm-jb .jb-anatomy,\r\n#scm-jb .jb-feature,\r\n#scm-jb .jb-seo,\r\n#scm-jb .jb-nearby,\r\n#scm-jb .jb-cta{\r\n  width:88.5%!important;\r\n  max-width:none!important;\r\n  margin-left:auto!important;\r\n  margin-right:auto!important;\r\n}\r\n\r\n#scm-jb .jb-line{\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-jb .jb-label,\r\n#scm-jb .jb-kicker{\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-jb .jb-link{\r\n  display:inline-flex;\r\n  padding-bottom:6px;\r\n  border-bottom:1px solid currentColor;\r\n\r\n  font-size:10px;\r\n  line-height:1.2;\r\n  text-transform:uppercase;\r\n  letter-spacing:.12em;\r\n}\r\n\r\n#scm-jb .jb-link.muted{\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* ================= HERO ================= *\/\r\n\r\n#scm-jb .jb-hero{\r\n  position:relative;\r\n\r\n  display:grid;\r\n  grid-template-columns:160px minmax(0,1fr);\r\n\r\n  padding:76px 0 100px;\r\n}\r\n\r\n#scm-jb .jb-mark{\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  padding-top:50px;\r\n\r\n  border-right:1px solid var(--line);\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n#scm-jb .jb-mark span{\r\n  display:block;\r\n\r\n  font-size:150px;\r\n  line-height:.72;\r\n  letter-spacing:-.1em;\r\n  font-weight:300;\r\n\r\n  color:#ededE8;\r\n}\r\n\r\n#scm-jb .jb-hero-main{\r\n  padding-left:4.5vw;\r\n}\r\n\r\n#scm-jb .jb-hero-grid{\r\n  display:grid;\r\n  grid-template-columns:.85fr 1.15fr;\r\n  gap:5vw;\r\n  align-items:end;\r\n\r\n  margin-top:38px;\r\n}\r\n\r\n#scm-jb h1{\r\n  max-width:820px;\r\n\r\n  margin:0 0 40px;\r\n\r\n  font-size:clamp(52px,5.7vw,94px);\r\n  line-height:.89;\r\n  letter-spacing:-.07em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-jb .jb-hero-copy p{\r\n  max-width:650px;\r\n\r\n  margin:0 0 18px;\r\n\r\n  font-size:14px;\r\n  line-height:1.72;\r\n  color:#42423d;\r\n}\r\n\r\n#scm-jb .jb-hero-copy .jb-lead{\r\n  font-size:16px;\r\n  color:#111;\r\n}\r\n\r\n#scm-jb .jb-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-jb .jb-collage{\r\n  position:relative;\r\n\r\n  min-height:670px;\r\n}\r\n\r\n#scm-jb .jb-img{\r\n  position:absolute;\r\n\r\n  margin:0;\r\n\r\n  overflow:hidden;\r\n\r\n  background:var(--soft);\r\n}\r\n\r\n#scm-jb .jb-img.city{\r\n  left:0;\r\n  top:0;\r\n\r\n  width:66%;\r\n  height:470px;\r\n}\r\n\r\n#scm-jb .jb-img.digital{\r\n  right:0;\r\n  bottom:0;\r\n\r\n  width:48%;\r\n  height:380px;\r\n\r\n  border:14px solid #fff;\r\n}\r\n\r\n#scm-jb .jb-img img{\r\n  filter:saturate(.58) contrast(.98);\r\n  transition:transform .8s ease,filter .8s ease;\r\n}\r\n\r\n#scm-jb .jb-img:hover img{\r\n  transform:scale(1.03);\r\n  filter:saturate(.82);\r\n}\r\n\r\n#scm-jb .jb-img figcaption{\r\n  position:absolute;\r\n  left:14px;\r\n  bottom:12px;\r\n\r\n  padding:6px 8px;\r\n\r\n  background:rgba(255,255,255,.88);\r\n\r\n  font-size:8px;\r\n  letter-spacing:.11em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n#scm-jb .jb-collage-note{\r\n  position:absolute;\r\n\r\n  left:8%;\r\n  bottom:42px;\r\n\r\n  width:45%;\r\n\r\n  padding:20px;\r\n\r\n  background:#0c0c0c;\r\n  color:#fff;\r\n}\r\n\r\n#scm-jb .jb-collage-note span{\r\n  display:block;\r\n\r\n  margin-bottom:14px;\r\n\r\n  font-size:8px;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n  color:#aaa;\r\n}\r\n\r\n#scm-jb .jb-collage-note strong{\r\n  display:block;\r\n\r\n  font-size:24px;\r\n  line-height:1.05;\r\n  letter-spacing:-.04em;\r\n  font-weight:400;\r\n}\r\n\r\n\r\n\/* ================= SIGNAL ================= *\/\r\n\r\n#scm-jb .jb-signal{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n}\r\n\r\n#scm-jb .jb-signal>div{\r\n  min-height:145px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:space-between;\r\n\r\n  padding:20px 22px 20px 0;\r\n\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n#scm-jb .jb-signal>div+div{\r\n  padding-left:22px;\r\n  border-left:1px solid var(--line);\r\n}\r\n\r\n#scm-jb .jb-signal span,\r\n#scm-jb .jb-signal small{\r\n  font-size:9px;\r\n  text-transform:uppercase;\r\n  letter-spacing:.1em;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-jb .jb-signal strong{\r\n  margin-top:auto;\r\n  margin-bottom:7px;\r\n\r\n  font-size:23px;\r\n  line-height:1;\r\n  letter-spacing:-.04em;\r\n  font-weight:400;\r\n}\r\n\r\n\r\n\/* ================= SECTION ================= *\/\r\n\r\n#scm-jb .jb-section{\r\n  padding:100px 0 115px;\r\n}\r\n\r\n#scm-jb .jb-section-title{\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-jb .jb-section-title h2{\r\n  max-width:1080px;\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#scm-jb .jb-section-title.compact h2{\r\n  max-width:850px;\r\n}\r\n\r\n\r\n\/* ================= ROUTES ================= *\/\r\n\r\n#scm-jb .jb-routes{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:30px;\r\n}\r\n\r\n#scm-jb .jb-routes article{\r\n  position:relative;\r\n\r\n  min-height:380px;\r\n\r\n  padding:28px;\r\n\r\n  border:1px solid var(--line);\r\n\r\n  overflow:hidden;\r\n\r\n  transition:transform .35s ease,background .35s ease;\r\n}\r\n\r\n#scm-jb .jb-routes article:hover{\r\n  transform:translateY(-7px);\r\n  background:#fafaf7;\r\n}\r\n\r\n#scm-jb .jb-route-line{\r\n  position:absolute;\r\n\r\n  left:28px;\r\n  top:90px;\r\n\r\n  width:calc(100% - 56px);\r\n  height:1px;\r\n\r\n  background:var(--line);\r\n}\r\n\r\n#scm-jb .jb-route-line:after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  right:0;\r\n  top:-3px;\r\n\r\n  width:7px;\r\n  height:7px;\r\n\r\n  border-radius:50%;\r\n  background:#111;\r\n}\r\n\r\n#scm-jb .jb-routes article>span{\r\n  font-size:9px;\r\n  letter-spacing:.11em;\r\n  text-transform:uppercase;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-jb .jb-routes h3{\r\n  margin:125px 0 18px;\r\n\r\n  font-size:32px;\r\n  line-height:1;\r\n  letter-spacing:-.05em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-jb .jb-routes 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\/* ================= ANATOMY ================= *\/\r\n\r\n#scm-jb .jb-anatomy{\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-jb .jb-anatomy-copy h2{\r\n  margin:25px 0 25px;\r\n\r\n  font-size:clamp(43px,5vw,76px);\r\n  line-height:.93;\r\n  letter-spacing:-.064em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-jb .jb-anatomy-copy p{\r\n  max-width:600px;\r\n\r\n  margin:0 0 28px;\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-jb .jb-browser{\r\n  padding:24px;\r\n\r\n  border:1px solid var(--line);\r\n\r\n  background:#fafaf7;\r\n}\r\n\r\n#scm-jb .jb-browser-top{\r\n  height:40px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  gap:7px;\r\n\r\n  padding-bottom:18px;\r\n\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n#scm-jb .jb-browser-top i{\r\n  width:7px;\r\n  height:7px;\r\n\r\n  border-radius:50%;\r\n  border:1px solid #777;\r\n}\r\n\r\n#scm-jb .jb-browser-top div{\r\n  width:42%;\r\n  height:8px;\r\n\r\n  margin-left:20px;\r\n\r\n  background:#e3e3dd;\r\n}\r\n\r\n#scm-jb .jb-browser-nav{\r\n  display:grid;\r\n  grid-template-columns:1fr repeat(4,auto);\r\n  gap:28px;\r\n\r\n  align-items:center;\r\n\r\n  padding:20px 0;\r\n\r\n  font-size:9px;\r\n  text-transform:uppercase;\r\n  letter-spacing:.09em;\r\n}\r\n\r\n#scm-jb .jb-browser-nav b{\r\n  font-size:15px;\r\n  letter-spacing:-.03em;\r\n}\r\n\r\n#scm-jb .jb-browser-hero{\r\n  min-height:260px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:flex-end;\r\n\r\n  padding:34px;\r\n\r\n  background:#0d0d0d;\r\n  color:#fff;\r\n}\r\n\r\n#scm-jb .jb-browser-hero small{\r\n  margin-bottom:auto;\r\n\r\n  font-size:8px;\r\n  letter-spacing:.1em;\r\n  color:#aaa;\r\n}\r\n\r\n#scm-jb .jb-browser-hero strong{\r\n  max-width:620px;\r\n\r\n  font-size:36px;\r\n  line-height:.98;\r\n  letter-spacing:-.05em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-jb .jb-browser-hero em{\r\n  margin-top:20px;\r\n\r\n  font-size:9px;\r\n  font-style:normal;\r\n  text-transform:uppercase;\r\n  letter-spacing:.1em;\r\n}\r\n\r\n#scm-jb .jb-browser-cards{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n\r\n  border-left:1px solid var(--line);\r\n}\r\n\r\n#scm-jb .jb-browser-cards div{\r\n  min-height:130px;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:flex-end;\r\n\r\n  padding:18px;\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-jb .jb-browser-cards small{\r\n  margin-bottom:auto;\r\n\r\n  font-size:8px;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-jb .jb-browser-cards strong{\r\n  font-size:19px;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-jb .jb-browser-bottom{\r\n  padding:16px 0 0;\r\n\r\n  font-size:8px;\r\n  letter-spacing:.1em;\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* ================= MATRIX ================= *\/\r\n\r\n#scm-jb .jb-matrix{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  grid-auto-rows:minmax(260px,auto);\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-jb .jb-cell{\r\n  position:relative;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  padding:25px;\r\n\r\n  border-right:1px solid var(--line);\r\n  border-bottom:1px solid var(--line);\r\n\r\n  transition:background .3s ease,color .3s ease;\r\n}\r\n\r\n#scm-jb .jb-cell.cell-wide{\r\n  grid-column:span 2;\r\n}\r\n\r\n#scm-jb .jb-cell:not(.visual):hover{\r\n  background:#f7f7f3;\r\n}\r\n\r\n#scm-jb .jb-cell.dark,\r\n#scm-jb .jb-cell.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-jb .jb-cell.dark>span{\r\n  color:#aaa!important;\r\n  -webkit-text-fill-color:#aaa!important;\r\n}\r\n\r\n#scm-jb .jb-cell>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-jb .jb-cell h3{\r\n  max-width:530px;\r\n\r\n  margin:auto 0 15px;\r\n\r\n  font-size:31px;\r\n  line-height:1;\r\n  letter-spacing:-.05em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-jb .jb-cell p{\r\n  max-width:560px;\r\n\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-jb .jb-cell>i{\r\n  position:absolute;\r\n  right:22px;\r\n  top:21px;\r\n\r\n  font-size:18px;\r\n  font-style:normal;\r\n}\r\n\r\n#scm-jb .jb-cell.visual{\r\n  overflow:hidden;\r\n\r\n  background:#f4f4ef;\r\n}\r\n\r\n#scm-jb .visual-a .jb-shape{\r\n  position:absolute;\r\n  border:1px solid #999;\r\n}\r\n\r\n#scm-jb .visual-a .one{\r\n  width:65%;\r\n  height:60%;\r\n\r\n  left:12%;\r\n  top:15%;\r\n}\r\n\r\n#scm-jb .visual-a .two{\r\n  width:40%;\r\n  height:35%;\r\n\r\n  right:10%;\r\n  bottom:10%;\r\n\r\n  background:#fff;\r\n}\r\n\r\n#scm-jb .visual-a .three{\r\n  width:80%;\r\n  height:1px;\r\n\r\n  left:10%;\r\n  bottom:25%;\r\n\r\n  border:0;\r\n  background:#999;\r\n}\r\n\r\n#scm-jb .visual-b{\r\n  background:#e9e9e4;\r\n}\r\n\r\n#scm-jb .jb-cart-icon{\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  width:120px;\r\n  height:90px;\r\n\r\n  transform:translate(-50%,-50%);\r\n}\r\n\r\n#scm-jb .jb-cart-icon div{\r\n  width:100%;\r\n  height:55px;\r\n\r\n  border:2px solid #111;\r\n  border-top:0;\r\n\r\n  transform:skew(-8deg);\r\n}\r\n\r\n#scm-jb .jb-cart-icon:before{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n  left:-18px;\r\n  top:-10px;\r\n\r\n  width:30px;\r\n  height:2px;\r\n\r\n  background:#111;\r\n\r\n  transform:rotate(16deg);\r\n}\r\n\r\n#scm-jb .jb-cart-icon span{\r\n  position:absolute;\r\n  bottom:0;\r\n\r\n  width:10px;\r\n  height:10px;\r\n\r\n  border-radius:50%;\r\n  background:#111;\r\n}\r\n\r\n#scm-jb .jb-cart-icon span:nth-child(2){left:20px}\r\n#scm-jb .jb-cart-icon span:nth-child(3){right:20px}\r\n\r\n\r\n\/* ================= FEATURE ================= *\/\r\n\r\n#scm-jb .jb-feature{\r\n  display:grid;\r\n  grid-template-columns:1.1fr .9fr;\r\n\r\n  min-height:650px;\r\n}\r\n\r\n#scm-jb .jb-feature-image{\r\n  overflow:hidden;\r\n}\r\n\r\n#scm-jb .jb-feature-image img{\r\n  filter:saturate(.6) contrast(.97);\r\n  transition:transform .8s ease;\r\n}\r\n\r\n#scm-jb .jb-feature:hover img{\r\n  transform:scale(1.025);\r\n}\r\n\r\n#scm-jb .jb-feature-copy{\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n\r\n  padding:65px 5vw;\r\n\r\n  background:#f5f5f1;\r\n}\r\n\r\n#scm-jb .jb-feature-copy h2{\r\n  max-width:680px;\r\n\r\n  margin:25px 0 25px;\r\n\r\n  font-size:clamp(42px,4.8vw,72px);\r\n  line-height:.93;\r\n  letter-spacing:-.064em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-jb .jb-feature-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.7;\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* ================= RADAR ================= *\/\r\n\r\n#scm-jb .jb-radar{\r\n  position:relative;\r\n\r\n  min-height:620px;\r\n\r\n  border:1px solid var(--line);\r\n\r\n  overflow:hidden;\r\n}\r\n\r\n#scm-jb .jb-radar-core{\r\n  position:absolute;\r\n\r\n  left:50%;\r\n  top:50%;\r\n\r\n  width:110px;\r\n  height:110px;\r\n\r\n  display:grid;\r\n  place-items:center;\r\n\r\n  transform:translate(-50%,-50%);\r\n\r\n  border-radius:50%;\r\n  background:#0b0b0b;\r\n  color:#fff;\r\n}\r\n\r\n#scm-jb .jb-radar-core strong{\r\n  font-size:38px;\r\n  letter-spacing:-.06em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-jb .pulse{\r\n  position:absolute;\r\n  left:50%;\r\n  top:50%;\r\n\r\n  border:1px solid #ccc;\r\n  border-radius:50%;\r\n\r\n  transform:translate(-50%,-50%);\r\n}\r\n\r\n#scm-jb .pulse-1{width:240px;height:240px}\r\n#scm-jb .pulse-2{width:390px;height:390px}\r\n#scm-jb .pulse-3{width:560px;height:560px}\r\n\r\n#scm-jb .radar-item{\r\n  position:absolute;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  padding:13px 16px;\r\n\r\n  background:#fff;\r\n  border:1px solid var(--line);\r\n}\r\n\r\n#scm-jb .radar-item span{\r\n  margin-bottom:7px;\r\n\r\n  font-size:8px;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-jb .radar-item b{\r\n  font-size:17px;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-jb .r1{left:8%;top:16%}\r\n#scm-jb .r2{right:9%;top:13%}\r\n#scm-jb .r3{left:5%;bottom:17%}\r\n#scm-jb .r4{right:6%;bottom:16%}\r\n#scm-jb .r5{left:19%;top:48%}\r\n#scm-jb .r6{right:18%;top:50%}\r\n\r\n\r\n\/* ================= SEO BLACK ================= *\/\r\n\r\n#scm-jb .jb-seo{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n\r\n  background:#0b0b0b;\r\n}\r\n\r\n#scm-jb .jb-seo-title,\r\n#scm-jb .jb-seo-copy{\r\n  min-height:590px;\r\n\r\n  padding:70px 5vw;\r\n}\r\n\r\n#scm-jb .jb-seo-title{\r\n  border-right:1px solid #333;\r\n}\r\n\r\n#scm-jb .jb-seo-title>span{\r\n  font-size:9px;\r\n  letter-spacing:.12em;\r\n  text-transform:uppercase;\r\n  color:#aaa!important;\r\n  -webkit-text-fill-color:#aaa!important;\r\n}\r\n\r\n#scm-jb .jb-seo-title h2,\r\n#scm-jb .jb-seo-title h2 *,\r\n#scm-jb .jb-seo-copy,\r\n#scm-jb .jb-seo-copy *{\r\n  color:#fff!important;\r\n  -webkit-text-fill-color:#fff!important;\r\n}\r\n\r\n#scm-jb .jb-seo-title h2{\r\n  max-width:720px;\r\n\r\n  margin:30px 0 0;\r\n\r\n  font-size:clamp(45px,5.2vw,80px);\r\n  line-height:.91;\r\n  letter-spacing:-.067em;\r\n  font-weight:400;\r\n\r\n  opacity:1!important;\r\n}\r\n\r\n#scm-jb .jb-seo-copy{\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n}\r\n\r\n#scm-jb .jb-seo-copy p{\r\n  max-width:650px;\r\n\r\n  margin:0 0 20px;\r\n\r\n  font-size:14px;\r\n  line-height:1.72;\r\n\r\n  color:#c6c6c0!important;\r\n  -webkit-text-fill-color:#c6c6c0!important;\r\n}\r\n\r\n#scm-jb .jb-seo-checks{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n\r\n  margin-top:30px;\r\n\r\n  border-top:1px solid #333;\r\n}\r\n\r\n#scm-jb .jb-seo-checks span{\r\n  padding:15px 0;\r\n\r\n  border-bottom:1px solid #333;\r\n\r\n  font-size:10px;\r\n\r\n  color:#ddd!important;\r\n  -webkit-text-fill-color:#ddd!important;\r\n}\r\n\r\n\r\n\/* ================= DIAGONAL PROCESS ================= *\/\r\n\r\n#scm-jb .jb-diagonal{\r\n  position:relative;\r\n\r\n  min-height:600px;\r\n\r\n  display:grid;\r\n  grid-template-columns:repeat(5,1fr);\r\n  gap:22px;\r\n\r\n  align-items:center;\r\n}\r\n\r\n#scm-jb .jb-diagonal-line{\r\n  position:absolute;\r\n\r\n  left:4%;\r\n  right:4%;\r\n  top:50%;\r\n\r\n  height:1px;\r\n\r\n  background:var(--line);\r\n\r\n  transform:rotate(-9deg);\r\n  transform-origin:center;\r\n}\r\n\r\n#scm-jb .jb-diagonal article{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  min-height:220px;\r\n\r\n  padding:24px;\r\n\r\n  border:1px solid var(--line);\r\n  background:#fff;\r\n\r\n  transition:transform .35s ease,background .35s ease,color .35s ease;\r\n}\r\n\r\n#scm-jb .jb-diagonal .d1{transform:translateY(105px)}\r\n#scm-jb .jb-diagonal .d2{transform:translateY(55px)}\r\n#scm-jb .jb-diagonal .d3{transform:translateY(0)}\r\n#scm-jb .jb-diagonal .d4{transform:translateY(-55px)}\r\n#scm-jb .jb-diagonal .d5{transform:translateY(-105px)}\r\n\r\n#scm-jb .jb-diagonal article:hover{\r\n  background:#0b0b0b;\r\n  color:#fff;\r\n}\r\n\r\n#scm-jb .jb-diagonal article>span{\r\n  font-size:9px;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-jb .jb-diagonal h3{\r\n  margin:68px 0 13px;\r\n\r\n  font-size:24px;\r\n  line-height:1;\r\n  letter-spacing:-.04em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-jb .jb-diagonal p{\r\n  margin:0;\r\n\r\n  font-size:11px;\r\n  line-height:1.55;\r\n  color:var(--muted);\r\n}\r\n\r\n\r\n\/* ================= NEARBY ================= *\/\r\n\r\n#scm-jb .jb-nearby{\r\n  display:grid;\r\n  grid-template-columns:.7fr 1.3fr;\r\n  gap:8vw;\r\n\r\n  padding:100px 0 110px;\r\n}\r\n\r\n#scm-jb .jb-nearby h2{\r\n  margin:25px 0 0;\r\n\r\n  font-size:clamp(43px,5vw,75px);\r\n  line-height:.92;\r\n  letter-spacing:-.064em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-jb .jb-nearby-links{\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-jb .jb-nearby-links a{\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  padding:19px 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-jb .jb-nearby-links a:hover{\r\n  padding-left:10px;\r\n}\r\n\r\n#scm-jb .jb-nearby-links span{\r\n  font-size:9px;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-jb .jb-nearby-links strong{\r\n  font-size:24px;\r\n  letter-spacing:-.035em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-jb .jb-nearby-links i{\r\n  font-style:normal;\r\n}\r\n\r\n\r\n\/* ================= FAQ ================= *\/\r\n\r\n#scm-jb .jb-faq-layout{\r\n  display:grid;\r\n  grid-template-columns:.72fr 1.28fr;\r\n  gap:7vw;\r\n}\r\n\r\n#scm-jb .jb-faq-intro{\r\n  position:sticky;\r\n  top:110px;\r\n  align-self:start;\r\n}\r\n\r\n#scm-jb .jb-faq-intro h2{\r\n  margin:25px 0 24px;\r\n\r\n  font-size:clamp(42px,4.6vw,70px);\r\n  line-height:.93;\r\n  letter-spacing:-.063em;\r\n  font-weight:400;\r\n}\r\n\r\n#scm-jb .jb-faq-intro p{\r\n  max-width:480px;\r\n\r\n  margin:0 0 25px;\r\n\r\n  font-size:13px;\r\n  line-height:1.65;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-jb .jb-faq{\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n#scm-jb .jb-faq details{\r\n  border-bottom:1px solid var(--line);\r\n}\r\n\r\n#scm-jb .jb-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:85px;\r\n}\r\n\r\n#scm-jb .jb-faq summary::-webkit-details-marker{\r\n  display:none;\r\n}\r\n\r\n#scm-jb .jb-faq summary>span{\r\n  font-size:9px;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-jb .jb-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-jb .jb-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-jb .jb-faq details[open] summary i{\r\n  transform:rotate(45deg);\r\n}\r\n\r\n#scm-jb .jb-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-jb .jb-faq details 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-jb .jb-cta{\r\n  position:relative;\r\n\r\n  min-height:650px;\r\n\r\n  display:grid;\r\n  grid-template-columns:.8fr 1.2fr;\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-jb .jb-big-arrow{\r\n  font-size:clamp(250px,30vw,520px);\r\n  line-height:.7;\r\n  font-weight:200;\r\n\r\n  color:#ecece7;\r\n}\r\n\r\n#scm-jb .jb-cta-copy{\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n#scm-jb .jb-cta-copy 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-jb .jb-cta-copy 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.7;\r\n  color:var(--muted);\r\n}\r\n\r\n#scm-jb .jb-cta-button{\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-jb .jb-mark span:first-child{\r\n    animation:jbMarkA 6s ease-in-out infinite alternate;\r\n  }\r\n\r\n  #scm-jb .jb-mark span:last-child{\r\n    animation:jbMarkB 7s ease-in-out infinite alternate;\r\n  }\r\n\r\n  #scm-jb .pulse-1{\r\n    animation:jbPulse 4s ease-in-out infinite alternate;\r\n  }\r\n\r\n  #scm-jb .pulse-2{\r\n    animation:jbPulse 5.5s ease-in-out infinite alternate-reverse;\r\n  }\r\n\r\n}\r\n\r\n@keyframes jbMarkA{\r\n  to{transform:translateX(8px)}\r\n}\r\n\r\n@keyframes jbMarkB{\r\n  to{transform:translateX(-6px)}\r\n}\r\n\r\n@keyframes jbPulse{\r\n  from{opacity:.35;transform:translate(-50%,-50%) scale(.96)}\r\n  to{opacity:1;transform:translate(-50%,-50%) scale(1.04)}\r\n}\r\n\r\n\r\n\/* ================= TABLET ================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n  #scm-jb .jb-hero,\r\n  #scm-jb .jb-signal,\r\n  #scm-jb .jb-section,\r\n  #scm-jb .jb-anatomy,\r\n  #scm-jb .jb-feature,\r\n  #scm-jb .jb-seo,\r\n  #scm-jb .jb-nearby,\r\n  #scm-jb .jb-cta{\r\n    width:calc(100% - 38px)!important;\r\n  }\r\n\r\n  #scm-jb .jb-hero{\r\n    grid-template-columns:110px minmax(0,1fr);\r\n  }\r\n\r\n  #scm-jb .jb-mark span{\r\n    font-size:105px;\r\n  }\r\n\r\n  #scm-jb .jb-hero-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #scm-jb .jb-collage{\r\n    min-height:620px;\r\n  }\r\n\r\n  #scm-jb .jb-matrix{\r\n    grid-template-columns:repeat(2,1fr);\r\n  }\r\n\r\n  #scm-jb .jb-cell.cell-wide{\r\n    grid-column:span 1;\r\n  }\r\n\r\n  #scm-jb .jb-diagonal article{\r\n    padding:18px;\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-jb{\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-jb .jb-hero,\r\n  #scm-jb .jb-signal,\r\n  #scm-jb .jb-section,\r\n  #scm-jb .jb-anatomy,\r\n  #scm-jb .jb-feature,\r\n  #scm-jb .jb-seo,\r\n  #scm-jb .jb-nearby,\r\n  #scm-jb .jb-cta{\r\n    width:calc(100% - 26px)!important;\r\n  }\r\n\r\n  #scm-jb .jb-hero{\r\n    display:block;\r\n\r\n    padding:55px 0 75px;\r\n  }\r\n\r\n  #scm-jb .jb-mark{\r\n    display:none;\r\n  }\r\n\r\n  #scm-jb .jb-hero-main{\r\n    padding-left:0;\r\n  }\r\n\r\n  #scm-jb h1{\r\n    font-size:clamp(50px,14vw,72px);\r\n  }\r\n\r\n  #scm-jb .jb-collage{\r\n    min-height:520px;\r\n\r\n    margin-top:40px;\r\n  }\r\n\r\n  #scm-jb .jb-img.city{\r\n    width:82%;\r\n    height:360px;\r\n  }\r\n\r\n  #scm-jb .jb-img.digital{\r\n    width:55%;\r\n    height:270px;\r\n  }\r\n\r\n  #scm-jb .jb-collage-note{\r\n    width:58%;\r\n    left:0;\r\n    bottom:10px;\r\n  }\r\n\r\n  #scm-jb .jb-signal{\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n\r\n  #scm-jb .jb-signal>div,\r\n  #scm-jb .jb-signal>div+div{\r\n    padding:18px 12px 18px 0;\r\n    border-left:0;\r\n  }\r\n\r\n  #scm-jb .jb-signal>div:nth-child(even){\r\n    padding-left:12px;\r\n    border-left:1px solid var(--line);\r\n  }\r\n\r\n  #scm-jb .jb-section{\r\n    padding:70px 0 82px;\r\n  }\r\n\r\n  #scm-jb .jb-section-title{\r\n    grid-template-columns:1fr;\r\n    gap:24px;\r\n  }\r\n\r\n  #scm-jb .jb-section-title h2{\r\n    font-size:clamp(42px,12vw,61px);\r\n  }\r\n\r\n  #scm-jb .jb-routes{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #scm-jb .jb-routes article{\r\n    min-height:330px;\r\n  }\r\n\r\n  #scm-jb .jb-anatomy,\r\n  #scm-jb .jb-feature,\r\n  #scm-jb .jb-seo,\r\n  #scm-jb .jb-nearby,\r\n  #scm-jb .jb-faq-layout,\r\n  #scm-jb .jb-cta{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #scm-jb .jb-anatomy{\r\n    gap:50px;\r\n\r\n    padding:75px 0 85px;\r\n  }\r\n\r\n  #scm-jb .jb-browser-nav{\r\n    gap:10px;\r\n  }\r\n\r\n  #scm-jb .jb-browser-nav span:nth-of-type(2),\r\n  #scm-jb .jb-browser-nav span:nth-of-type(3){\r\n    display:none;\r\n  }\r\n\r\n  #scm-jb .jb-browser-hero{\r\n    min-height:220px;\r\n  }\r\n\r\n  #scm-jb .jb-browser-hero strong{\r\n    font-size:28px;\r\n  }\r\n\r\n  #scm-jb .jb-matrix{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #scm-jb .jb-feature{\r\n    min-height:auto;\r\n  }\r\n\r\n  #scm-jb .jb-feature-image{\r\n    height:70vw;\r\n  }\r\n\r\n  #scm-jb .jb-feature-copy{\r\n    padding:55px 28px;\r\n  }\r\n\r\n  #scm-jb .jb-radar{\r\n    min-height:600px;\r\n  }\r\n\r\n  #scm-jb .pulse-3{\r\n    width:470px;\r\n    height:470px;\r\n  }\r\n\r\n  #scm-jb .radar-item{\r\n    padding:10px;\r\n  }\r\n\r\n  #scm-jb .radar-item b{\r\n    font-size:14px;\r\n  }\r\n\r\n  #scm-jb .r1{left:4%;top:12%}\r\n  #scm-jb .r2{right:3%;top:14%}\r\n  #scm-jb .r3{left:3%;bottom:15%}\r\n  #scm-jb .r4{right:3%;bottom:14%}\r\n  #scm-jb .r5{left:5%;top:45%}\r\n  #scm-jb .r6{right:5%;top:50%}\r\n\r\n  #scm-jb .jb-seo-title,\r\n  #scm-jb .jb-seo-copy{\r\n    min-height:auto;\r\n\r\n    padding:60px 28px;\r\n  }\r\n\r\n  #scm-jb .jb-seo-title{\r\n    border-right:0;\r\n    border-bottom:1px solid #333;\r\n  }\r\n\r\n  #scm-jb .jb-seo-checks{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  #scm-jb .jb-diagonal{\r\n    display:block;\r\n\r\n    min-height:0;\r\n  }\r\n\r\n  #scm-jb .jb-diagonal-line{\r\n    display:none;\r\n  }\r\n\r\n  #scm-jb .jb-diagonal article,\r\n  #scm-jb .jb-diagonal .d1,\r\n  #scm-jb .jb-diagonal .d2,\r\n  #scm-jb .jb-diagonal .d3,\r\n  #scm-jb .jb-diagonal .d4,\r\n  #scm-jb .jb-diagonal .d5{\r\n    min-height:0;\r\n\r\n    margin:0;\r\n    padding:22px 0;\r\n\r\n    border:0;\r\n    border-bottom:1px solid var(--line);\r\n\r\n    transform:none;\r\n  }\r\n\r\n  #scm-jb .jb-diagonal h3{\r\n    margin:28px 0 12px;\r\n  }\r\n\r\n  #scm-jb .jb-nearby{\r\n    gap:45px;\r\n\r\n    padding:75px 0 85px;\r\n  }\r\n\r\n  #scm-jb .jb-faq-layout{\r\n    gap:50px;\r\n  }\r\n\r\n  #scm-jb .jb-faq-intro{\r\n    position:static;\r\n  }\r\n\r\n  #scm-jb .jb-cta{\r\n    min-height:auto;\r\n\r\n    padding:80px 0 90px;\r\n  }\r\n\r\n  #scm-jb .jb-big-arrow{\r\n    position:absolute;\r\n\r\n    left:-10px;\r\n    top:50px;\r\n\r\n    font-size:260px;\r\n\r\n    opacity:.5;\r\n  }\r\n\r\n  #scm-jb .jb-cta-copy{\r\n    padding-top:130px;\r\n  }\r\n\r\n  #scm-jb .jb-cta-copy 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-jb .jb-mark span,\r\n  #scm-jb .pulse{\r\n    animation:none!important;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  var root=document.getElementById('scm-jb');\r\n  if(!root) return;\r\n\r\n  root.querySelectorAll('.jb-faq details').forEach(function(item){\r\n    item.addEventListener('toggle',function(){\r\n      if(!item.open) return;\r\n\r\n      root.querySelectorAll('.jb-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>JB WEB DESIGN JOHOR BAHRU \/ JB \/ MALAYSIA Professional Web Design in Johor Bahru for Modern Businesses. SYSCOMM creates professional websites for Johor Bahru businesses that need to look credible, explain their value clearly and support enquiries, ecommerce or more complex digital workflows. From corporate websites and WordPress to Shopify, ecommerce and custom development, [&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-7615","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/pages\/7615","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=7615"}],"version-history":[{"count":24,"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/pages\/7615\/revisions"}],"predecessor-version":[{"id":8426,"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/pages\/7615\/revisions\/8426"}],"wp:attachment":[{"href":"https:\/\/syscomm.com.my\/ms\/wp-json\/wp\/v2\/media?parent=7615"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}