{"id":35,"date":"2025-05-29T08:28:36","date_gmt":"2025-05-29T08:28:36","guid":{"rendered":"https:\/\/rubipanel.ir\/home\/"},"modified":"2026-02-21T07:51:11","modified_gmt":"2026-02-21T04:21:11","slug":"home","status":"publish","type":"page","link":"https:\/\/rubipanel.ir\/","title":{"rendered":"home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"35\" class=\"elementor elementor-35\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6895f8c6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6895f8c6\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-126c5a07\" data-id=\"126c5a07\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2c4f8233 elementor-widget elementor-widget-spacer\" data-id=\"2c4f8233\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-47602bac elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"47602bac\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3bc674e3\" data-id=\"3bc674e3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-ef4a300 e-con-full e-flex e-con e-parent\" data-id=\"ef4a300\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec62195 elementor-widget elementor-widget-html\" data-id=\"ec62195\" 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<!DOCTYPE html>\r\n<html lang=\"fa\" dir=\"rtl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <style>\r\n        html, body {\r\n            width: 100%;\r\n            margin: 0;\r\n            padding: 0;\r\n            overflow-x: hidden;\r\n            box-sizing: border-box;\r\n        }\r\n        .header-section {\r\n            position: relative;\r\n            width: 100vw;\r\n            max-width: none;\r\n            height: 300px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            text-align: center;\r\n            overflow: hidden;\r\n        #    background: #000000;\r\n            font-family: 'Vazirmatn', sans-serif;\r\n            color: #fff;\r\n            direction: rtl;\r\n            margin: 0 -50vw;\r\n            left: 50%;\r\n            right: 50%;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        .header-section img {\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: -3;\r\n            filter: brightness(30%) contrast(1.1);\r\n            transform: scale(1.02);\r\n            transition: transform 8s ease;\r\n        }\r\n        .header-section:hover img {\r\n            transform: scale(1.08);\r\n        }\r\n        .header-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n         #   background: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6));\r\n            z-index: -2;\r\n        }\r\n        .header-content {\r\n            z-index: 2;\r\n            max-width: 100%;\r\n            padding: 0px;\r\n            opacity: 0;\r\n            transform: translateY(-20px);\r\n            animation: slideIn 2s ease-out forwards;\r\n            margin-top: -50px;\r\n        }\r\n        @keyframes slideIn {\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n        .header-logo {\r\n            font-size: 5em;\r\n            font-weight: 750;\r\n            color: #00ff77;\r\n            text-shadow: 0 0 35px rgba(0, 255, 136, 1);\r\n            margin-bottom: 10px;\r\n            animation: pulse 2.5s infinite ease-in-out;\r\n        }\r\n        @keyframes neonGlow {\r\n            from { text-shadow: 0 0 10px rgba(0, 255, 136, 0.5); }\r\n            to { text-shadow: 0 0 20px rgba(0, 255, 136, 0.8), 0 0 30px rgba(0, 255, 136, 0.4); }\r\n        }\r\n        @keyframes pulse {\r\n            0%, 100% { transform: scale(1); }\r\n            50% { transform: scale(1.05); }\r\n        }\r\n        .header-content h1 {\r\n            font-size: 1.8em;\r\n            font-weight: 600;\r\n            margin: 0 0 10px 0;\r\n            color: #fff;\r\n            letter-spacing: 0.5px;\r\n        }\r\n        .header-content p {\r\n            font-size: 1.5em;\r\n            color: #dddddd;\r\n            margin: 0 0 15px 0;\r\n            line-height: 1.5;\r\n        }\r\n        .cta-buttons {\r\n            display: flex;\r\n            gap: 20px;\r\n            justify-content: center;\r\n            flex-wrap: wrap;\r\n        }\r\n        .btn {\r\n            padding: 15px 120px;\r\n            font-size: 1.5em;\r\n            font-weight: 500;\r\n            border-radius: 50px;\r\n            cursor: pointer;\r\n            text-decoration: none;\r\n            transition: all 0.5s ease;\r\n            display: inline-block;\r\n            position: relative;\r\n            overflow: hidden;\r\n            margin-bottom: 0px;\r\n        }\r\n        .btn-primary {\r\n            background: linear-gradient(90deg, #00ff88, #00cc66);\r\n            color: #1a1a1a;\r\n            box-shadow: 0 4px 12px rgba(0, 255, 136, 0.3);\r\n        }\r\n        .btn-primary::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);\r\n            transition: left 0.4s ease;\r\n        }\r\n        .btn-primary:hover::before {\r\n            left: 100%;\r\n        }\r\n        .btn-primary:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 18px rgba(0, 255, 136, 0.5);\r\n        }\r\n        .btn-secondary {\r\n            background: transparent;\r\n            color: #00ff88;\r\n            border: 2px solid #00ff88;\r\n        }\r\n        .btn-secondary:hover {\r\n            background: #00ff88;\r\n            color: #1a1a1a;\r\n            transform: translateY(-2px);\r\n        }\r\n        .stardust {\r\n            position: absolute;\r\n            top: 0;\r\n            right: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            z-index: -1;\r\n            pointer-events: none;\r\n        }\r\n        .stardust span {\r\n            position: absolute;\r\n            width: 3px;\r\n            height: 3px;\r\n            background: #ffffff;\r\n            border-radius: 50%;\r\n            opacity: 0.9;\r\n            box-shadow: 0 0 8px 2px rgba(255, 255, 255, 0.8);\r\n            animation: flicker 2s infinite, float 6s infinite;\r\n        }\r\n        @keyframes flicker {\r\n            0%, 100% { opacity: 0.9; transform: scale(1); }\r\n            50% { opacity: 0.4; transform: scale(1.3); }\r\n        }\r\n        @keyframes float {\r\n            0% { transform: translate(0, 0); }\r\n            50% { transform: translate(-20px, -20px); }\r\n            100% { transform: translate(0, 0); }\r\n        }\r\n        @media (max-width: 768px) {\r\n            .header-section {\r\n                height: 250px;\r\n                margin: 0 -50vw;\r\n            }\r\n            .header-logo {\r\n                font-size: 3em;\r\n                margin-top: 0px;\r\n            }\r\n            .header-content h1 {\r\n                font-size: 1.7em;\r\n            }\r\n            .header-content p {\r\n                font-size: 1em;\r\n            }\r\n            .btn {\r\n                padding: 5px 23px;\r\n                font-size: 1em;\r\n                margin-bottom: -50px;\r\n            }\r\n            .stardust span {\r\n                width: 2px;\r\n                height: 2px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <section class=\"header-section\">\r\n        <div class=\"stardust\">\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n        <\/div>\r\n        <div class=\"circuit-effect\"><\/div>\r\n        <div class=\"header-content\">\r\n            <div class=\"header-logo\">\u0631\u0648\u0628\u06cc\u067e\u0646\u0644<\/div>\r\n            <h1>\u062c\u0647\u0634 \u0633\u0631\u06cc\u0639 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0634\u0645\u0627<\/h1>\r\n            <div class=\"cta-buttons\">\r\n                <a href=\"https:\/\/rubipanel.ir\/login\/\" class=\"btn btn-primary\">\u0648\u0631\u0648\u062f \u0628\u0647 \u067e\u0646\u0644 \u06a9\u0627\u0631\u0628\u0631\u06cc<\/a>\r\n                <a href=\"https:\/\/rubipanel.ir\/services\" class=\"btn btn-secondary\">\u0644\u06cc\u0633\u062a \u0633\u0631\u0648\u06cc\u0633 \u0647\u0627<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    <script>\r\n        window.addEventListener('load', function() {\r\n            const stars = document.querySelectorAll('.stardust span');\r\n            stars.forEach(star => {\r\n                star.style.top = Math.random() * 100 + '%';\r\n                star.style.right = Math.random() * 100 + '%';\r\n                star.style.animationDelay = Math.random() * 4 + 's';\r\n            });\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-56a0fd4 e-con-full e-flex e-con e-parent\" data-id=\"56a0fd4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2005342 elementor-widget elementor-widget-html\" data-id=\"2005342\" 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<!DOCTYPE html>\r\n<html lang=\"fa\" dir=\"rtl\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Rubipanel Orders<\/title>\r\n  <style>\r\n    * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    body {\r\n      margin: 0;\r\n      font-family: 'Vazirmatn', sans-serif;\r\n      background: linear-gradient(135deg, #0a0a1a, #1a2a3e);\r\n    }\r\n\r\n    .order-section {\r\n      padding: 0px 0px;\r\n      display: flex;\r\n      justify-content: center;\r\n    }\r\n\r\n    .cards-container {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(0px, 1fr));\r\n      gap: 25px;\r\n      width: 100%;\r\n      max-width: 1200px;\r\n      \/*margin: 10px;*\/\r\n    }\r\n\r\n    .order-card {\r\n      background: linear-gradient(180deg, rgba(0, 0, 0, 0.7), rgba(255, 0, 255, 0.1)) !important;\r\n      border-radius: 15px;\r\n      padding: 20px;\r\n      text-align: center;\r\n      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);\r\n      transition: all 0.4s ease;\r\n      overflow: hidden;\r\n      animation: fadeIn 5s ease-out;\r\n      border: 1px solid rgba(136, 0, 255, 0.2);\r\n    }\r\n\r\n    .order-card:hover {\r\n      transform: translateY(-10px) rotate(2deg);\r\n      box-shadow: 0 15px 50px rgba(136, 0, 255, 0.6);\r\n    }\r\n\r\n    @keyframes fadeIn {\r\n      from { opacity: 0; }\r\n      to { opacity: 1; }\r\n    }\r\n\r\n    .card-header {\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n      margin-bottom: 0px;\r\n    }\r\n\r\n    .card-header h3 {\r\n      font-size: 1.3rem;\r\n      color: #fff;\r\n      margin: 0;\r\n      font-weight: 700;\r\n      text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);\r\n    }\r\n\r\n    .card-icon {\r\n      font-size: 2.5rem;\r\n      color: #ff69b4;\r\n      transition: transform 0.3s ease;\r\n    }\r\n\r\n    .order-card:hover .card-icon {\r\n      transform: scale(1.2);\r\n    }\r\n\r\n    .card-features {\r\n      list-style: none;\r\n      padding: 0;\r\n      margin: 0px 0;\r\n      text-align: right;\r\n    }\r\n\r\n    .card-features li {\r\n      align-items: center;\r\n      justify-content: flex-end !important; \/* \u0645\u062a\u0646 \u0633\u0645\u062a \u0631\u0627\u0633\u062a *\/\r\n      margin-bottom: 7px;\r\n      color: #f0f0f0;\r\n      font-size: 1rem;\r\n      height: 15px;\r\n      transition: color 0.3s ease;\r\n    }\r\n\r\n    .order-card:hover .card-features li {\r\n      color: #fff;\r\n    }\r\n\r\n    .feature-icon {\r\n      order: 2; \/* \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0627\u06cc\u0645\u0648\u062c\u06cc \u0628\u0647 \u0633\u0645\u062a \u0686\u067e *\/\r\n      font-size: 1.2rem;\r\n      color: #00ffaa;\r\n      transition: transform 0.3s ease;\r\n      margin-left: 10px !important; \/* \u0641\u0627\u0635\u0644\u0647 \u0627\u0632 \u0645\u062a\u0646 *\/\r\n    }\r\n\r\n    .order-card:hover .feature-icon {\r\n      transform: scale(1.1);\r\n    }\r\n\r\n    .card-price {\r\n      font-size: 1.3rem;\r\n      font-weight: 700;\r\n      color: #ffd700;\r\n      margin: 10px 0;\r\n      margin-top: 30px !important; \/* \u0641\u0627\u0635\u0644\u0647 \u0627\u0632 \u0645\u062a\u0646 *\/\r\n      padding: 0px 0px;\r\n      border-radius: 25px;\r\n      background: rgba(255, 255, 255, 0.2);\r\n      animation: pulse 2s;\r\n    }\r\n\r\n    @keyframes pulse {\r\n      0% { transform: scale(0.5); }\r\n      50% { transform: scale(0.8); }\r\n      100% { transform: scale(1); }\r\n    }\r\n\r\n    .btn-order {\r\n      display: inline-block;\r\n      background: linear-gradient(45deg, #8800ff, #ff00cc);\r\n      color: #fff;\r\n      padding: 0px 0px;\r\n      border-radius: 25px;\r\n      text-decoration: none;\r\n      font-weight: 700;\r\n      font-size: 1.1rem;\r\n      transition: all 0.4s ease;\r\n      border: none;\r\n      width: 100%;\r\n      box-shadow: 0 5px 20px rgba(136, 0, 255, 0.4);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .btn-order::after {\r\n      content: '';\r\n      position: absolute;\r\n      width: 0;\r\n      height: 100%;\r\n      background: rgba(255, 255, 255, 0.2);\r\n      top: 0;\r\n      left: 0;\r\n      transition: width 0.4s ease;\r\n    }\r\n\r\n    .btn-order:hover::after {\r\n      width: 100%;\r\n    }\r\n\r\n    .btn-order:hover {\r\n      transform: scale(1.1);\r\n      box-shadow: 0 8px 30px rgba(136, 0, 255, 0.6);\r\n    }\r\n\r\n    .stardust {\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      z-index: -1;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .stardust span {\r\n      position: absolute;\r\n      width: 3px;\r\n      height: 3px;\r\n      background: #ffffff;\r\n      border-radius: 50%;\r\n      opacity: 0.9;\r\n      box-shadow: 0 0 8px 2px rgba(255, 255, 255, 0.8);\r\n      animation: flicker 2s infinite, float 6s infinite;\r\n    }\r\n\r\n    \/* \u063a\u06cc\u0631\u0641\u0639\u0627\u0644 \u06a9\u0631\u062f\u0646 \u0627\u0646\u062a\u062e\u0627\u0628 \u0648 \u06a9\u067e\u06cc \u0645\u062a\u0646 \u062f\u0631 \u06a9\u0627\u062f\u0631\u0647\u0627 *\/\r\n    .card-header h3,\r\n    .card-features li,\r\n    .card-price {\r\n        user-select: none; \/* \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u062a\u0646 *\/\r\n        pointer-events: none; \/* \u063a\u06cc\u0631\u0641\u0639\u0627\u0644 \u06a9\u0631\u062f\u0646 \u062a\u0639\u0627\u0645\u0644 \u0628\u0627 \u0645\u062a\u0646 *\/\r\n    }\r\n    \r\n    \/* \u0627\u0637\u0645\u06cc\u0646\u0627\u0646 \u0627\u0632 \u0627\u06cc\u0646\u06a9\u0647 \u062f\u06a9\u0645\u0647 \u0633\u0641\u0627\u0631\u0634 \u0647\u0645\u0686\u0646\u0627\u0646 \u0642\u0627\u0628\u0644 \u06a9\u0644\u06cc\u06a9 \u0628\u0627\u0634\u062f *\/\r\n    .btn-order {\r\n        pointer-events: auto; \/* \u0641\u0639\u0627\u0644 \u06a9\u0631\u062f\u0646 \u062a\u0639\u0627\u0645\u0644 \u0628\u0627 \u062f\u06a9\u0645\u0647 *\/\r\n    }\r\n\r\n    @keyframes flicker {\r\n      0%, 100% { opacity: 0.9; }\r\n      50% { opacity: 0.5; }\r\n    }\r\n\r\n    @keyframes float {\r\n      0% { transform: translateY(0); }\r\n      50% { transform: translateY(-10px); }\r\n      100% { transform: translateY(0); }\r\n    }\r\n    @media (max-width: 768px) {\r\n      .cards-container {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 15px;\r\n      }\r\n\r\n      .order-card {\r\n        padding: 15px;\r\n      }\r\n\r\n      .card-header {\r\n        flex-direction: column;\r\n        gap: 10px;\r\n      }\r\n\r\n      .card-price {\r\n        font-size: 1.4rem;\r\n      }\r\n\r\n      .btn-order {\r\n        font-size: 1rem;\r\n        padding: 12px 24px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <section class=\"order-section\">\r\n    <div class=\"stardust\">\r\n      <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n      <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n      <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n      <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n      <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n    <\/div>\r\n    <div class=\"cards-container\">\r\n      <!-- \u06a9\u0627\u0631\u062a \u06f1: \u0645\u0645\u0628\u0631 \u06a9\u0627\u0646\u0627\u0644 -->\r\n      <div class=\"order-card\">\r\n        <div class=\"card-header\">\r\n          <h3>\u0645\u0645\u0628\u0631 \u06a9\u0627\u0646\u0627\u0644<\/h3>\r\n          <div class=\"card-icon\">\ud83d\udce2<\/div>\r\n        <\/div>\r\n        <ul class=\"card-features\">\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0633\u0631\u0639\u062a \u0628\u0627\u0644\u0627<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0628\u062f\u0648\u0646 \u0631\u06cc\u0632\u0634<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0627\u0633\u062a\u0627\u0631\u062a \u0622\u0646\u06cc<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u06a9\u06cc\u0641\u06cc\u062a \u0627\u06cc\u0631\u0627\u0646\u06cc<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0636\u0645\u0627\u0646\u062a \u06a9\u0627\u0645\u0644<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u067e\u0627\u06cc\u0634 \u062e\u0648\u062f\u06a9\u0627\u0631<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u0637\u0645\u0626\u0646<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0641\u0639\u0627\u0644<\/li>\r\n        <\/ul>\r\n        <div class=\"card-price\">110,000<\/div>\r\n        <a href=\"https:\/\/rubipanel.ir\/dashboard\/?action=orders&section=new\" class=\"btn-order\">\u0633\u0641\u0627\u0631\u0634<\/a>\r\n      <\/div>\r\n     <!-- \u06a9\u0627\u0631\u062a \u06f3: \u0645\u0645\u0628\u0631 \u06af\u0631\u0648\u0647 -->\r\n      <div class=\"order-card\">\r\n        <div class=\"card-header\">\r\n          <h3>\u0645\u0645\u0628\u0631 \u06af\u0631\u0648\u0647<\/h3>\r\n          <div class=\"card-icon\">\ud83d\udc65<\/div>\r\n        <\/div>\r\n        <ul class=\"card-features\">\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0633\u0631\u0639\u062a \u0628\u0627\u0644\u0627<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0628\u062f\u0648\u0646 \u0631\u06cc\u0632\u0634<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0627\u0633\u062a\u0627\u0631\u062a \u0622\u0646\u06cc<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u06a9\u06cc\u0641\u06cc\u062a \u0627\u06cc\u0631\u0627\u0646\u06cc<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0636\u0645\u0627\u0646\u062a \u06a9\u0627\u0645\u0644<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u067e\u0627\u06cc\u0634 \u062e\u0648\u062f\u06a9\u0627\u0631<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u0637\u0645\u0626\u0646<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0641\u0639\u0627\u0644<\/li>\r\n        <\/ul>\r\n        <div class=\"card-price\">120,000<\/div>\r\n        <a href=\"https:\/\/rubipanel.ir\/dashboard\/?action=orders&section=new\" class=\"btn-order\">\u0633\u0641\u0627\u0631\u0634<\/a>\r\n      <\/div>\r\n      <!-- \u06a9\u0627\u0631\u062a \u06f2: \u0641\u0627\u0644\u0648\u0648\u0631 -->\r\n      <div class=\"order-card\">\r\n        <div class=\"card-header\">\r\n          <h3>\u0641\u0627\u0644\u0648\u0648\u0631 \u0631\u0648\u0628\u06cc\u0646\u0648<\/h3>\r\n          <div class=\"card-icon\">\ud83d\udc64<\/div>\r\n        <\/div>\r\n        <ul class=\"card-features\">\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0633\u0631\u0639\u062a \u0628\u0627\u0644\u0627<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0628\u062f\u0648\u0646 \u0631\u06cc\u0632\u0634<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0627\u0633\u062a\u0627\u0631\u062a \u0622\u0646\u06cc<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u06a9\u06cc\u0641\u06cc\u062a \u0627\u06cc\u0631\u0627\u0646\u06cc<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0636\u0645\u0627\u0646\u062a \u06a9\u0627\u0645\u0644<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u067e\u0627\u06cc\u0634 \u062e\u0648\u062f\u06a9\u0627\u0631<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u0637\u0645\u0626\u0646<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0641\u0639\u0627\u0644<\/li>\r\n        <\/ul>\r\n        <div class=\"card-price\">15,000<\/div>\r\n        <a href=\"https:\/\/rubipanel.ir\/dashboard\/?action=orders&section=new\" class=\"btn-order\">\u0633\u0641\u0627\u0631\u0634<\/a>\r\n      <\/div>\r\n      <!-- \u06a9\u0627\u0631\u062a \u06f4: \u0644\u0627\u06cc\u06a9 \u067e\u0633\u062a -->\r\n      <div class=\"order-card\">\r\n        <div class=\"card-header\">\r\n          <h3>\u0628\u0627\u0632\u062f\u06cc\u062f \u0627\u0633\u062a\u0648\u0631\u06cc<\/h3>\r\n          <div class=\"card-icon\">\u2708\ufe0f<\/div>\r\n        <\/div>\r\n        <ul class=\"card-features\">\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0633\u0631\u0639\u062a \u0628\u0627\u0644\u0627<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0628\u062f\u0648\u0646 \u0631\u06cc\u0632\u0634<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0627\u0633\u062a\u0627\u0631\u062a \u0622\u0646\u06cc<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u06a9\u06cc\u0641\u06cc\u062a \u0627\u06cc\u0631\u0627\u0646\u06cc<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0636\u0645\u0627\u0646\u062a \u06a9\u0627\u0645\u0644<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u067e\u0627\u06cc\u0634 \u062e\u0648\u062f\u06a9\u0627\u0631<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u0637\u0645\u0626\u0646<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0641\u0639\u0627\u0644<\/li>\r\n        <\/ul>\r\n        <div class=\"card-price\">7,000<\/div>\r\n        <a href=\"https:\/\/rubipanel.ir\/dashboard\/?action=orders&section=new\" class=\"btn-order\">\u0633\u0641\u0627\u0631\u0634<\/a>\r\n      <\/div>\r\n      <!-- \u06a9\u0627\u0631\u062a \u06f4: \u0644\u0627\u06cc\u06a9 \u067e\u0633\u062a -->\r\n      <div class=\"order-card\">\r\n        <div class=\"card-header\">\r\n          <h3>\u0644\u0627\u06cc\u06a9 \u0631\u0648\u0628\u06cc\u0646\u0648<\/h3>\r\n          <div class=\"card-icon\">\u2764\ufe0f<\/div>\r\n        <\/div>\r\n        <ul class=\"card-features\">\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0633\u0631\u0639\u062a \u0628\u0627\u0644\u0627<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0628\u062f\u0648\u0646 \u0631\u06cc\u0632\u0634<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0627\u0633\u062a\u0627\u0631\u062a \u0622\u0646\u06cc<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u06a9\u06cc\u0641\u06cc\u062a \u0627\u06cc\u0631\u0627\u0646\u06cc<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0636\u0645\u0627\u0646\u062a \u06a9\u0627\u0645\u0644<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u067e\u0627\u06cc\u0634 \u062e\u0648\u062f\u06a9\u0627\u0631<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u0637\u0645\u0626\u0646<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0641\u0639\u0627\u0644<\/li>\r\n        <\/ul>\r\n        <div class=\"card-price\">5,000<\/div>\r\n        <a href=\"https:\/\/rubipanel.ir\/dashboard\/?action=orders&section=new\" class=\"btn-order\">\u0633\u0641\u0627\u0631\u0634<\/a>\r\n      <\/div>\r\n      <!-- \u06a9\u0627\u0631\u062a \u06f4: \u0644\u0627\u06cc\u06a9 \u067e\u0633\u062a -->\r\n      <div class=\"order-card\">\r\n        <div class=\"card-header\">\r\n          <h3>\u0628\u0627\u0632\u062f\u06cc\u062f \u067e\u0633\u062a<\/h3>\r\n          <div class=\"card-icon\">\ud83d\udc41\u200d\ud83d\udde8<\/div>\r\n        <\/div>\r\n        <ul class=\"card-features\">\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0633\u0631\u0639\u062a \u0628\u0627\u0644\u0627<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0628\u062f\u0648\u0646 \u0631\u06cc\u0632\u0634<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0627\u0633\u062a\u0627\u0631\u062a \u0622\u0646\u06cc<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u06a9\u06cc\u0641\u06cc\u062a \u0627\u06cc\u0631\u0627\u0646\u06cc<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0636\u0645\u0627\u0646\u062a \u06a9\u0627\u0645\u0644<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u067e\u0627\u06cc\u0634 \u062e\u0648\u062f\u06a9\u0627\u0631<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u0637\u0645\u0626\u0646<\/li>\r\n          <li><span class=\"feature-icon\">\u2705<\/span>\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0641\u0639\u0627\u0644<\/li>\r\n        <\/ul>\r\n        <div class=\"card-price\">4,000<\/div>\r\n        <a href=\"https:\/\/rubipanel.ir\/dashboard\/?action=orders&section=new\" class=\"btn-order\">\u0633\u0641\u0627\u0631\u0634<\/a>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/section>\r\n  <script>\r\n    window.addEventListener('load', function() {\r\n      const stars = document.querySelectorAll('.stardust span');\r\n      stars.forEach(star => {\r\n        star.style.top = Math.random() * 100 + '%';\r\n        star.style.right = Math.random() * 100 + '%';\r\n        star.style.animationDelay = Math.random() * 4 + 's';\r\n      });\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b1d86c e-con-full e-flex e-con e-parent\" data-id=\"5b1d86c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ecd11c2 elementor-widget elementor-widget-html\" data-id=\"ecd11c2\" 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<!DOCTYPE html>\r\n<html lang=\"fa\" dir=\"rtl\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <style>\r\n    .why-section {\r\n    #  background: linear-gradient(135deg, #0a0a1a, #1a2a3e);\r\n      text-align: center;\r\n      width: 100%;\r\n      box-sizing: border-box;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n\r\n    .why-section::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n  #    background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 10%, transparent 80%);\r\n      opacity: 0.5;\r\n      z-index: 0;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .stardust {\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      z-index: 0;\r\n      pointer-events: none;\r\n    }\r\n\r\n    .stardust span {\r\n      position: absolute;\r\n      width: 3px;\r\n      height: 3px;\r\n      background: #ffffff;\r\n      border-radius: 50%;\r\n      opacity: 0.9;\r\n      box-shadow: 0 0 8px 2px rgba(255, 255, 255, 0.8);\r\n      animation: flicker 2s infinite, float 6s infinite;\r\n    }\r\n\r\n    @keyframes flicker {\r\n      0%, 100% { opacity: 0.8; transform: scale(1); }\r\n      50% { opacity: 0.3; transform: scale(1.2); }\r\n    }\r\n\r\n    @keyframes float {\r\n      0% { transform: translate(0, 0); }\r\n      50% { transform: translate(-10px, -10px); }\r\n      100% { transform: translate(0, 0); }\r\n    }\r\n\r\n    .why-title {\r\n      font-family: 'Poppins', sans-serif;\r\n      font-size: 2.5rem;\r\n      font-weight: 1000;\r\n      text-transform: uppercase;\r\n      display: inline-flex;\r\n      padding: 10px 40px;\r\n #     background: rgba(255, 255, 255, 0.15);\r\n      border-radius: 50px;\r\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);\r\n      margin-bottom: 20px;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .why-title span {\r\n      color: var(--color);\r\n      text-shadow: 0 0 20px var(--color), 0 0 10px rgba(0, 0, 0, 0.8);\r\n      display: inline-block;\r\n      animation: pulse 1.5s infinite ease-in-out;\r\n      animation-delay: calc(0.3s * var(--i));\r\n    }\r\n\r\n    @keyframes pulse {\r\n      0%, 100% { transform: scale(1); opacity: 1; }\r\n      50% { transform: scale(1.05); opacity: 0.9; }\r\n    }\r\n\r\n    .why-title span:nth-child(1) { --color: #ff4d4d; --i: 1; }\r\n    .why-title span:nth-child(2) { --color: #ff9e4d; --i: 2; }\r\n    .why-title span:nth-child(3) { --color: #ffeb4d; --i: 3; }\r\n    .why-title span:nth-child(4) { --color: #4dff88; --i: 4; }\r\n\r\n    .why-subtitle {\r\n      font-size: 3rem;\r\n      color: #666666;\r\n      margin-bottom: 5px;\r\n      margin-top: -50px;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .why-cards {\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n      gap: 20px;\r\n      max-width: 1200px;\r\n      margin: 0 auto;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .why-card {\r\n      background: linear-gradient(45deg, #770000, #000099);\r\n      background-size: 200% 200%;\r\n      animation: gradientShift 5s ease infinite;\r\n      color: #ffffff;\r\n      padding: 20px;\r\n      border-radius: 20px;\r\n      text-align: right;\r\n      position: relative;\r\n      overflow: hidden;\r\n      transition: transform 0.6s ease, box-shadow 0.6s ease;\r\n      box-shadow: 0 8px 20px rgba(0, 0, 0, 1);\r\n      display: flex;\r\n      align-items: center;\r\n      gap: 0px;\r\n      margin-bottom: 30px;\r\n    }\r\n\r\n    .why-card::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: radial-gradient(circle, rgba(0, 0, 0, 0.8) 20%, transparent 80%);\r\n      opacity: 0.6;\r\n      z-index: 0;\r\n    }\r\n\r\n    .why-card:hover {\r\n      transform: translateY(-5px);\r\n      box-shadow: 0 12px 25px rgba(119, 0, 0, 0.4);\r\n    }\r\n\r\n    .emoji-icon {\r\n      width: 50px;\r\n      height: 50px;\r\n      background: rgba(255, 255, 255, 0.1);\r\n      border-radius: 50%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      font-size: 1.5rem;\r\n      position: relative;\r\n      z-index: 1;\r\n      animation: pulse s infinite ease-in-out;\r\n    }\r\n    \r\n    .why-text {\r\n      user-select: none; \/* \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u062a\u0646 *\/\r\n      pointer-events: none; \/* \u063a\u06cc\u0631\u0641\u0639\u0627\u0644 \u06a9\u0631\u062f\u0646 \u062a\u0639\u0627\u0645\u0644 \u0628\u0627 \u0645\u062a\u0646 *\/\r\n      flex: 1;\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n    \r\n    .why-text strong {\r\n      color: #ffeb4d;\r\n      font-size: 1.2rem;\r\n      display: block;\r\n      margin-bottom: 5px;\r\n    }\r\n    \r\n    .why-text strong2 {\r\n      font-size: 3rem;\r\n      display: block;\r\n      margin-bottom: 10px;\r\n      font-weight: 600;\r\n      letter-spacing: 1.2px;\r\n      background: linear-gradient(45deg, #8800ff, #ff00cc);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.3);\r\n      animation: glow 0.8s ease-in-out infinite alternate;\r\n    }\r\n    \r\n    @keyframes glow {\r\n      from {\r\n        text-shadow: 0 0 10px rgba(136, 0, 255, 0.5), 0 0 10px rgba(136, 0, 255, 0.3    );\r\n      }\r\n      to {\r\n        text-shadow: 0 0 15px rgba(136, 0, 255, 0.8), 0 0 20px rgba(136, 0, 255, 0    .5);\r\n      }\r\n    }\r\n    \r\n    .why-text span {\r\n      color: #e0e0e0;\r\n      font-size: 1.1rem;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    @keyframes gradientShift {\r\n      0% { background-position: 0% 50%; }\r\n      50% { background-position: 100% 50%; }\r\n      100% { background-position: 0% 50%; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        \r\n      .why-text strong2{\r\n        font-size: 1.6rem;\r\n      }\r\n      .why-subtitle {\r\n        font-size: 2rem;\r\n      }\r\n      .why-cards {\r\n        grid-template-columns: repeat(2, 1fr); \/* \u06f2 \u0628\u0647 \u06f2 \u0631\u0648\u06cc \u0645\u0648\u0628\u0627\u06cc\u0644 *\/\r\n        gap: 15px;\r\n      }\r\n      .why-card {\r\n        padding: 10px;\r\n        flex-direction: column;\r\n        text-align: center;\r\n      }\r\n      .emoji-icon {\r\n        width: 60px;\r\n        height: 60px;\r\n        font-size: 1.8rem;\r\n      }\r\n      .stardust span {\r\n        width: 2px;\r\n        height: 2px;\r\n      }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <section class=\"why-section\">\r\n    <div class=\"why-text\">\r\n      <strong2>\u0647\u0645\u06cc\u0646 \u062d\u0627\u0644\u0627 \u0633\u0641\u0627\u0631\u0634 \u062f\u0647\u06cc\u062f...\u200b<\/strong2>\r\n    <\/div>\r\n    <div class=\"why-cards\">\r\n      <div class=\"why-card\">\r\n        <div class=\"stardust\">\r\n          <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n          <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n        <\/div>\r\n        <div class=\"emoji-icon\">\ud83d\ude80<\/div>\r\n        <div class=\"why-text\">\r\n          <strong>\u0627\u0633\u062a\u0627\u0631\u062a \u0641\u0648\u0631\u06cc<\/strong>\r\n          <span>\u0634\u0631\u0648\u0639 \u0633\u0641\u0627\u0631\u0634\u0627\u062a \u0628\u0644\u0627\u0641\u0627\u0635\u0644\u0647 \u067e\u0633 \u0627\u0632 \u062b\u0628\u062a<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"why-card\">\r\n        <div class=\"stardust\">\r\n          <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n          <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n        <\/div>\r\n        <div class=\"emoji-icon\">\u26a1\ufe0f<\/div>\r\n        <div class=\"why-text\">\r\n          <strong>\u0633\u0631\u0639\u062a \u0648 \u067e\u0627\u06cc\u062f\u0627\u0631\u06cc \u0628\u0627\u0644\u0627<\/strong>\r\n          <span>\u0628\u0647\u062a\u0631\u06cc\u0646 \u0639\u0645\u0644\u06a9\u0631\u062f \u0648 \u062f\u0642\u062a \u062f\u0631 \u0633\u0641\u0627\u0631\u0634\u0627\u062a<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"why-card\">\r\n        <div class=\"stardust\">\r\n          <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n          <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n        <\/div>\r\n        <div class=\"emoji-icon\">\u2705<\/div>\r\n        <div class=\"why-text\">\r\n          <strong>\u0627\u06a9\u0627\u0646\u062a \u0647\u0627\u06cc \u06a9\u0627\u0645\u0644\u0627 \u0641\u0639\u0627\u0644 \u0648 \u0627\u06cc\u0631\u0627\u0646\u06cc<\/strong>\r\n          <span>\u0627\u0641\u0632\u0627\u06cc\u0634 \u0627\u0639\u062a\u0628\u0627\u0631 \u062f\u0631 \u0633\u0641\u0627\u0631\u0634\u0627\u062a \u0634\u0645\u0627<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"why-card\">\r\n        <div class=\"stardust\">\r\n          <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n          <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n        <\/div>\r\n        <div class=\"emoji-icon\">\ud83c\udfaf<\/div>\r\n        <div class=\"why-text\">\r\n          <strong>\u0627\u0631\u0627\u0626\u0647\u200c\u062f\u0647\u0646\u062f\u0647 \u0627\u0635\u0644\u06cc \u0628\u062f\u0648\u0646 \u0648\u0627\u0633\u0637\u0647<\/strong>\r\n          <span>\u0638\u0631\u0641\u06cc\u062a \u0648 \u067e\u0646\u0644 \u06a9\u0627\u0645\u0644\u0627 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"why-card\">\r\n        <div class=\"stardust\">\r\n          <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n          <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n        <\/div>\r\n        <div class=\"emoji-icon\">\ud83d\udcb0<\/div>\r\n        <div class=\"why-text\">\r\n          <strong>\u0628\u0647\u062a\u0631\u06cc\u0646 \u0642\u06cc\u0645\u062a<\/strong>\r\n          <span>\u0627\u0631\u0632\u0627\u0646 \u062a\u0631\u06cc\u0646 \u0648 \u0628\u0647\u062a\u0631\u06cc\u0646 \u0646\u0631\u062e \u0642\u06cc\u0645\u062a \u062f\u0631 \u0628\u0627\u0632\u0627\u0631<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"why-card\">\r\n        <div class=\"stardust\">\r\n          <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n          <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\r\n        <\/div>\r\n        <div class=\"emoji-icon\">\ud83d\udc8e<\/div>\r\n        <div class=\"why-text\">\r\n          <strong>\u062a\u0636\u0645\u06cc\u0646 \u06a9\u06cc\u0641\u06cc\u062a<\/strong>\r\n          <span>\u0627\u0631\u0627\u0626\u0647 \u062e\u062f\u0645\u0627\u062a \u062d\u0631\u0641\u0647 \u0627\u06cc \u0648 \u06a9\u0627\u0645\u0644\u0627 \u0647\u0648\u0634\u0645\u0646\u062f<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n  <script>\r\n    window.addEventListener('load', function() {\r\n      const stars = document.querySelectorAll('.stardust span');\r\n      stars.forEach(star => {\r\n        star.style.top = Math.random() * 100 + '%';\r\n        star.style.right = Math.random() * 100 + '%';\r\n        star.style.animationDelay = Math.random() * 4 + 's';\r\n      });\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0631\u0648\u0628\u06cc\u067e\u0646\u0644 \u062c\u0647\u0634 \u0633\u0631\u06cc\u0639 \u06a9\u0633\u0628\u200c\u0648\u06a9\u0627\u0631 \u0634\u0645\u0627 \u0648\u0631\u0648\u062f \u0628\u0647 \u067e\u0646\u0644 \u06a9\u0627\u0631\u0628\u0631\u06cc \u0644\u06cc\u0633\u062a \u0633\u0631\u0648\u06cc\u0633 \u0647\u0627 Rubipanel Orders \u0645\u0645\u0628\u0631 \u06a9\u0627\u0646\u0627\u0644 \ud83d\udce2 \u2705\u0633\u0631\u0639\u062a \u0628\u0627\u0644\u0627 \u2705\u0628\u062f\u0648\u0646 \u0631\u06cc\u0632\u0634 \u2705\u0627\u0633\u062a\u0627\u0631\u062a \u0622\u0646\u06cc \u2705\u06a9\u06cc\u0641\u06cc\u062a \u0627\u06cc\u0631\u0627\u0646\u06cc \u2705\u0636\u0645\u0627\u0646\u062a \u06a9\u0627\u0645\u0644 \u2705\u067e\u0627\u06cc\u0634 \u062e\u0648\u062f\u06a9\u0627\u0631 \u2705\u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u0637\u0645\u0626\u0646 \u2705\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0641\u0639\u0627\u0644 110,000 \u0633\u0641\u0627\u0631\u0634 \u0645\u0645\u0628\u0631 \u06af\u0631\u0648\u0647 \ud83d\udc65 \u2705\u0633\u0631\u0639\u062a \u0628\u0627\u0644\u0627 \u2705\u0628\u062f\u0648\u0646 \u0631\u06cc\u0632\u0634 \u2705\u0627\u0633\u062a\u0627\u0631\u062a \u0622\u0646\u06cc \u2705\u06a9\u06cc\u0641\u06cc\u062a \u0627\u06cc\u0631\u0627\u0646\u06cc \u2705\u0636\u0645\u0627\u0646\u062a \u06a9\u0627\u0645\u0644 \u2705\u067e\u0627\u06cc\u0634 \u062e\u0648\u062f\u06a9\u0627\u0631 \u2705\u0639\u0645\u0644\u06a9\u0631\u062f \u0645\u0637\u0645\u0626\u0646 \u2705\u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0641\u0639\u0627\u0644 120,000 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-35","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rubipanel.ir\/core\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rubipanel.ir\/core\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rubipanel.ir\/core\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rubipanel.ir\/core\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rubipanel.ir\/core\/wp\/v2\/comments?post=35"}],"version-history":[{"count":417,"href":"https:\/\/rubipanel.ir\/core\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":946,"href":"https:\/\/rubipanel.ir\/core\/wp\/v2\/pages\/35\/revisions\/946"}],"wp:attachment":[{"href":"https:\/\/rubipanel.ir\/core\/wp\/v2\/media?parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}