{"id":1866,"date":"2026-08-06T12:29:03","date_gmt":"2026-08-06T12:29:03","guid":{"rendered":"https:\/\/bomomedia.com\/?page_id=1866"},"modified":"2026-08-07T07:13:14","modified_gmt":"2026-08-07T07:13:14","slug":"home","status":"publish","type":"page","link":"https:\/\/bomomedia.com\/home\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Bomo Media | \u0628\u0648 \u0645\u0648 \u0645\u064a\u062f\u064a\u0627 \u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a<\/title>\r\n \r\n <!-- Google Fonts -->\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@300;400;600;800&family=Cairo:wght@300;400;700;900&display=swap\" rel=\"stylesheet\">\r\n \r\n <!-- FontAwesome Icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n <style>\r\n :root {\r\n --bg-dark: #0b0f19;\r\n --bg-card: #131c2e;\r\n --bg-alt: #0f1626;\r\n --accent-purple: #9333ea;\r\n --accent-blue: #3b82f6;\r\n --accent-pink: #ec4899;\r\n --text-light: #f8fafc;\r\n --text-gray: #94a3b8;\r\n --font-main: 'Cairo', sans-serif;\r\n --font-english: 'Sora', sans-serif;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body {\r\n background-color: var(--bg-dark);\r\n color: var(--text-light);\r\n font-family: var(--font-main);\r\n overflow-x: hidden;\r\n padding-top: 25px;\r\n }\r\n\r\n \/* Custom Scrollbar *\/\r\n ::-webkit-scrollbar {\r\n width: 8px;\r\n }\r\n ::-webkit-scrollbar-track {\r\n background: var(--bg-dark);\r\n }\r\n ::-webkit-scrollbar-thumb {\r\n background: var(--accent-purple);\r\n border-radius: 10px;\r\n }\r\n\r\n \/* Fixed Header *\/\r\n header.bomo-forced-header {\r\n display: flex !important;\r\n visibility: visible !important;\r\n opacity: 1 !important;\r\n position: fixed !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n padding: 15px 5% !important;\r\n justify-content: space-between !important;\r\n align-items: center !important;\r\n z-index: 999999 !important;\r\n background: rgba(11, 15, 25, 0.95) !important;\r\n backdrop-filter: blur(20px) !important;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;\r\n direction: rtl !important;\r\n }\r\n\r\n .logo-container {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 12px !important;\r\n text-decoration: none !important;\r\n }\r\n\r\n .logo-img {\r\n height: 45px !important;\r\n width: 45px !important;\r\n object-fit: cover !important;\r\n background: var(--bg-card);\r\n border-radius: 50% !important;\r\n padding: 3px;\r\n border: 2px solid var(--accent-blue);\r\n }\r\n\r\n .logo-text {\r\n font-family: var(--font-english);\r\n font-weight: 800;\r\n font-size: 1.3rem;\r\n color: var(--text-light);\r\n }\r\n\r\n .logo-text span {\r\n color: var(--accent-blue);\r\n }\r\n\r\n \/* Desktop Navigation *\/\r\n nav.bomo-forced-nav {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 30px !important;\r\n }\r\n\r\n nav.bomo-forced-nav a {\r\n color: var(--text-gray);\r\n text-decoration: none;\r\n font-size: 1rem;\r\n font-weight: 700;\r\n transition: 0.3s ease;\r\n }\r\n\r\n nav.bomo-forced-nav a:hover {\r\n color: var(--accent-blue);\r\n }\r\n\r\n .nav-btn {\r\n background: linear-gradient(135deg, var(--accent-purple), var(--accent-pink));\r\n padding: 10px 20px;\r\n border-radius: 50px;\r\n color: #fff !important;\r\n text-decoration: none;\r\n font-weight: 700;\r\n box-shadow: 0 4px 15px rgba(147, 51, 234, 0.4);\r\n display: inline-flex !important;\r\n align-items: center;\r\n gap: 8px;\r\n font-size: 0.9rem;\r\n }\r\n\r\n \/* Mobile Menu Toggle Button *\/\r\n .menu-toggle {\r\n display: none;\r\n background: none;\r\n border: none;\r\n color: var(--text-light);\r\n font-size: 1.5rem;\r\n cursor: pointer;\r\n }\r\n\r\n \/* Mobile Navigation Overlay *\/\r\n .mobile-menu {\r\n position: fixed;\r\n top: 75px;\r\n right: -100%;\r\n width: 100%;\r\n height: calc(100vh - 75px);\r\n background: rgba(11, 15, 25, 0.98);\r\n backdrop-filter: blur(25px);\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 25px;\r\n transition: 0.4s ease-in-out;\r\n z-index: 99998;\r\n }\r\n\r\n .mobile-menu.active {\r\n right: 0;\r\n }\r\n\r\n .mobile-menu a {\r\n color: var(--text-light);\r\n text-decoration: none;\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n }\r\n\r\n \/* Sections General *\/\r\n section {\r\n padding: 80px 5%;\r\n }\r\n\r\n .section-header {\r\n text-align: center;\r\n margin-bottom: 40px;\r\n }\r\n\r\n .section-tag {\r\n color: var(--accent-pink);\r\n font-weight: 700;\r\n font-size: 0.8rem;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n margin-bottom: 10px;\r\n display: block;\r\n }\r\n\r\n .section-title {\r\n font-size: 2.2rem;\r\n font-weight: 900;\r\n color: var(--text-light);\r\n }\r\n\r\n .section-title span {\r\n color: var(--accent-blue);\r\n }\r\n\r\n \/* Hero Section with Video Background *\/\r\n .hero {\r\n min-height: 90vh;\r\n display: flex;\r\n align-items: center;\r\n padding: 140px 5% 50px; \r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-video-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n z-index: 1;\r\n }\r\n\r\n .hero-overlay {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(11, 15, 25, 0.55);\r\n z-index: 2;\r\n }\r\n\r\n .hero-content {\r\n flex: 1;\r\n z-index: 3;\r\n position: relative;\r\n }\r\n\r\n .hero-title {\r\n font-size: 2.8rem;\r\n font-weight: 900;\r\n line-height: 1.25;\r\n margin-bottom: 20px;\r\n color: #ffffff;\r\n text-shadow: 0 2px 10px rgba(0,0,0,0.6);\r\n }\r\n\r\n .hero-title span {\r\n background: linear-gradient(to left, #60a5fa, #ec4899);\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n .hero-desc {\r\n color: #cbd5e1;\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n max-width: 600px;\r\n margin-bottom: 30px;\r\n text-shadow: 0 1px 8px rgba(0,0,0,0.6);\r\n }\r\n\r\n .hero-cta-group {\r\n display: flex;\r\n gap: 15px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .btn-main {\r\n padding: 12px 28px;\r\n border-radius: 50px;\r\n font-weight: 700;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: 0.3s ease;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .btn-glow {\r\n background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));\r\n color: #fff !important;\r\n box-shadow: 0 4px 20px rgba(59, 130, 246, 0.35);\r\n }\r\n\r\n .btn-outline {\r\n border: 1px solid rgba(255, 255, 255, 0.25);\r\n color: #fff !important;\r\n background: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n \/* Services Grid *\/\r\n .services-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n gap: 20px;\r\n }\r\n\r\n .service-card {\r\n background: var(--bg-card);\r\n border-radius: 20px;\r\n padding: 30px 20px;\r\n border: 1px solid rgba(255, 255, 255, 0.05);\r\n transition: 0.3s ease;\r\n box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n }\r\n\r\n .service-card:hover {\r\n transform: translateY(-5px);\r\n border-color: rgba(59, 130, 246, 0.3);\r\n }\r\n\r\n .service-card i {\r\n font-size: 2rem;\r\n color: var(--accent-blue);\r\n margin-bottom: 15px;\r\n }\r\n\r\n .service-card h3 {\r\n font-size: 1.15rem;\r\n margin-bottom: 10px;\r\n color: var(--text-light);\r\n }\r\n\r\n .service-card p {\r\n color: var(--text-gray);\r\n font-size: 0.9rem;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Interactive Calculator *\/\r\n .calculator-section {\r\n background: var(--bg-alt);\r\n border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .calc-container {\r\n max-width: 700px;\r\n margin: 0 auto;\r\n background: var(--bg-card);\r\n border-radius: 20px;\r\n padding: 25px;\r\n border: 1px solid rgba(147, 51, 234, 0.2);\r\n box-shadow: 0 20px 50px rgba(0,0,0,0.4);\r\n }\r\n\r\n .calc-group {\r\n margin-bottom: 20px;\r\n }\r\n\r\n .calc-label {\r\n font-size: 0.95rem;\r\n font-weight: 700;\r\n margin-bottom: 8px;\r\n display: block;\r\n color: #60a5fa;\r\n }\r\n\r\n .calc-select, .calc-checkbox-group {\r\n width: 100%;\r\n background: #0b0f19;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n border-radius: 10px;\r\n padding: 12px;\r\n color: var(--text-light);\r\n font-family: var(--font-main);\r\n font-size: 0.9rem;\r\n outline: none;\r\n }\r\n\r\n .calc-select option {\r\n background: #0b0f19;\r\n color: var(--text-light);\r\n }\r\n\r\n .price-display {\r\n background: rgba(147, 51, 234, 0.1);\r\n border: 1px dashed var(--accent-purple);\r\n border-radius: 12px;\r\n padding: 15px;\r\n text-align: center;\r\n margin-top: 20px;\r\n }\r\n\r\n .price-amount {\r\n font-size: 2rem;\r\n font-weight: 900;\r\n color: var(--text-light);\r\n font-family: var(--font-english);\r\n }\r\n\r\n .price-amount span {\r\n color: var(--accent-pink);\r\n }\r\n\r\n .calc-buy-btn {\r\n display: block !important;\r\n width: 100%;\r\n margin-top: 15px;\r\n background: linear-gradient(135deg, var(--accent-purple), var(--accent-pink));\r\n color: #fff !important;\r\n text-align: center;\r\n padding: 12px;\r\n border-radius: 10px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: 1rem;\r\n }\r\n\r\n \/* Footer *\/\r\n footer.bomo-forced-footer {\r\n display: block !important;\r\n visibility: visible !important;\r\n opacity: 1 !important;\r\n padding: 50px 5% 30px !important;\r\n text-align: center !important;\r\n border-top: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n color: var(--text-gray) !important;\r\n background: var(--bg-alt) !important;\r\n direction: rtl !important;\r\n }\r\n\r\n .footer-content {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 15px;\r\n max-width: 500px;\r\n margin: 0 auto 25px auto;\r\n }\r\n\r\n .footer-logo-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n text-decoration: none;\r\n }\r\n\r\n .footer-logo-img {\r\n height: 40px;\r\n width: 40px;\r\n object-fit: cover;\r\n border-radius: 50%;\r\n background: var(--bg-card);\r\n border: 1px solid var(--accent-blue);\r\n }\r\n\r\n .footer-logo-text {\r\n font-family: var(--font-english);\r\n font-weight: 800;\r\n font-size: 1.2rem;\r\n color: var(--text-light);\r\n }\r\n\r\n .footer-logo-text span {\r\n color: var(--accent-blue);\r\n }\r\n\r\n .footer-desc {\r\n font-size: 0.9rem;\r\n color: var(--text-gray);\r\n line-height: 1.6;\r\n }\r\n\r\n .footer-contact-links {\r\n display: flex;\r\n gap: 15px;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .contact-pill {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 8px 18px;\r\n border-radius: 50px;\r\n text-decoration: none;\r\n font-weight: 700;\r\n font-size: 0.85rem;\r\n transition: 0.3s ease;\r\n }\r\n\r\n .whatsapp-pill { background: #25d366; color: #fff !important; }\r\n .phone-pill { background: var(--accent-blue); color: #fff !important; }\r\n .facebook-pill { background: #1877f2; color: #fff !important; }\r\n\r\n .footer-copyright {\r\n border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n padding-top: 15px;\r\n font-size: 0.85rem;\r\n color: var(--text-gray);\r\n }\r\n\r\n \/* Responsive Breakpoints for Mobile and Tablets *\/\r\n @media (max-width: 992px) {\r\n nav.bomo-forced-nav {\r\n display: none !important;\r\n }\r\n .menu-toggle {\r\n display: block;\r\n }\r\n .hero-title {\r\n font-size: 2.2rem;\r\n }\r\n .hero {\r\n text-align: center;\r\n padding-top: 120px;\r\n }\r\n .hero-cta-group {\r\n justify-content: center;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .hero-title {\r\n font-size: 1.8rem;\r\n }\r\n .section-title {\r\n font-size: 1.8rem;\r\n }\r\n .calc-container {\r\n padding: 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <!-- Header -->\r\n <header class=\"bomo-forced-header\">\r\n <a href=\"#\" class=\"logo-container\">\r\n <img decoding=\"async\" class=\"logo-img\" src=\"https:\/\/bomomedia.com\/wp-content\/uploads\/2026\/07\/11zon_cropped.png\" alt=\"Bomo Media Logo\">\r\n <span class=\"logo-text\">BOMO<span>MEDIA<\/span><\/span>\r\n <\/a>\r\n \r\n <!-- Desktop Nav -->\r\n <nav class=\"bomo-forced-nav\">\r\n <a href=\"#\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\r\n <a href=\"#services\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\r\n <a href=\"#calculator\">\u062d\u0633\u0627\u0628 \u0627\u0644\u062a\u0643\u0644\u0641\u0629<\/a>\r\n <a href=\"https:\/\/bomomedia.com\/shop\/\">\u0627\u0644\u0645\u062a\u062c\u0631<\/a>\r\n <a href=\"https:\/\/bomomedia.com\/shop\/\" class=\"nav-btn\"><i class=\"fa-solid fa-cart-shopping\"><\/i> \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062a\u062c\u0631<\/a>\r\n <\/nav>\r\n\r\n <!-- Mobile Toggle Button -->\r\n <button class=\"menu-toggle\" id=\"menuToggle\" aria-label=\"Open Menu\">\r\n <i class=\"fa-solid fa-bars\"><\/i>\r\n <\/button>\r\n <\/header>\r\n\r\n <!-- Mobile Menu -->\r\n <div class=\"mobile-menu\" id=\"mobileMenu\">\r\n <a href=\"#\" onclick=\"toggleMenu()\">\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629<\/a>\r\n <a href=\"#services\" onclick=\"toggleMenu()\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627<\/a>\r\n <a href=\"#calculator\" onclick=\"toggleMenu()\">\u062d\u0633\u0627\u0628 \u0627\u0644\u062a\u0643\u0644\u0641\u0629<\/a>\r\n <a href=\"https:\/\/bomomedia.com\/shop\/\">\u0627\u0644\u0645\u062a\u062c\u0631<\/a>\r\n <a href=\"https:\/\/bomomedia.com\/shop\/\" class=\"nav-btn\"><i class=\"fa-solid fa-cart-shopping\"><\/i> \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u062a\u062c\u0631<\/a>\r\n <\/div>\r\n\r\n <!-- Hero Section with Video Background Loop -->\r\n <section class=\"hero\">\r\n <video class=\"hero-video-bg\" autoplay muted loop playsinline>\r\n <source src=\"https:\/\/bomomedia.com\/wp-content\/uploads\/2026\/08\/WhatsApp-Video-2026-06-27-at-10.11.47-AM.mp4\" type=\"video\/mp4\">\r\n \u0645\u062a\u0635\u0641\u062d\u0643 \u0644\u0627 \u064a\u062f\u0639\u0645 \u062a\u0634\u063a\u064a\u0644 \u0627\u0644\u0641\u064a\u062f\u064a\u0648.\r\n <\/video>\r\n \r\n <div class=\"hero-overlay\"><\/div>\r\n\r\n <div class=\"hero-content\">\r\n <span class=\"section-tag\" style=\"color: #60a5fa;\">\u0628\u0648\u0627\u0628\u062a\u0643 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0646\u062d\u0648 \u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u0639\u0627\u0644\u0645\u064a \ud83d\ude80<\/span>\r\n <h1 class=\"hero-title\">\u0646\u0635\u0646\u0639 \u0644\u0643 <span>\u0623\u0641\u0636\u0644 \u0647\u0648\u064a\u0629<\/span> \u0648\u0645\u0648\u0642\u0639 \u0639\u0644\u0649 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a<\/h1>\r\n <p class=\"hero-desc\">\r\n \u0641\u064a \u0628\u0648 \u0645\u0648 \u0645\u064a\u062f\u064a\u0627\u060c \u0646\u0628\u062a\u0643\u0631 \u062d\u0644\u0648\u0644 \u0648\u064a\u0628 \u0645\u062a\u0642\u062f\u0645\u0629\u060c \u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648\u060c \u0645\u0648\u0627\u0642\u0639 \u0625\u062e\u0628\u0627\u0631\u064a\u0629\u060c \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0630\u0643\u064a\u0629 \u0645\u062e\u0635\u0635\u0629 \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0644\u0646\u0645\u0648 \u0646\u0634\u0627\u0637\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a \u0628\u0643\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629.\r\n <\/p>\r\n <div class=\"hero-cta-group\">\r\n <a href=\"#calculator\" class=\"btn-main btn-glow\"><i class=\"fa-solid fa-calculator\"><\/i> \u0627\u062d\u0633\u0628 \u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0645\u0634\u0631\u0648\u0639\u0643<\/a>\r\n <a href=\"https:\/\/bomomedia.com\/shop\/\" class=\"btn-main btn-outline\"><i class=\"fa-solid fa-store\"><\/i> \u0627\u0637\u0644\u0628 \u062e\u062f\u0645\u062a\u0643 \u0627\u0644\u0622\u0646<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Services Section -->\r\n <section id=\"services\">\r\n <div class=\"section-header\">\r\n <span class=\"section-tag\">Our Services<\/span>\r\n <h2 class=\"section-title\">\u062e\u062f\u0645\u0627\u062a\u0646\u0627 <span>\u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629<\/span><\/h2>\r\n <\/div>\r\n\r\n <div class=\"services-grid\">\r\n <div class=\"service-card\">\r\n <i class=\"fa-solid fa-newspaper\"><\/i>\r\n <h3>\u0645\u0648\u0627\u0642\u0639 \u0625\u062e\u0628\u0627\u0631\u064a\u0629<\/h3>\r\n <p>\u0628\u0648\u0627\u0628\u0627\u062a \u0625\u062e\u0628\u0627\u0631\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0645\u0635\u0645\u0645\u0629 \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u0642\u0627\u0644\u0627\u062a \u0648\u0627\u0644\u0623\u0642\u0633\u0627\u0645 \u0648\u0633\u0631\u0639\u0629 \u0627\u0644\u0639\u0631\u0636 \u0627\u0644\u0647\u0627\u0626\u0644\u0629.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <i class=\"fa-solid fa-id-badge\"><\/i>\r\n <h3>\u062a\u0635\u0645\u064a\u0645 \u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648<\/h3>\r\n <p>\u0639\u0631\u0636 \u0623\u0639\u0645\u0627\u0644\u0643 \u0627\u0644\u0634\u062e\u0635\u064a\u0629 \u0623\u0648 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0628\u0634\u0643\u0644 \u0631\u0627\u0642\u064a \u0648\u0627\u0644\u062c\u0630\u0627\u0628 \u064a\u0628\u0631\u0632 \u0645\u0647\u0627\u0631\u0627\u062a\u0643.<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <i class=\"fa-solid fa-laptop-code\"><\/i>\r\n <h3>\u0645\u0648\u0642\u0639 \u062e\u062f\u0645\u0627\u062a & \u0648\u064a\u0628 \u0623\u0628\u0644\u064a\u0643\u064a\u0634\u0646<\/h3>\r\n <p>\u0623\u0646\u0638\u0645\u0629 \u0648\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0648\u064a\u0628 \u0645\u062a\u0642\u062f\u0645\u0629 \u0644\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0628\u0643\u0641\u0627\u0621\u0629 \u0639\u0627\u0644\u064a\u0629 (900$).<\/p>\r\n <\/div>\r\n <div class=\"service-card\">\r\n <i class=\"fa-solid fa-mobile-screen-button\"><\/i>\r\n <h3>\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0623\u0646\u062f\u0631\u0648\u064a\u062f \u0648\u0627\u064a\u0641\u0648\u0646<\/h3>\r\n <p>\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0647\u0648\u0627\u062a\u0641 \u0627\u0644\u0630\u0643\u064a\u0629 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u0627\u0644\u062c\u0648\u062f\u0629 \u0644\u062a\u062c\u0631\u0628\u0629 \u0645\u0633\u062a\u062e\u062f\u0645 \u0645\u0630\u0647\u0644\u0629 (800$).<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Interactive Calculator -->\r\n <section id=\"calculator\" class=\"calculator-section\">\r\n <div class=\"section-header\">\r\n <span class=\"section-tag\">Interactive Estimator<\/span>\r\n <h2 class=\"section-title\">\u0627\u062d\u0633\u0628 \u062a\u0643\u0644\u0641\u0629 <span>\u0645\u0634\u0631\u0648\u0639\u0643 \u062a\u0644\u0642\u0627\u0626\u064a\u0627\u064b<\/span><\/h2>\r\n <\/div>\r\n\r\n <div class=\"calc-container\">\r\n <div class=\"calc-group\">\r\n <label class=\"calc-label\">1. \u0645\u0627 \u0647\u0648 \u0645\u0648\u0642\u0639\u0643 \u0623\u0648 \u062e\u062f\u0645\u062a\u0643 \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629\u061f<\/label>\r\n <select id=\"siteType\" class=\"calc-select\" onchange=\"calculatePrice()\">\r\n <option value=\"150\">\u0628\u0648\u0631\u062a\u0641\u0648\u0644\u064a\u0648 \/ \u0645\u0648\u0642\u0639 \u0634\u062e\u0635\u064a ($150)<\/option>\r\n <option value=\"250\">\u0645\u0648\u0642\u0639 \u0634\u0631\u0643\u0627\u062a \/ \u062a\u0639\u0631\u064a\u0641\u064a \u0644\u0644\u062e\u062f\u0645\u0627\u062a ($250)<\/option>\r\n <option value=\"400\">\u0645\u0648\u0642\u0639 \u0625\u062e\u0628\u0627\u0631\u064a \/ \u0628\u0648\u0627\u0628\u0629 \u0635\u062d\u0641\u064a\u0629 ($400)<\/option>\r\n <option value=\"500\">\u0645\u062a\u062c\u0631 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0645\u062a\u0643\u0627\u0645\u0644 ($500)<\/option>\r\n <option value=\"900\">\u0648\u064a\u0628 \u0623\u0628\u0644\u064a\u0643\u064a\u0634\u0646 \u0645\u062a\u0642\u062f\u0645 (Web Application) ($900)<\/option>\r\n <option value=\"800\">\u062a\u0637\u0628\u064a\u0642 \u0627\u0646\u062f\u0631\u0648\u064a\u062f \u0648\u0627\u064a\u0641\u0648\u0646 (Android & iOS) ($800)<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <div class=\"calc-group\">\r\n <label class=\"calc-label\">2. \u0647\u0644 \u062a\u062d\u062a\u0627\u062c \u062d\u062c\u0632 \u0627\u0633\u062a\u0636\u0627\u0641\u0629 \u0633\u062d\u0627\u0628\u064a\u0629 \u0633\u0631\u064a\u0639\u0629 \u0648\u062f\u0648\u0645\u064a\u0646\u061f<\/label>\r\n <div class=\"calc-checkbox-group\" style=\"background: #0b0f19;\">\r\n <label style=\"display: flex; align-items: center; gap: 10px; cursor: pointer; color: var(--text-light); font-size: 0.85rem;\">\r\n <input type=\"checkbox\" id=\"needHosting\" onchange=\"calculatePrice()\" style=\"width: 18px; height: 18px; accent-color: var(--accent-purple);\">\r\n \u0646\u0639\u0645\u060c \u0623\u062d\u062a\u0627\u062c \u062f\u0648\u0645\u064a\u0646 \u0648\u0627\u0633\u062a\u0636\u0627\u0641\u0629 \u0633\u0631\u064a\u0639\u0629 \u0644\u0645\u062f\u0629 \u0639\u0627\u0645 \u0643\u0627\u0645\u0644 (+$50)\r\n <\/label>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"price-display\">\r\n <p style=\"color: var(--text-gray); margin-bottom: 5px; font-size: 0.9rem;\">\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u062a\u0642\u062f\u064a\u0631\u064a\u0629 \u0644\u0645\u0634\u0631\u0648\u0639\u0643:<\/p>\r\n <div class=\"price-amount\">$<span id=\"totalPrice\">150<\/span><\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/bomomedia.com\/shop\/\" class=\"calc-buy-btn\">\r\n <i class=\"fa-solid fa-credit-card\"><\/i> \u0627\u0637\u0644\u0628 \u0627\u0644\u0622\u0646 \u0648\u0627\u062f\u0641\u0639 \u0628\u0623\u0645\u0627\u0646\r\n <\/a>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Footer -->\r\n <footer class=\"bomo-forced-footer\">\r\n <div class=\"footer-content\">\r\n <a href=\"#\" class=\"footer-logo-container\">\r\n <img decoding=\"async\" class=\"footer-logo-img\" src=\"https:\/\/bomomedia.com\/wp-content\/uploads\/2026\/07\/11zon_cropped.png\" alt=\"Bomo Media Logo\">\r\n <span class=\"footer-logo-text\">BOMO<span>MEDIA<\/span><\/span>\r\n <\/a>\r\n <p class=\"footer-desc\">\u0634\u0631\u064a\u0643\u0643 \u0627\u0644\u0631\u0642\u0645\u064a \u0627\u0644\u0623\u0645\u062b\u0644 \u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628\u060c \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a\u060c \u0648\u062d\u0644\u0648\u0644 \u0627\u0644\u0627\u0633\u062a\u0636\u0627\u0641\u0629 \u0627\u0644\u0633\u062d\u0627\u0628\u064a\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629.<\/p>\r\n <\/div>\r\n\r\n <div class=\"footer-contact-links\">\r\n <a href=\"https:\/\/wa.me\/201037215513\" target=\"_blank\" class=\"contact-pill whatsapp-pill\">\r\n <i class=\"fa-brands fa-whatsapp\"><\/i> \u0648\u0627\u062a\u0633\u0627\u0628\r\n <\/a>\r\n \r\n <a href=\"tel:01037215513\" class=\"contact-pill phone-pill\">\r\n <i class=\"fa-solid fa-phone\"><\/i> \u0627\u062a\u0635\u0644 \u0628\u0646\u0627\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.facebook.com\/bo.mo.media.show\" target=\"_blank\" class=\"contact-pill facebook-pill\">\r\n <i class=\"fa-brands fa-facebook-f\"><\/i> \u0641\u064a\u0633\u0628\u0648\u0643\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"footer-copyright\">\r\n <p>\u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629 \u00a9 2026 Bomo Media \u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a.<\/p>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ Toggle Mobile Menu\r\n const menuToggle = document.getElementById('menuToggle');\r\n const mobileMenu = document.getElementById('mobileMenu');\r\n\r\n menuToggle.addEventListener('click', () => {\r\n mobileMenu.classList.toggle('active');\r\n const icon = menuToggle.querySelector('i');\r\n if (mobileMenu.classList.contains('active')) {\r\n icon.classList.remove('fa-bars');\r\n icon.classList.add('fa-xmark');\r\n } else {\r\n icon.classList.remove('fa-xmark');\r\n icon.classList.add('fa-bars');\r\n }\r\n });\r\n\r\n function toggleMenu() {\r\n mobileMenu.classList.remove('active');\r\n const icon = menuToggle.querySelector('i');\r\n icon.classList.remove('fa-xmark');\r\n icon.classList.add('fa-bars');\r\n }\r\n\r\n \/\/ Calculator Logic\r\n function calculatePrice() {\r\n const siteTypeValue = parseInt(document.getElementById('siteType').value);\r\n const hostingValue = document.getElementById('needHosting').checked ? 50 : 0;\r\n const total = siteTypeValue + hostingValue;\r\n document.getElementById('totalPrice').innerText = total;\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2eed6a7 e-flex e-con-boxed e-con e-parent\" data-id=\"2eed6a7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\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>Bomo Media | \u0628\u0648 \u0645\u0648 \u0645\u064a\u062f\u064a\u0627 \u0644\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0648\u064a\u0628 \u0648\u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a BOMOMEDIA \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629 … <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1866","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/bomomedia.com\/home\/wp-json\/wp\/v2\/pages\/1866","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bomomedia.com\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bomomedia.com\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bomomedia.com\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bomomedia.com\/home\/wp-json\/wp\/v2\/comments?post=1866"}],"version-history":[{"count":33,"href":"https:\/\/bomomedia.com\/home\/wp-json\/wp\/v2\/pages\/1866\/revisions"}],"predecessor-version":[{"id":1917,"href":"https:\/\/bomomedia.com\/home\/wp-json\/wp\/v2\/pages\/1866\/revisions\/1917"}],"wp:attachment":[{"href":"https:\/\/bomomedia.com\/home\/wp-json\/wp\/v2\/media?parent=1866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}