{"id":17011,"date":"2025-09-15T18:51:51","date_gmt":"2025-09-15T15:51:51","guid":{"rendered":"https:\/\/webbingstone.com\/ai-chatbot-test\/"},"modified":"2026-01-20T11:58:44","modified_gmt":"2026-01-20T09:58:44","slug":"%d8%b4%d8%a7%d8%aa-%d8%a8%d9%88%d8%aa-%d8%a8%d8%a7%d9%84%d8%b0%d9%83%d8%a7%d8%a1-%d8%a7%d9%84%d8%a7%d8%b5%d8%b7%d9%86%d8%a7%d8%b9%d9%8a","status":"publish","type":"page","link":"https:\/\/webbingstone.com\/ar\/%d8%b4%d8%a7%d8%aa-%d8%a8%d9%88%d8%aa-%d8%a8%d8%a7%d9%84%d8%b0%d9%83%d8%a7%d8%a1-%d8%a7%d9%84%d8%a7%d8%b5%d8%b7%d9%86%d8%a7%d8%b9%d9%8a\/","title":{"rendered":"\u0634\u0627\u062a \u0628\u0648\u062a \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17011\" class=\"elementor elementor-17011 elementor-16579\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5db293a elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"5db293a\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\r\n\t\t\r\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1a4a86a\" data-id=\"1a4a86a\" data-element_type=\"column\" data-e-type=\"column\">\r\n\t\t\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\r\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dbef1b3 elementor-widget elementor-widget-html\" data-id=\"dbef1b3\" 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<!-- WordPress Compatible Version - Remove DOCTYPE, html, head, body tags -->\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n:root {\r\n    --primary-purple: #432663;\r\n    --accent-orange: #EE5946;\r\n    --neon-purple: #8b5cf6;\r\n    --dark-purple: #2d1b3d;\r\n    --text-light: #ffffff;\r\n    --text-dark: #1a1a1a;\r\n    --glass-bg: rgba(255, 255, 255, 0.1);\r\n    --gradient-primary: linear-gradient(135deg, var(--primary-purple) 0%, var(--neon-purple) 50%, var(--accent-orange) 100%);\r\n    --gradient-dark: linear-gradient(to bottom, var(--primary-purple) 0%, var(--dark-purple) 100%);\r\n}\r\n\r\n.chatbot-page {\r\n    font-family: 'Cairo', 'Poppins', sans-serif;\r\n    line-height: 1.8;\r\n    color: var(--text-light);\r\n    overflow-x: hidden;\r\n    background: var(--gradient-dark);\r\n    position: relative;\r\n    width: 100vw;\r\n    margin-left: calc(50% - 50vw);\r\n    margin-right: calc(50% - 50vw);\r\n    max-width: none;\r\n    direction: rtl;\r\n    text-align: right;\r\n}\r\n\r\n\/* Cursor Trail Effect *\/\r\n.cursor-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: var(--accent-orange);\r\n    border-radius: 50%;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    pointer-events: none;\r\n    z-index: 9999;\r\n    mix-blend-mode: difference;\r\n}\r\n\r\n.cursor-outline {\r\n    width: 40px;\r\n    height: 40px;\r\n    border: 2px solid var(--neon-purple);\r\n    border-radius: 50%;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    pointer-events: none;\r\n    z-index: 9998;\r\n    transition: all 0.1s ease;\r\n}\r\n\r\n\/* Floating Particles Background *\/\r\n.particles-bg {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    z-index: 1;\r\n    pointer-events: none;\r\n}\r\n\r\n.particle {\r\n    position: absolute;\r\n    background: var(--accent-orange);\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    opacity: 0.6;\r\n    animation: float 6s ease-in-out infinite;\r\n}\r\n\r\n@keyframes float {\r\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n    50% { transform: translateY(-20px) rotate(180deg); }\r\n}\r\n\r\n\/* Common Section Styles *\/\r\n.chatbot-section {\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 80px 0;\r\n    margin: 60px 0;\r\n    position: relative;\r\n    z-index: 2;\r\n    width: 100%;\r\n}\r\n\r\n.chatbot-container {\r\n    max-width: 1400px;\r\n    width: 100%;\r\n    text-align: center;\r\n    padding: 0 20px;\r\n    margin: 0 auto;\r\n    opacity: 1;\r\n}\r\n\r\n\/* Hero Section - Cyberpunk Style *\/\r\n.chatbot-hero {\r\n    background: var(--gradient-dark);\r\n    color: var(--text-light);\r\n    position: relative;\r\n    overflow: hidden;\r\n    margin-top: 0;\r\n    padding-top: 250px;  \/* \u0623\u0636\u0641 \u0647\u0630\u0627 \u0627\u0644\u0633\u0637\u0631 *\/\r\n    border-radius: 0;\r\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);\r\n    width: 100%;\r\n}\r\n\r\n.chatbot-hero::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: \r\n        radial-gradient(circle at 20% 50%, rgba(139, 92, 246, 0.3) 0%, transparent 50%),\r\n        radial-gradient(circle at 80% 20%, rgba(238, 89, 70, 0.2) 0%, transparent 50%),\r\n        radial-gradient(circle at 40% 80%, rgba(75, 44, 94, 0.4) 0%, transparent 50%);\r\n    animation: backgroundShift 8s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes backgroundShift {\r\n    0% { transform: scale(1) rotate(0deg); }\r\n    100% { transform: scale(1.1) rotate(2deg); }\r\n}\r\n\r\n.hero-content {\r\n    position: relative;\r\n    z-index: 3;\r\n}\r\n\r\n.hero-title {\r\n    font-size: 5rem;\r\n    font-weight: 900;\r\n    margin-bottom: 30px;\r\n    background: var(--gradient-primary);\r\n    background-clip: text;\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    line-height: 1.2;\r\n    text-shadow: 0 0 30px rgba(139, 92, 246, 0.5);\r\n    position: relative;\r\n}\r\n\r\n.hero-title::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -10px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 200px;\r\n    height: 4px;\r\n    background: var(--gradient-primary);\r\n    border-radius: 2px;\r\n    animation: pulse 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes pulse {\r\n    0%, 100% { opacity: 1; transform: translateX(-50%) scaleX(1); }\r\n    50% { opacity: 0.7; transform: translateX(-50%) scaleX(1.2); }\r\n}\r\n\r\n.hero-subtitle {\r\n    font-size: 1.6rem;\r\n    font-weight: 400;\r\n    margin-bottom: 50px;\r\n    max-width: 900px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    opacity: 0.9;\r\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);\r\n    line-height: 1.8;\r\n}\r\n\r\n.hero-stats {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 60px;\r\n    margin-top: 60px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.stat-item {\r\n    text-align: center;\r\n    padding: 30px;\r\n    background: var(--glass-bg);\r\n    backdrop-filter: blur(20px);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 20px;\r\n    min-width: 180px;\r\n}\r\n\r\n.stat-number {\r\n    font-size: 3rem;\r\n    font-weight: 800;\r\n    color: var(--accent-orange);\r\n    display: block;\r\n    text-shadow: 0 0 20px rgba(238, 89, 70, 0.5);\r\n}\r\n\r\n.stat-label {\r\n    font-size: 1rem;\r\n    opacity: 0.8;\r\n    margin-top: 10px;\r\n}\r\n\r\n\/* Demo Section *\/\r\n.chatbot-demo {\r\n    background: linear-gradient(to bottom, var(--dark-purple) 0%, var(--primary-purple) 50%, var(--dark-purple) 100%);\r\n    color: var(--text-light);\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 0;\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\r\n    width: 100%;\r\n}\r\n\r\n.chatbot-demo::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: \r\n        radial-gradient(circle at 30% 40%, rgba(238, 89, 70, 0.15) 0%, transparent 50%),\r\n        radial-gradient(circle at 70% 60%, rgba(139, 92, 246, 0.15) 0%, transparent 50%);\r\n    animation: demoShift 10s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes demoShift {\r\n    0% { transform: translateY(-10px); }\r\n    100% { transform: translateY(10px); }\r\n}\r\n\r\n.chatbot-demo .chatbot-container {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.demo-title {\r\n    font-size: 4rem;\r\n    font-weight: 800;\r\n    margin-bottom: 30px;\r\n    color: var(--accent-orange);\r\n    text-shadow: 0 0 30px rgba(238, 89, 70, 0.5);\r\n}\r\n\r\n.demo-subtitle {\r\n    font-size: 1.5rem;\r\n    margin-bottom: 60px;\r\n    opacity: 0.9;\r\n    max-width: 800px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n}\r\n\r\n.demo-image-wrapper {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    position: relative;\r\n    padding: 30px;\r\n    background: var(--glass-bg);\r\n    backdrop-filter: blur(25px);\r\n    border-radius: 40px;\r\n    border: 2px solid rgba(238, 89, 70, 0.2);\r\n    box-shadow: \r\n        0 20px 60px rgba(0, 0, 0, 0.4),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.1);\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n.demo-image-wrapper:hover {\r\n    transform: translateY(-10px);\r\n    border-color: var(--accent-orange);\r\n    box-shadow: \r\n        0 30px 80px rgba(0, 0, 0, 0.5),\r\n        0 0 50px rgba(238, 89, 70, 0.4),\r\n        inset 0 2px 0 rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.demo-chatbot-image {\r\n    width: 100%;\r\n    height: auto;\r\n    border-radius: 20px;\r\n    display: block;\r\n}\r\n\r\n.demo-features-list {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n    margin-top: 60px;\r\n    text-align: center;\r\n}\r\n\r\n.demo-feature-item {\r\n    padding: 30px 20px;\r\n    background: var(--glass-bg);\r\n    backdrop-filter: blur(15px);\r\n    border: 1px solid rgba(238, 89, 70, 0.2);\r\n    border-radius: 20px;\r\n    transition: all 0.4s ease;\r\n}\r\n\r\n.demo-feature-item:hover {\r\n    transform: translateY(-10px);\r\n    border-color: var(--accent-orange);\r\n    box-shadow: 0 15px 40px rgba(238, 89, 70, 0.3);\r\n}\r\n\r\n.demo-feature-icon {\r\n    font-size: 3rem;\r\n    margin-bottom: 15px;\r\n    display: block;\r\n}\r\n\r\n.demo-feature-item h4 {\r\n    font-size: 1.3rem;\r\n    font-weight: 700;\r\n    color: var(--accent-orange);\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.demo-feature-item p {\r\n    font-size: 1rem;\r\n    opacity: 0.8;\r\n    line-height: 1.6;\r\n}\r\n\r\n\/* Features Section - Enhanced with Purple Theme *\/\r\n.chatbot-features {\r\n    background: linear-gradient(to bottom, var(--primary-purple) 0%, var(--dark-purple) 50%, var(--neon-purple) 100%);\r\n    color: var(--text-light);\r\n    position: relative;\r\n    border-radius: 0;\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\r\n    width: 100%;\r\n}\r\n\r\n.chatbot-features::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 60 60\"><defs><pattern id=\"hexagon\" width=\"60\" height=\"60\" patternUnits=\"userSpaceOnUse\"><polygon points=\"30,5 45,15 45,35 30,45 15,35 15,15\" fill=\"none\" stroke=\"rgba(238,89,70,0.1)\" stroke-width=\"1\"\/><\/pattern><\/defs><rect width=\"100\" height=\"100\" fill=\"url(%23hexagon)\"\/><\/svg>');\r\n    opacity: 0.2;\r\n}\r\n\r\n.chatbot-features .chatbot-container {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.features-title {\r\n    font-size: 4rem;\r\n    font-weight: 800;\r\n    margin-bottom: 80px;\r\n    color: var(--accent-orange);\r\n    text-shadow: 0 0 30px rgba(238, 89, 70, 0.5);\r\n    position: relative;\r\n}\r\n\r\n.features-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 30px;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.feature-card {\r\n    background: var(--glass-bg);\r\n    backdrop-filter: blur(20px);\r\n    border: 2px solid rgba(238, 89, 70, 0.2);\r\n    padding: 40px 25px;\r\n    border-radius: 25px;\r\n    box-shadow: \r\n        0 15px 35px rgba(0, 0, 0, 0.3),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.1);\r\n    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    transform-style: preserve-3d;\r\n    position: relative;\r\n    overflow: hidden;\r\n    color: var(--text-light);\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n}\r\n\r\n.feature-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    right: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, transparent, rgba(238, 89, 70, 0.2), transparent);\r\n    transition: right 0.6s;\r\n}\r\n\r\n.feature-card:hover::before {\r\n    right: 100%;\r\n}\r\n\r\n.feature-card:hover {\r\n    transform: translateY(-20px) rotateY(5deg) rotateX(5deg);\r\n    box-shadow: \r\n        0 30px 60px rgba(0, 0, 0, 0.4),\r\n        inset 0 2px 0 rgba(238, 89, 70, 0.3);\r\n    border-color: var(--accent-orange);\r\n}\r\n\r\n.feature-icon {\r\n    width: 80px;\r\n    height: 80px;\r\n    background: var(--gradient-primary);\r\n    border-radius: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin: 0 auto 25px;\r\n    font-size: 2rem;\r\n    box-shadow: 0 8px 25px rgba(75, 44, 94, 0.3);\r\n    animation: iconFloat 3s ease-in-out infinite;\r\n    flex-shrink: 0;\r\n}\r\n\r\n@keyframes iconFloat {\r\n    0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n    50% { transform: translateY(-10px) rotate(5deg); }\r\n}\r\n\r\n.feature-card h3 {\r\n    font-size: 1.4rem;\r\n    font-weight: 700;\r\n    margin-bottom: 15px;\r\n    color: var(--accent-orange);\r\n    line-height: 1.5;\r\n}\r\n\r\n.feature-card p {\r\n    font-size: 1rem;\r\n    color: rgba(255, 255, 255, 0.8);\r\n    line-height: 1.8;\r\n    flex-grow: 1;\r\n}\r\n\r\n\/* Pricing Section - Holographic Style *\/\r\n.chatbot-pricing {\r\n    background: var(--gradient-dark);\r\n    color: var(--text-light);\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 0;\r\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);\r\n    width: 100%;\r\n}\r\n\r\n.chatbot-pricing::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: \r\n        conic-gradient(from 0deg at 50% 50%, rgba(139, 92, 246, 0.1), rgba(238, 89, 70, 0.1), rgba(139, 92, 246, 0.1));\r\n    animation: rotate 20s linear infinite;\r\n}\r\n\r\n@keyframes rotate {\r\n    from { transform: rotate(0deg); }\r\n    to { transform: rotate(360deg); }\r\n}\r\n\r\n.chatbot-pricing .chatbot-container {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.pricing-title {\r\n    font-size: 4rem;\r\n    font-weight: 800;\r\n    margin-bottom: 80px;\r\n    color: var(--accent-orange);\r\n    text-shadow: 0 0 30px rgba(238, 89, 70, 0.5);\r\n}\r\n\r\n.pricing-container {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 50px;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n.pricing-card {\r\n    background: var(--glass-bg);\r\n    backdrop-filter: blur(25px);\r\n    border: 2px solid;\r\n    border-image: var(--gradient-primary) 1;\r\n    border-radius: 40px;\r\n    padding: 60px 50px;\r\n    max-width: 450px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: all 0.5s ease;\r\n}\r\n\r\n.pricing-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -50%;\r\n    width: 200%;\r\n    height: 200%;\r\n    background: conic-gradient(from 0deg, transparent, rgba(139, 92, 246, 0.1), transparent);\r\n    animation: hologram 4s linear infinite;\r\n}\r\n\r\n@keyframes hologram {\r\n    from { transform: rotate(0deg); }\r\n    to { transform: rotate(360deg); }\r\n}\r\n\r\n.pricing-card:hover {\r\n    transform: scale(1.05) translateY(-10px);\r\n    box-shadow: 0 30px 60px rgba(139, 92, 246, 0.3);\r\n}\r\n\r\n.pricing-content {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.setup-fee {\r\n    font-size: 1.4rem;\r\n    margin-bottom: 25px;\r\n    color: var(--accent-orange);\r\n    font-weight: 600;\r\n}\r\n\r\n.monthly-price {\r\n    font-size: 4.5rem;\r\n    font-weight: 900;\r\n    color: var(--accent-orange);\r\n    margin-bottom: 15px;\r\n    text-shadow: 0 0 20px rgba(238, 89, 70, 0.5);\r\n}\r\n\r\n.price-note {\r\n    font-size: 1.3rem;\r\n    margin-bottom: 40px;\r\n    opacity: 0.9;\r\n}\r\n\r\n.pricing-features {\r\n    text-align: right;\r\n    margin-top: 40px;\r\n}\r\n\r\n.pricing-features li {\r\n    list-style: none;\r\n    padding: 12px 0;\r\n    position: relative;\r\n    padding-right: 40px;\r\n    font-size: 1.1rem;\r\n    line-height: 1.8;\r\n}\r\n\r\n.pricing-features li::before {\r\n    content: '\u2728';\r\n    position: absolute;\r\n    right: 0;\r\n    font-size: 1.3rem;\r\n    animation: sparkle 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes sparkle {\r\n    0%, 100% { transform: scale(1) rotate(0deg); }\r\n    50% { transform: scale(1.2) rotate(180deg); }\r\n}\r\n\r\n\/* CTA Section - Enhanced Purple Gradient *\/\r\n.chatbot-cta {\r\n    background: linear-gradient(to bottom, var(--accent-orange) 0%, #d64832 30%, var(--neon-purple) 70%, var(--primary-purple) 100%);\r\n    color: var(--text-light);\r\n    position: relative;\r\n    overflow: hidden;\r\n    margin-bottom: 0;\r\n    border-radius: 0;\r\n    box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.3);\r\n    width: 100%;\r\n}\r\n\r\n.chatbot-cta::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    background: \r\n        radial-gradient(circle at 25% 25%, rgba(255, 255, 255, 0.2) 0%, transparent 50%),\r\n        radial-gradient(circle at 75% 75%, rgba(238, 89, 70, 0.2) 0%, transparent 50%);\r\n    animation: ctaShift 6s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes ctaShift {\r\n    0% { transform: translateX(-20px) translateY(-20px); }\r\n    100% { transform: translateX(20px) translateY(20px); }\r\n}\r\n\r\n.chatbot-cta .chatbot-container {\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.cta-title {\r\n    font-size: 4rem;\r\n    font-weight: 800;\r\n    margin-bottom: 50px;\r\n    color: var(--text-light);\r\n    text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.cta-button {\r\n    display: inline-block;\r\n    background: rgba(255, 255, 255, 0.15);\r\n    backdrop-filter: blur(10px);\r\n    color: var(--text-light);\r\n    padding: 25px 60px;\r\n    font-size: 1.5rem;\r\n    font-weight: 700;\r\n    text-decoration: none;\r\n    border-radius: 60px;\r\n    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    box-shadow: \r\n        0 15px 35px rgba(0, 0, 0, 0.3),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.2);\r\n    border: 2px solid rgba(255, 255, 255, 0.3);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.cta-button::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    right: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\r\n    transition: right 0.6s;\r\n}\r\n\r\n.cta-button:hover::before {\r\n    right: 100%;\r\n}\r\n\r\n.cta-button:hover {\r\n    transform: translateY(-8px) scale(1.05);\r\n    box-shadow: \r\n        0 25px 50px rgba(0, 0, 0, 0.4),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.4);\r\n    border-color: rgba(255, 255, 255, 0.6);\r\n    background: rgba(255, 255, 255, 0.25);\r\n}\r\n\r\n\/* Scroll indicator *\/\r\n.scroll-indicator {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 4px;\r\n    background: var(--gradient-primary);\r\n    transform-origin: left;\r\n    transform: scaleX(0);\r\n    z-index: 10000;\r\n}\r\n\r\n\/* Mobile Responsive *\/\r\n@media (max-width: 1024px) {\r\n    .hero-title { font-size: 4rem; }\r\n    .demo-title, .features-title, .pricing-title, .cta-title { font-size: 3rem; }\r\n    .hero-stats { gap: 30px; }\r\n    .features-grid { \r\n        grid-template-columns: repeat(2, 1fr); \r\n        gap: 25px; \r\n    }\r\n    .demo-features-list {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .hero-title { font-size: 2.8rem; }\r\n    .hero-subtitle { font-size: 1.3rem; }\r\n    .demo-title, .features-title, .pricing-title, .cta-title { font-size: 2.5rem; }\r\n    .demo-subtitle { font-size: 1.3rem; }\r\n    .features-grid, .demo-features-list { \r\n        grid-template-columns: 1fr; \r\n        gap: 20px; \r\n    }\r\n    .hero-stats { flex-direction: column; align-items: center; }\r\n    .pricing-container { flex-direction: column; align-items: center; }\r\n    .monthly-price { font-size: 3.5rem; }\r\n    .cta-button { padding: 20px 45px; font-size: 1.3rem; }\r\n    .chatbot-section { \r\n        margin: 30px 0;\r\n    }\r\n    .chatbot-container {\r\n        padding: 0 15px;\r\n    }\r\n    .cursor-dot, .cursor-outline { display: none; }\r\n    .feature-card h3 { font-size: 1.3rem; }\r\n    .demo-image-wrapper {\r\n        padding: 20px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .hero-title { font-size: 2.2rem; }\r\n    .hero-subtitle { font-size: 1.1rem; }\r\n    .demo-title, .features-title, .pricing-title, .cta-title { font-size: 2rem; }\r\n    .demo-subtitle { font-size: 1.1rem; }\r\n    .monthly-price { font-size: 2.8rem; }\r\n    .feature-card, .pricing-card { padding: 40px 25px; }\r\n    .setup-fee { font-size: 1.2rem; }\r\n    .price-note { font-size: 1.1rem; }\r\n    .demo-image-wrapper {\r\n        padding: 15px;\r\n    }\r\n}\r\n\r\n\/* Animation classes *\/\r\n.animate-in {\r\n    opacity: 1 !important;\r\n    transform: translateY(0) rotateX(0deg) !important;\r\n}\r\n<\/style>\r\n\r\n<!-- WordPress Compatible Content -->\r\n<div class=\"chatbot-page\">\r\n    <!-- Cursor Effects -->\r\n    <div class=\"cursor-dot\"><\/div>\r\n    <div class=\"cursor-outline\"><\/div>\r\n\r\n    <!-- Scroll Indicator -->\r\n    <div class=\"scroll-indicator\"><\/div>\r\n\r\n    <!-- Floating Particles -->\r\n    <div class=\"particles-bg\"><\/div>\r\n\r\n    <!-- Hero Section -->\r\n    <section class=\"chatbot-section chatbot-hero\">\r\n        <div class=\"chatbot-container\">\r\n                <div class=\"hero-content\">\r\n                    <h1 class=\"hero-title\">\u062b\u0648\u0631\u0629 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u062a\u0628\u062f\u0623 \u0645\u0646 \u0647\u0646\u0627<\/h1>\r\n                    <p class=\"hero-subtitle\">\u062d\u0648\u0651\u0644 \u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0625\u0644\u0649 \u0622\u0644\u0629 \u0645\u0628\u064a\u0639\u0627\u062a \u062a\u0639\u0645\u0644 24\/7 \u0645\u0639 \u0631\u0648\u0628\u0648\u062a\u0627\u062a \u0645\u062d\u0627\u062f\u062b\u0629 \u0630\u0643\u064a\u0629 \u062a\u0641\u0647\u0645 \u0648\u062a\u062a\u0641\u0627\u0639\u0644 \u0648\u062a\u062d\u0648\u0651\u0644 \u0627\u0644\u0632\u0648\u0627\u0631 \u0625\u0644\u0649 \u0639\u0645\u0644\u0627\u0621 \u062f\u0627\u0626\u0645\u064a\u0646.<\/p>\r\n\r\n                    <p class=\"hero-subtitle\">\u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0628\u062d\u062b \u0639\u0646 \u0645\u0637\u0648\u0631 \u0641\u064a \u0645\u0635\u0631 \u0644\u0646\u0634\u0631 \u0634\u0627\u062a \u0628\u0648\u062a \u0630\u0643\u064a \u0623\u0648 \u0648\u0643\u064a\u0644 \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0639\u0644\u0649 \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633 (\u0623\u0648 \u0623\u064a \u0645\u0648\u0642\u0639 \u0648\u064a\u0628)\u060c \u0641\u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 \u062a\u0634\u0631\u062d \u0645\u0627 \u064a\u062c\u0628 \u0628\u0646\u0627\u0624\u0647\u060c \u0648\u0644\u0645\u0627\u0630\u0627 \u064a\u0639\u0645\u0644\u060c \u0648\u0643\u064a\u0641\u064a\u0629 \u0642\u064a\u0627\u0633 \u0627\u0644\u0646\u062a\u0627\u0626\u062c.<\/p>\r\n\r\n                    <p class=\"hero-subtitle\">\u0644\u0645\u0627\u0630\u0627 \u0623\u0635\u0628\u062d \u0627\u0644\u0634\u0627\u062a \u0628\u0648\u062a \u0627\u0644\u0630\u0643\u064a \u0636\u0631\u0648\u0631\u064a\u0627\u064b \u0648\u0644\u064a\u0633 \u0627\u062e\u062a\u064a\u0627\u0631\u064a\u0627\u064b\u061f\r\n\u0632\u0648\u0627\u0631 \u0645\u0648\u0642\u0639\u0643 \u064a\u062a\u0648\u0642\u0639\u0648\u0646 \u0625\u062c\u0627\u0628\u0627\u062a \u0641\u0648\u0631\u064a\u0629. \u0639\u0646\u062f\u0645\u0627 \u0644\u0627 \u064a\u062d\u0635\u0644 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u0648\u0646 \u0639\u0644\u0649 \u0625\u062c\u0627\u0628\u0627\u062a \u0633\u0631\u064a\u0639\u0629 \u062d\u0648\u0644 \u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0623\u0648 \u0627\u0644\u062a\u0648\u0627\u0641\u0631 \u0623\u0648 \u0627\u0644\u062a\u0633\u0644\u064a\u0645 \u0623\u0648 \u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u062a\u0627\u0644\u064a\u0629\u060c \u063a\u0627\u0644\u0628\u0627\u064b \u0645\u0627 \u064a\u063a\u0627\u062f\u0631\u0648\u0646 \u0648\u064a\u0634\u062a\u0631\u0648\u0646 \u0645\u0646 \u0645\u0643\u0627\u0646 \u0622\u062e\u0631.<\/p>\r\n\r\n                    \r\n                    <div class=\"hero-stats\">\r\n                        <div class=\"stat-item\">\r\n                            <span class=\"stat-number\">24\/7<\/span>\r\n                            <span class=\"stat-label\">\u0645\u062a\u0627\u062d \u062f\u0627\u0626\u0645\u0627\u064b<\/span>\r\n                        <\/div>\r\n                        <div class=\"stat-item\">\r\n                            <span class=\"stat-number\">3x<\/span>\r\n                            <span class=\"stat-label\">\u0632\u064a\u0627\u062f\u0629 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u064a\u0644\u0627\u062a<\/span>\r\n                        <\/div>\r\n                        <div class=\"stat-item\">\r\n                            <span class=\"stat-number\">85%<\/span>\r\n                            <span class=\"stat-label\">\u0631\u0636\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Demo Section -->\r\n    <section class=\"chatbot-section chatbot-demo\">\r\n        <div class=\"chatbot-container\">\r\n            <h2 class=\"demo-title\">\u0634\u0627\u0647\u062f \u0627\u0644\u0634\u0627\u062a \u0628\u0648\u062a \u0627\u0644\u0630\u0643\u064a \u0641\u064a \u0627\u0644\u0639\u0645\u0644<\/h2>\r\n            <p class=\"demo-subtitle\">\u0645\u0633\u0627\u0639\u062f \u062a\u0633\u0648\u0642 \u0630\u0643\u064a \u064a\u0641\u0647\u0645 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0639\u0645\u0644\u0627\u0626\u0643 \u0648\u064a\u0642\u062f\u0645 \u062a\u0648\u0635\u064a\u0627\u062a \u0634\u062e\u0635\u064a\u0629\u060c \u0648\u064a\u0633\u0627\u0639\u062f \u0641\u064a \u0627\u062a\u062e\u0627\u0630 \u0642\u0631\u0627\u0631 \u0627\u0644\u0634\u0631\u0627\u0621\u060c \u0648\u064a\u062a\u0645\u0645 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0628\u064a\u0639 \u0628\u0633\u0644\u0627\u0633\u0629.<\/p>\r\n            \r\n            <div class=\"demo-image-wrapper\">\r\n                <img decoding=\"async\" src=\"https:\/\/webbingstone.com\/wp-content\/uploads\/2026\/01\/ar-chatbot.png\" alt=\"\u0639\u0631\u0636 \u062a\u0648\u0636\u064a\u062d\u064a \u0644\u0634\u0627\u062a \u0628\u0648\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a - \u0645\u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0633\u0648\u0642 \u0627\u0644\u0630\u0643\u064a\" class=\"demo-chatbot-image\">\r\n            <\/div>\r\n\r\n            <div class=\"demo-features-list\">\r\n                <div class=\"demo-feature-item\">\r\n                    <span class=\"demo-feature-icon\">\ud83d\udcac<\/span>\r\n                    <h4>\u0645\u062d\u0627\u062f\u062b\u0629 \u0637\u0628\u064a\u0639\u064a\u0629<\/h4>\r\n                    <p>\u064a\u0641\u0647\u0645 \u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0628\u0637\u0644\u0627\u0642\u0629 \u0648\u064a\u062a\u062d\u062f\u062b \u0628\u0623\u0633\u0644\u0648\u0628 \u0628\u0634\u0631\u064a \u0637\u0628\u064a\u0639\u064a<\/p>\r\n                <\/div>\r\n                <div class=\"demo-feature-item\">\r\n                    <span class=\"demo-feature-icon\">\ud83c\udfaf<\/span>\r\n                    <h4>\u062a\u0648\u0635\u064a\u0627\u062a \u0630\u0643\u064a\u0629<\/h4>\r\n                    <p>\u064a\u0642\u062a\u0631\u062d \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0639\u0645\u064a\u0644 \u0648\u062a\u0641\u0636\u064a\u0644\u0627\u062a\u0647<\/p>\r\n                <\/div>\r\n                <div class=\"demo-feature-item\">\r\n                    <span class=\"demo-feature-icon\">\ud83d\uded2<\/span>\r\n                    <h4>\u0625\u062a\u0645\u0627\u0645 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a<\/h4>\r\n                    <p>\u064a\u0631\u0627\u0641\u0642 \u0627\u0644\u0639\u0645\u064a\u0644 \u0645\u0646 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u062d\u062a\u0649 \u0625\u062a\u0645\u0627\u0645 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0634\u0631\u0627\u0621 \u0628\u0646\u062c\u0627\u062d<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Features Section -->\r\n    <section class=\"chatbot-section chatbot-features\">\r\n        <div class=\"chatbot-container\">\r\n            <h2 class=\"features-title\">\u0639\u0632\u0632 \u0642\u0648\u0629 \u0639\u0645\u0644\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a<\/h2>\r\n            <div class=\"features-grid\">\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\ud83d\ude80<\/div>\r\n                    <h3>\u062d\u0644 \u0641\u0648\u0631\u064a \u0644\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629<\/h3>\r\n                    <p>\u0631\u062f\u0648\u062f \u0633\u0631\u064a\u0639\u0629 \u0643\u0627\u0644\u0628\u0631\u0642 \u0639\u0644\u0649 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0645\u0639 \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u064a\u062a\u0639\u0644\u0645 \u0645\u0646 \u0643\u0644 \u062a\u0641\u0627\u0639\u0644\u060c \u0645\u0645\u0627 \u064a\u0642\u0644\u0644 \u0648\u0642\u062a \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0645\u0646 \u0633\u0627\u0639\u0627\u062a \u0625\u0644\u0649 \u062b\u0648\u0627\u0646\u064d.<\/p>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\ud83c\udfaf<\/div>\r\n                    <h3>\u0627\u0644\u062a\u0646\u0642\u0644 \u0627\u0644\u0630\u0643\u064a \u0628\u064a\u0646 \u0627\u0644\u062e\u062f\u0645\u0627\u062a<\/h3>\r\n                    <p>\u0646\u0638\u0627\u0645 \u062a\u0648\u062c\u064a\u0647 \u0630\u0643\u064a \u064a\u062d\u0644\u0644 \u0646\u064a\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 \u0648\u064a\u0648\u062c\u0647\u0647 \u0625\u0644\u0649 \u0627\u0644\u062d\u0644 \u0627\u0644\u0645\u062b\u0627\u0644\u064a\u060c \u0645\u0645\u0627 \u064a\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0631\u0636\u0627 \u0648\u064a\u0642\u0644\u0644 \u0645\u0646 \u0645\u0639\u062f\u0644 \u0627\u0644\u0627\u0631\u062a\u062f\u0627\u062f.<\/p>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\ud83d\udcc8<\/div>\r\n                    <h3>\u0622\u0644\u0629 \u062a\u0648\u0644\u064a\u062f \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u064a\u0646<\/h3>\r\n                    <p>\u0633\u064a\u0646\u0627\u0631\u064a\u0648\u0647\u0627\u062a \u0645\u062d\u0627\u062f\u062b\u0629 \u0645\u062a\u0642\u062f\u0645\u0629 \u062a\u062c\u0645\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u064a\u0646 \u0627\u0644\u0645\u0624\u0647\u0644\u064a\u0646 \u0628\u0634\u0643\u0644 \u0637\u0628\u064a\u0639\u064a \u0645\u0639 \u062a\u0642\u062f\u064a\u0645 \u0627\u0644\u0642\u064a\u0645\u0629\u060c \u0648\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0645\u062a\u0635\u0641\u062d\u064a\u0646 \u0627\u0644\u0639\u0627\u062f\u064a\u064a\u0646 \u0625\u0644\u0649 \u0639\u0645\u0644\u0627\u0621 \u0645\u062d\u062a\u0645\u0644\u064a\u0646.<\/p>\r\n                <\/div>\r\n                <div class=\"feature-card\">\r\n                    <div class=\"feature-icon\">\u26a1<\/div>\r\n                    <h3>\u0630\u0643\u0627\u0621 \u0623\u0639\u0645\u0627\u0644 \u0645\u062e\u0635\u0635<\/h3>\r\n                    <p>\u0634\u062e\u0635\u064a\u0629 \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u062a\u0639\u0643\u0633 \u0635\u0648\u062a \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0648\u062e\u0628\u0631\u062a\u0643 \u0641\u064a \u0627\u0644\u0645\u062c\u0627\u0644\u060c \u0644\u0625\u0646\u0634\u0627\u0621 \u0627\u062a\u0635\u0627\u0644\u0627\u062a \u062d\u0642\u064a\u0642\u064a\u0629 \u0645\u0639 \u062c\u0645\u0647\u0648\u0631\u0643 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Pricing Section -->\r\n    <section class=\"chatbot-section chatbot-pricing\">\r\n        <div class=\"chatbot-container\">\r\n            <h2 class=\"pricing-title\">\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0641\u064a \u0645\u0633\u062a\u0642\u0628\u0644\u0643<\/h2>\r\n            <div class=\"pricing-container\">\r\n                <div class=\"pricing-card\">\r\n                    <div class=\"pricing-content\">\r\n                        <div class=\"setup-fee\">15,000 \u062c\u0646\u064a\u0647 \u0625\u0639\u062f\u0627\u062f \u0627\u062d\u062a\u0631\u0627\u0641\u064a<\/div>\r\n                        <div class=\"monthly-price\">2500 \u062c\u0646\u064a\u0647<span style=\"font-size: 1.8rem; font-weight: 400;\">\/\u0634\u0647\u0631\u064a\u0627\u064b<\/span><\/div>\r\n                        <div class=\"price-note\">\u0627\u0644\u062a\u0632\u0627\u0645 \u0634\u0631\u0627\u0643\u0629 \u0644\u0645\u062f\u0629 12 \u0634\u0647\u0631\u0627\u064b<\/div>\r\n                        <ul class=\"pricing-features\">\r\n                            <li>\u062a\u0637\u0648\u064a\u0631 \u0648\u062f\u0645\u062c \u0634\u0627\u062a \u0628\u0648\u062a \u0630\u0643\u064a \u0643\u0627\u0645\u0644<\/li>\r\n                            <li>\u0633\u064a\u0646\u0627\u0631\u064a\u0648\u0647\u0627\u062a \u0645\u062d\u0627\u062f\u062b\u0629 \u0645\u062e\u0635\u0635\u0629 \u0644\u0645\u062c\u0627\u0644 \u0639\u0645\u0644\u0643<\/li>\r\n                            <li>\u062f\u0639\u0645 \u0641\u0646\u064a \u0648\u0635\u064a\u0627\u0646\u0629 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629<\/li>\r\n                            <li>\u062a\u062f\u0631\u064a\u0628 \u0645\u0646\u062a\u0638\u0645 \u0644\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0627\u0621<\/li>\r\n                            <li>\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629 \u0648\u062a\u062a\u0628\u0639 \u0627\u0644\u062a\u062d\u0648\u064a\u0644\u0627\u062a<\/li>\r\n                            <li>\u062a\u0635\u0645\u064a\u0645 \u0645\u062a\u062c\u0627\u0648\u0628 \u064a\u0639\u0637\u064a \u0627\u0644\u0623\u0648\u0644\u0648\u064a\u0629 \u0644\u0644\u0645\u0648\u0628\u0627\u064a\u0644<\/li>\r\n                            <li>\u0625\u0645\u0643\u0627\u0646\u064a\u0627\u062a \u062f\u0639\u0645 \u0645\u062a\u0639\u062f\u062f \u0627\u0644\u0644\u063a\u0627\u062a<\/li>\r\n                            <li>\u062a\u0643\u0627\u0645\u0644 \u0645\u0639 \u0623\u0646\u0638\u0645\u0629 \u0625\u062f\u0627\u0631\u0629 \u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621 (CRM)<\/li>\r\n                            <li>\u062a\u062e\u0635\u064a\u0635 \u0635\u0648\u062a \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629<\/li>\r\n                            <li>\u0639\u062f\u062f \u0645\u062d\u0627\u062f\u062b\u0627\u062a \u063a\u064a\u0631 \u0645\u062d\u062f\u0648\u062f<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Call to Action Section -->\r\n    <section class=\"chatbot-section chatbot-cta\">\r\n        <div class=\"chatbot-container\">\r\n            <h2 class=\"cta-title\">\u0647\u0644 \u0623\u0646\u062a \u0645\u0633\u062a\u0639\u062f \u0644\u062a\u062d\u0648\u064a\u0644 \u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u061f<\/h2>\r\n            <a href=\"https:\/\/webbingstone.com\/ar\/contact\/\" class=\"cta-button\">\u0627\u0628\u062f\u0623 \u0645\u0633\u0627\u0639\u062f\u0643 \u0627\u0644\u0630\u0643\u064a \u0627\u0644\u0622\u0646<\/a>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<!-- GSAP Scripts - Load these FIRST -->\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\" integrity=\"sha512-7eHRwcbYkK4d9g\/6tD\/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly\/VxeLvIqwvCdk7qScg==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\" integrity=\"sha512-onMTRKJBKz8M1TnqqDuGBlowlH0ohFzMXYRNebz+yOcc5TQr\/zAKsthzhuv0hiyUKEiQEQXEynnXCvNTOk50dg==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"><\/script>\r\n\r\n<script>\r\n\/\/ Wait for GSAP to load before running animations\r\n(function() {\r\n    'use strict';\r\n    \r\n    \/\/ Check if GSAP is loaded\r\n    if (typeof gsap === 'undefined') {\r\n        console.error('GSAP library failed to load. Animations will not run.');\r\n        \/\/ Ensure content is visible even if GSAP doesn't load\r\n        document.querySelectorAll('.chatbot-container').forEach(el => {\r\n            el.style.opacity = '1';\r\n            el.style.transform = 'none';\r\n        });\r\n        return;\r\n    }\r\n\r\n    \/\/ Register ScrollTrigger plugin\r\n    gsap.registerPlugin(ScrollTrigger);\r\n\r\n    \/\/ Custom cursor effects (desktop only)\r\n    if (window.innerWidth > 768) {\r\n        const cursorDot = document.querySelector('.cursor-dot');\r\n        const cursorOutline = document.querySelector('.cursor-outline');\r\n\r\n        if (cursorDot && cursorOutline) {\r\n            document.addEventListener('mousemove', (e) => {\r\n                gsap.to(cursorDot, { duration: 0.1, x: e.clientX - 4, y: e.clientY - 4 });\r\n                gsap.to(cursorOutline, { duration: 0.3, x: e.clientX - 20, y: e.clientY - 20 });\r\n            });\r\n\r\n            document.addEventListener('mousedown', () => {\r\n                gsap.to(cursorOutline, { duration: 0.1, scale: 0.8 });\r\n            });\r\n\r\n            document.addEventListener('mouseup', () => {\r\n                gsap.to(cursorOutline, { duration: 0.1, scale: 1 });\r\n            });\r\n        }\r\n    }\r\n\r\n    \/\/ Scroll progress indicator\r\n    gsap.to('.scroll-indicator', {\r\n        scaleX: 1,\r\n        ease: 'none',\r\n        scrollTrigger: {\r\n            trigger: '.chatbot-page',\r\n            start: 'top top',\r\n            end: 'bottom bottom',\r\n            scrub: true\r\n        }\r\n    });\r\n\r\n    \/\/ Create floating particles\r\n    function createParticles() {\r\n        const particlesContainer = document.querySelector('.particles-bg');\r\n        if (!particlesContainer) return;\r\n        \r\n        const particleCount = window.innerWidth > 768 ? 50 : 20;\r\n\r\n        for (let i = 0; i < particleCount; i++) {\r\n            const particle = document.createElement('div');\r\n            particle.className = 'particle';\r\n            particle.style.width = Math.random() * 4 + 2 + 'px';\r\n            particle.style.height = particle.style.width;\r\n            particle.style.left = Math.random() * 100 + '%';\r\n            particle.style.top = Math.random() * 100 + '%';\r\n            particle.style.animationDelay = Math.random() * 6 + 's';\r\n            particle.style.animationDuration = (Math.random() * 3 + 4) + 's';\r\n            particlesContainer.appendChild(particle);\r\n        }\r\n    }\r\n    createParticles();\r\n\r\n    \/\/ Main section animations - Set initial state then animate\r\n    gsap.utils.toArray('.chatbot-container').forEach((container) => {\r\n        gsap.set(container, { opacity: 0, y: 100, rotationX: 10 });\r\n        gsap.to(container, {\r\n            opacity: 1,\r\n            y: 0,\r\n            rotationX: 0,\r\n            duration: 1.2,\r\n            ease: \"power3.out\",\r\n            scrollTrigger: {\r\n                trigger: container,\r\n                start: \"top 80%\",\r\n                end: \"bottom 20%\",\r\n                toggleActions: \"play none none reverse\"\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ Hero title animation\r\n    gsap.fromTo('.hero-title', \r\n        { scale: 0.8, opacity: 0 },\r\n        { \r\n            scale: 1, \r\n            opacity: 1, \r\n            duration: 1.5, \r\n            ease: \"elastic.out(1, 0.3)\",\r\n            delay: 0.5\r\n        }\r\n    );\r\n\r\n    \/\/ Demo image animation\r\n    gsap.fromTo('.demo-image-wrapper',\r\n        {\r\n            opacity: 0,\r\n            scale: 0.9,\r\n            rotationY: 10\r\n        },\r\n        {\r\n            opacity: 1,\r\n            scale: 1,\r\n            rotationY: 0,\r\n            duration: 1.2,\r\n            ease: \"power3.out\",\r\n            scrollTrigger: {\r\n                trigger: '.demo-image-wrapper',\r\n                start: \"top 80%\",\r\n                toggleActions: \"play none none reverse\"\r\n            }\r\n        }\r\n    );\r\n\r\n    \/\/ Demo features animation\r\n    gsap.utils.toArray('.demo-feature-item').forEach((item, index) => {\r\n        gsap.fromTo(item,\r\n            {\r\n                opacity: 0,\r\n                y: 50,\r\n                scale: 0.9\r\n            },\r\n            {\r\n                opacity: 1,\r\n                y: 0,\r\n                scale: 1,\r\n                duration: 0.8,\r\n                delay: index * 0.2,\r\n                ease: \"back.out(1.5)\",\r\n                scrollTrigger: {\r\n                    trigger: item,\r\n                    start: \"top 85%\",\r\n                    toggleActions: \"play none none reverse\"\r\n                }\r\n            }\r\n        );\r\n    });\r\n\r\n    \/\/ Stats animation\r\n    gsap.utils.toArray('.stat-item').forEach((stat, index) => {\r\n        gsap.fromTo(stat,\r\n            { y: 50, opacity: 0, scale: 0.8 },\r\n            {\r\n                y: 0,\r\n                opacity: 1,\r\n                scale: 1,\r\n                duration: 0.8,\r\n                delay: index * 0.2 + 1,\r\n                ease: \"back.out(1.7)\"\r\n            }\r\n        );\r\n    });\r\n\r\n    \/\/ Feature cards animation\r\n    gsap.utils.toArray('.feature-card').forEach((card, index) => {\r\n        gsap.fromTo(card, \r\n            {\r\n                opacity: 0,\r\n                y: 100,\r\n                rotationY: 45,\r\n                scale: 0.8\r\n            },\r\n            {\r\n                opacity: 1,\r\n                y: 0,\r\n                rotationY: 0,\r\n                scale: 1,\r\n                duration: 1.2,\r\n                delay: index * 0.15,\r\n                ease: \"power3.out\",\r\n                scrollTrigger: {\r\n                    trigger: card,\r\n                    start: \"top 85%\",\r\n                    toggleActions: \"play none none reverse\"\r\n                }\r\n            }\r\n        );\r\n    });\r\n\r\n    \/\/ Pricing card animation\r\n    gsap.fromTo('.pricing-card',\r\n        {\r\n            opacity: 0,\r\n            scale: 0.6,\r\n            rotationY: 30,\r\n            z: -100\r\n        },\r\n        {\r\n            opacity: 1,\r\n            scale: 1,\r\n            rotationY: 0,\r\n            z: 0,\r\n            duration: 1.5,\r\n            ease: \"power4.out\",\r\n            scrollTrigger: {\r\n                trigger: '.pricing-card',\r\n                start: \"top 80%\",\r\n                toggleActions: \"play none none reverse\"\r\n            }\r\n        }\r\n    );\r\n\r\n    \/\/ CTA button advanced animation\r\n    gsap.fromTo('.cta-button',\r\n        {\r\n            opacity: 0,\r\n            scale: 0.5,\r\n            rotationZ: -10\r\n        },\r\n        {\r\n            opacity: 1,\r\n            scale: 1,\r\n            rotationZ: 0,\r\n            duration: 1,\r\n            ease: \"elastic.out(1, 0.4)\",\r\n            scrollTrigger: {\r\n                trigger: '.cta-button',\r\n                start: \"top 90%\",\r\n                toggleActions: \"play none none reverse\"\r\n            }\r\n        }\r\n    );\r\n\r\n    \/\/ Interactive hover effects for feature cards\r\n    gsap.utils.toArray('.feature-card').forEach((card) => {\r\n        const icon = card.querySelector('.feature-icon');\r\n        \r\n        card.addEventListener('mouseenter', () => {\r\n            gsap.to(card, { \r\n                scale: 1.05, \r\n                duration: 0.3, \r\n                ease: \"power2.out\" \r\n            });\r\n            if (icon) {\r\n                gsap.to(icon, { \r\n                    rotationY: 360, \r\n                    scale: 1.1, \r\n                    duration: 0.5, \r\n                    ease: \"power2.out\" \r\n                });\r\n            }\r\n        });\r\n        \r\n        card.addEventListener('mouseleave', () => {\r\n            gsap.to(card, { \r\n                scale: 1, \r\n                duration: 0.3, \r\n                ease: \"power2.out\" \r\n            });\r\n            if (icon) {\r\n                gsap.to(icon, { \r\n                    rotationY: 0, \r\n                    scale: 1, \r\n                    duration: 0.5, \r\n                    ease: \"power2.out\" \r\n                });\r\n            }\r\n        });\r\n    });\r\n\r\n    \/\/ Enhanced scroll-triggered text animations\r\n    gsap.utils.toArray('.chatbot-page h1, .chatbot-page h2, .chatbot-page h3').forEach((heading) => {\r\n        gsap.fromTo(heading,\r\n            {\r\n                opacity: 0,\r\n                y: 50,\r\n                skewY: 3\r\n            },\r\n            {\r\n                opacity: 1,\r\n                y: 0,\r\n                skewY: 0,\r\n                duration: 1,\r\n                ease: \"power3.out\",\r\n                scrollTrigger: {\r\n                    trigger: heading,\r\n                    start: \"top 85%\",\r\n                    toggleActions: \"play none none reverse\"\r\n                }\r\n            }\r\n        );\r\n    });\r\n\r\n    \/\/ Mobile optimizations\r\n    if (window.innerWidth <= 768) {\r\n        \/\/ Reduce particle count for performance\r\n        document.querySelectorAll('.particle').forEach((particle, index) => {\r\n            if (index > 15) particle.remove();\r\n        });\r\n        \r\n        \/\/ Simplify animations on mobile\r\n        gsap.set('.feature-card', { transform: 'none' });\r\n        gsap.set('.pricing-card', { transform: 'none' });\r\n    }\r\n\r\n    \/\/ Page load sequence\r\n    window.addEventListener('load', () => {\r\n        \/\/ Stagger reveal of main elements\r\n        gsap.fromTo(['.hero-subtitle', '.hero-stats'], \r\n            { opacity: 0, y: 30 },\r\n            { \r\n                opacity: 1, \r\n                y: 0, \r\n                duration: 1, \r\n                stagger: 0.3, \r\n                delay: 1.2,\r\n                ease: \"power2.out\" \r\n            }\r\n        );\r\n    });\r\n\r\n    \/\/ Add magnetic effect to CTA button\r\n    const ctaButton = document.querySelector('.cta-button');\r\n    if (ctaButton && window.innerWidth > 768) {\r\n        ctaButton.addEventListener('mousemove', (e) => {\r\n            const rect = ctaButton.getBoundingClientRect();\r\n            const x = e.clientX - rect.left - rect.width \/ 2;\r\n            const y = e.clientY - rect.top - rect.height \/ 2;\r\n            \r\n            gsap.to(ctaButton, {\r\n                x: x * 0.3,\r\n                y: y * 0.3,\r\n                duration: 0.3,\r\n                ease: \"power2.out\"\r\n            });\r\n        });\r\n        \r\n        ctaButton.addEventListener('mouseleave', () => {\r\n            gsap.to(ctaButton, {\r\n                x: 0,\r\n                y: 0,\r\n                duration: 0.5,\r\n                ease: \"elastic.out(1, 0.3)\"\r\n            });\r\n        });\r\n    }\r\n\r\n    \/\/ Refresh ScrollTrigger on window resize\r\n    window.addEventListener('resize', () => {\r\n        ScrollTrigger.refresh();\r\n    });\r\n\r\n})();\r\n<\/script>\r\n\r\n<!-- =========================\r\n \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0646\u0638\u0645\u0629 (JSON-LD)\r\n \u0635\u0641\u062d\u0629 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\r\n========================= -->\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"FAQPage\",\r\n  \"mainEntity\": [\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"\u0647\u0644 \u064a\u0645\u0643\u0646 \u0644\u0644\u0634\u0627\u062a \u0628\u0648\u062a \u0627\u0644\u0639\u0645\u0644 \u0628\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0648\u0627\u0644\u0639\u0631\u0628\u064a\u0629\u061f\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"\u0646\u0639\u0645. \u064a\u0645\u0643\u0646 \u0628\u0646\u0627\u0624\u0647 \u0643\u0634\u0627\u062a \u0628\u0648\u062a \u0630\u0643\u064a \u062b\u0646\u0627\u0626\u064a \u0627\u0644\u0644\u063a\u0629 \u0645\u0639 \u0639\u0628\u0627\u0631\u0627\u062a \u0645\u062d\u0644\u064a\u0629 \u0644\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u0635\u0631\u064a\u064a\u0646 \u0645\u0639 \u0627\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0646\u0628\u0631\u0629 \u0639\u0644\u0627\u0645\u062a\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0639\u0628\u0631 \u0627\u0644\u0644\u063a\u0627\u062a.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"\u0645\u0627 \u0627\u0644\u0641\u0631\u0642 \u0628\u064a\u0646 \u0634\u0627\u062a \u0628\u0648\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0648\u0643\u064a\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u061f\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"\u064a\u0631\u0643\u0632 \u0634\u0627\u062a \u0628\u0648\u062a \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0639\u0644\u0649 \u0641\u0647\u0645 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0648\u0627\u0644\u0625\u062c\u0627\u0628\u0629 \u0639\u0644\u064a\u0647\u0627\u060c \u0648\u062a\u0648\u062c\u064a\u0647 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646\u060c \u0648\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0639\u0645\u0644\u0627\u0621 \u0645\u062d\u062a\u0645\u0644\u064a\u0646. \u064a\u0636\u064a\u0641 \u0648\u0643\u064a\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0625\u062c\u0631\u0627\u0621\u0627\u062a \u0648\u062a\u0643\u0627\u0645\u0644\u0627\u062a\u060c \u0645\u062b\u0644 \u062a\u062d\u062f\u064a\u062b\u0627\u062a \u0646\u0638\u0627\u0645 \u0625\u062f\u0627\u0631\u0629 \u0639\u0644\u0627\u0642\u0627\u062a \u0627\u0644\u0639\u0645\u0644\u0627\u0621\u060c \u0648\u062d\u062c\u0632 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u0627\u062a\u060c \u0648\u0623\u062a\u0645\u062a\u0629 \u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"\u0647\u0644 \u0633\u064a\u062d\u0644 \u0627\u0644\u0634\u0627\u062a \u0628\u0648\u062a \u0645\u062d\u0644 \u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u0627\u0644\u062e\u0627\u0635 \u0628\u064a\u061f\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"\u0644\u0627. \u0625\u0646\u0647 \u064a\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629\u060c \u0648\u064a\u0624\u0647\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u064a\u0646\u060c \u0648\u064a\u0635\u0639\u0651\u062f \u0627\u0644\u0645\u062d\u0627\u062f\u062b\u0627\u062a \u0630\u0627\u062a \u0627\u0644\u0646\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u064a\u0629 \u062d\u062a\u0649 \u064a\u062a\u0645\u0643\u0646 \u0641\u0631\u064a\u0642 \u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u0645\u0646 \u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u0648\u0625\u062a\u0645\u0627\u0645 \u0627\u0644\u0635\u0641\u0642\u0627\u062a.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"\u0645\u0627 \u0645\u062f\u0649 \u0633\u0631\u0639\u0629 \u0625\u0637\u0644\u0627\u0642\u0647 \u0639\u0644\u0649 \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633\u061f\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"\u064a\u0639\u062a\u0645\u062f \u0648\u0642\u062a \u0627\u0644\u0625\u0637\u0644\u0627\u0642 \u0639\u0644\u0649 \u062d\u062c\u0645 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0627\u0644\u062a\u0643\u0627\u0645\u0644\u0627\u062a \u0627\u0644\u0645\u0637\u0644\u0648\u0628\u0629\u060c \u0648\u0644\u0643\u0646 \u064a\u0645\u0643\u0646 \u0639\u0627\u062f\u0629\u064b \u0646\u0634\u0631 \u0646\u0633\u062e\u0629 \u0623\u0648\u0644\u0649 \u0628\u0633\u0631\u0639\u0629 \u0648\u062a\u062d\u0633\u064a\u0646\u0647\u0627 \u0628\u0645\u0631\u0648\u0631 \u0627\u0644\u0648\u0642\u062a \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062f\u0631\u062f\u0634\u0629 \u0627\u0644\u0641\u0639\u0644\u064a\u0629.\"\r\n      }\r\n    },\r\n    {\r\n      \"@type\": \"Question\",\r\n      \"name\": \"\u0643\u064a\u0641 \u0646\u0642\u064a\u0633 \u0627\u0644\u0646\u062a\u0627\u0626\u062c\u061f\",\r\n      \"acceptedAnswer\": {\r\n        \"@type\": \"Answer\",\r\n        \"text\": \"\u0642\u0633 \u062d\u062c\u0645 \u0627\u0644\u062f\u0631\u062f\u0634\u0629\u060c \u0645\u0639\u062f\u0644 \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u062f\u0631\u062f\u0634\u0629 \u0625\u0644\u0649 \u0639\u0645\u064a\u0644 \u0645\u062d\u062a\u0645\u0644\u060c \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0623\u0643\u062b\u0631 \u0634\u064a\u0648\u0639\u0627\u064b\u060c \u0646\u0642\u0627\u0637 \u0627\u0644\u062a\u0648\u0642\u0641\u060c \u0648\u062c\u0648\u062f\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u064a\u0646 \u062d\u0633\u0628 \u0645\u0635\u062f\u0631 \u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0644\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0627\u0621 \u0628\u0634\u0643\u0644 \u0645\u0633\u062a\u0645\u0631.\"\r\n      }\r\n    }\r\n  ]\r\n}\r\n<\/script>\r\n\r\n<!-- \u0645\u062e\u0637\u0637 \u0627\u0644\u0645\u0646\u062a\u062c -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"Product\",\r\n  \"name\": \"\u0634\u0627\u062a \u0628\u0648\u062a \u0630\u0643\u064a \u0648\u0648\u0643\u064a\u0644 \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0641\u064a \u0645\u0635\u0631\",\r\n  \"description\": \"\u062e\u062f\u0645\u0629 \u0628\u0646\u0627\u0621 \u0634\u0627\u062a \u0628\u0648\u062a \u0630\u0643\u064a \u0648\u0648\u0643\u064a\u0644 \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0644\u062a\u062d\u0648\u064a\u0644 \u0645\u0648\u0642\u0639\u0643 \u0625\u0644\u0649 \u0622\u0644\u0629 \u0645\u0628\u064a\u0639\u0627\u062a 24\/7: \u0625\u062c\u0627\u0628\u0627\u062a \u0641\u0648\u0631\u064a\u0629\u060c \u062a\u0623\u0647\u064a\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u064a\u0646\u060c \u062a\u0643\u0627\u0645\u0644\u0627\u062a CRM\/WhatsApp\u060c \u0648\u0646\u0634\u0631 \u0639\u0644\u0649 \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633. \u062a\u0637\u0648\u064a\u0631 \u0634\u0627\u062a \u0628\u0648\u062a \u0630\u0643\u064a \u0627\u062d\u062a\u0631\u0627\u0641\u064a \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u0635\u0631\u064a\u0629 \u0648\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637.\",\r\n  \"brand\": {\r\n    \"@type\": \"Brand\",\r\n    \"name\": \"WebbingStone\"\r\n  },\r\n  \"image\": \"https:\/\/webbingstone.com\/wp-content\/uploads\/2026\/01\/ar-chatbot.png\",\r\n  \"offers\": {\r\n    \"@type\": \"Offer\",\r\n    \"url\": \"https:\/\/webbingstone.com\/ai-chatbot\/\",\r\n    \"priceCurrency\": \"EGP\",\r\n    \"price\": \"2500\",\r\n    \"availability\": \"https:\/\/schema.org\/InStock\"\r\n  },\r\n  \"keywords\": \"\u0634\u0627\u062a \u0628\u0648\u062a \u0630\u0643\u064a \u0645\u0635\u0631\u060c \u062a\u0637\u0648\u064a\u0631 \u0648\u0643\u064a\u0644 \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c \u0634\u0627\u062a \u0628\u0648\u062a \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633\u060c \u062e\u062f\u0645\u0629 \u0639\u0645\u0644\u0627\u0621 \u0630\u0643\u064a\u0629\u060c \u062d\u0644\u0648\u0644 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637\u060c \u0634\u0627\u062a \u0628\u0648\u062a \u0639\u0631\u0628\u064a\u060c \u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0645\u0635\u0631\u060c \u062f\u0639\u0645 \u0639\u0645\u0644\u0627\u0621 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c \u0623\u062f\u0627\u0629 \u062a\u0648\u0644\u064a\u062f \u0639\u0645\u0644\u0627\u0621 \u0645\u062d\u062a\u0645\u0644\u064a\u0646\u060c \u062f\u0639\u0645 \u0623\u0648\u0646\u0644\u0627\u064a\u0646 24\/7\u060c \u0628\u0646\u0627\u0621 \u0634\u0627\u062a \u0628\u0648\u062a \u0645\u0635\u0631\u060c \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u062a\u062d\u0627\u062f\u062b\u064a \u0645\u0646\u0637\u0642\u0629 \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637 \u0648\u0634\u0645\u0627\u0644 \u0623\u0641\u0631\u064a\u0642\u064a\u0627\u060c \u0645\u0633\u0627\u0639\u062f \u0627\u0641\u062a\u0631\u0627\u0636\u064a \u0630\u0643\u064a\u060c \u062f\u0639\u0645 \u0645\u062d\u0627\u062f\u062b\u0629 \u0622\u0644\u064a\u060c \u0634\u0627\u062a \u0628\u0648\u062a \u062b\u0646\u0627\u0626\u064a \u0627\u0644\u0644\u063a\u0629 \u0639\u0631\u0628\u064a \u0625\u0646\u062c\u0644\u064a\u0632\u064a\u060c \u0634\u0627\u062a \u0628\u0648\u062a \u062a\u0643\u0627\u0645\u0644 CRM\u060c \u0634\u0627\u062a \u0628\u0648\u062a \u0648\u0627\u062a\u0633\u0627\u0628 \u0645\u0635\u0631\u060c \u0623\u062a\u0645\u062a\u0629 \u0645\u0628\u064a\u0639\u0627\u062a \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\u060c \u0645\u0637\u0648\u0631\u0648 \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0645\u0635\u0631\u064a\u0648\u0646\u060c \u062d\u0644\u0648\u0644 \u0634\u0627\u062a \u0628\u0648\u062a \u0627\u0644\u0634\u0631\u0642 \u0627\u0644\u0623\u0648\u0633\u0637\u060c \u0631\u0648\u0628\u0648\u062a \u0645\u062d\u0627\u062f\u062b\u0629\u060c \u062a\u0634\u0627\u062a \u0628\u0648\u062a\u060c \u0628\u0648\u062a \u0630\u0643\u064a\u060c AI chatbot Egypt\u060c \u0645\u0633\u0627\u0639\u062f \u062a\u0633\u0648\u0642 \u0630\u0643\u064a\u060c \u0634\u0627\u062a \u0628\u0648\u062a \u062a\u062c\u0627\u0631\u0629 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\"\r\n}\r\n<\/script>\r\n\r\n<!-- \u0645\u062e\u0637\u0637 \u0627\u0644\u0635\u0648\u0631\u0629 -->\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"ImageObject\",\r\n  \"contentUrl\": \"https:\/\/webbingstone.com\/wp-content\/uploads\/2026\/01\/ar-chatbot.png\",\r\n  \"description\": \"\u0645\u0633\u0627\u0639\u062f \u062a\u0633\u0648\u0642 \u0630\u0643\u064a \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a - \u0634\u0627\u062a \u0628\u0648\u062a \u064a\u0633\u0627\u0639\u062f \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0641\u064a \u0627\u062e\u062a\u064a\u0627\u0631 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0648\u0625\u062a\u0645\u0627\u0645 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0634\u0631\u0627\u0621 \u0628\u0633\u0644\u0627\u0633\u0629\",\r\n  \"name\": \"\u0634\u0627\u062a \u0628\u0648\u062a \u0630\u0643\u064a - \u0645\u0633\u0627\u0639\u062f \u0627\u0644\u062a\u0633\u0648\u0642 \u0628\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a\"\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/section>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u062b\u0648\u0631\u0629 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u062a\u0628\u062f\u0623 \u0645\u0646 \u0647\u0646\u0627 \u062d\u0648\u0651\u0644 \u0645\u0648\u0642\u0639\u0643 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0625\u0644\u0649 \u0622\u0644\u0629 \u0645\u0628\u064a\u0639\u0627\u062a \u062a\u0639\u0645\u0644 24\/7 \u0645\u0639 \u0631\u0648\u0628\u0648\u062a\u0627\u062a \u0645\u062d\u0627\u062f\u062b\u0629 \u0630\u0643\u064a\u0629 \u062a\u0641\u0647\u0645 \u0648\u062a\u062a\u0641\u0627\u0639\u0644 \u0648\u062a\u062d\u0648\u0651\u0644 \u0627\u0644\u0632\u0648\u0627\u0631 \u0625\u0644\u0649 \u0639\u0645\u0644\u0627\u0621 \u062f\u0627\u0626\u0645\u064a\u0646. \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u0628\u062d\u062b \u0639\u0646 \u0645\u0637\u0648\u0631 \u0641\u064a \u0645\u0635\u0631 \u0644\u0646\u0634\u0631 \u0634\u0627\u062a \u0628\u0648\u062a \u0630\u0643\u064a \u0623\u0648 \u0648\u0643\u064a\u0644 \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0639\u0644\u0649 \u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633 (\u0623\u0648 \u0623\u064a \u0645\u0648\u0642\u0639 \u0648\u064a\u0628)\u060c \u0641\u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062d\u0629 \u062a\u0634\u0631\u062d \u0645\u0627 \u064a\u062c\u0628 \u0628\u0646\u0627\u0624\u0647\u060c \u0648\u0644\u0645\u0627\u0630\u0627 \u064a\u0639\u0645\u0644\u060c \u0648\u0643\u064a\u0641\u064a\u0629 [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17011","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/pages\/17011","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/comments?post=17011"}],"version-history":[{"count":5,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/pages\/17011\/revisions"}],"predecessor-version":[{"id":21329,"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/pages\/17011\/revisions\/21329"}],"wp:attachment":[{"href":"https:\/\/webbingstone.com\/ar\/wp-json\/wp\/v2\/media?parent=17011"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}