{"id":2237,"date":"2026-06-20T11:38:26","date_gmt":"2026-06-20T11:38:26","guid":{"rendered":"https:\/\/zadbladna.com\/?st-import=5fceb7e351110c10107f0965c1730d68"},"modified":"2026-06-26T16:51:35","modified_gmt":"2026-06-26T16:51:35","slug":"about-us","status":"publish","type":"page","link":"https:\/\/zadbladna.com\/ar\/about-us\/","title":{"rendered":"\u0645\u0646 \u0646\u062d\u0646"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"2237\" class=\"elementor elementor-2237\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f913cf e-flex e-con-boxed e-con e-parent\" data-id=\"1f913cf\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;triangle&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 1000 100\" preserveaspectratio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M500,98.9L0,6.1V0h1000v6.1L500,98.9z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fe92a26 e-con-full e-flex e-con e-child\" data-id=\"fe92a26\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9643cee elementor-position-top elementor-invisible elementor-widget elementor-widget-image-box\" data-id=\"9643cee\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img decoding=\"async\" width=\"200\" height=\"35\" src=\"https:\/\/zadbladna.com\/wp-content\/uploads\/2018\/10\/divider-free-img-1.png\" class=\"attachment-full size-full wp-image-12\" alt=\"divider free img 1.png\"  title=\"\u0645\u0646 \u0646\u062d\u0646\" \/><\/figure><div class=\"elementor-image-box-content\"><p class=\"elementor-image-box-title\">\u062d\u064a\u062b \u064a\u0644\u062a\u0642\u064a \u0627\u0644\u062f\u062e\u0627\u0646 \u0628\u0627\u0644\u0631\u0648\u062d \ud83d\udd25\u2728<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05b12cd elementor-invisible elementor-widget elementor-widget-icon-box\" data-id=\"05b12cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h1 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t\u0645\u0646 \u0646\u062d\u0646\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h1>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\t\u0645\u0646 \u0628\u062f\u0627\u064a\u0627\u062a \u0645\u062a\u0648\u0627\u0636\u0639\u0629 \u0641\u064a \u062d\u0641\u0644\u0627\u062a \u0627\u0644\u0634\u0648\u0627\u0621 \u062e\u0644\u0627\u0644 \u0639\u0637\u0644\u0627\u062a \u0646\u0647\u0627\u064a\u0629 \u0627\u0644\u0623\u0633\u0628\u0648\u0639\u060c \u0625\u0644\u0649 \u0623\u0646 \u0623\u0635\u0628\u062d\u0646\u0627 \u0648\u062c\u0647\u0629 \u0644\u0639\u0634\u0627\u0642 \u0627\u0644\u0634\u0648\u0627\u0621\u060c \u0638\u0644 \u0634\u063a\u0641\u0646\u0627 \u0628\u0633\u064a\u0637\u064b\u0627 \u062f\u0627\u0626\u0645\u064b\u0627: \u0644\u062d\u0648\u0645 \u0645\u064f\u062f\u062e\u0651\u0646\u0629 \u0628\u0628\u0637\u0621\u060c \u0646\u0643\u0647\u0627\u062a \u062c\u0631\u064a\u0626\u0629\u060c \u0648\u0645\u0634\u0627\u0631\u0643\u0629 \u0644\u062d\u0638\u0627\u062a \u0644\u0627 \u062a\u064f\u0646\u0633\u0649 \u0645\u0639 \u0643\u0644 \u0636\u064a\u0641. \ud83c\udf56\ud83d\udd25\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-116ab0ee e-con-full e-flex e-con e-parent\" data-id=\"116ab0ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46d4c0a4 elementor-widget elementor-widget-shortcode\" data-id=\"46d4c0a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!DOCTYPE html>\n<html lang=\"en\" dir=\"ltr\">\n<head>\n    <meta charset=\"UTF-8\" \/>\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    <title>ZAD BLADNA \u00b7 About Us<\/title>\n    <!-- Google Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Alexandria:wght@300;400;600;700;900&family=Playfair+Display:wght@700;900&display=swap\" rel=\"stylesheet\" \/>\n    <!-- Font Awesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\" \/>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Alexandria', 'Segoe UI', sans-serif;\n            background: linear-gradient(135deg, #fcf8f3 0%, #f5ede5 100%);\n            padding: 2rem 1rem;\n            color: #2c1e14;\n            direction: ltr;\n            min-height: 100vh;\n            overflow-x: hidden;\n        }\n\n        \/* ============================================================\n           FLOATING PARTICLES\n           ============================================================ *\/\n        .bg-particles {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            pointer-events: none;\n            z-index: 0;\n            overflow: hidden;\n        }\n        .bg-particles span {\n            position: absolute;\n            display: block;\n            width: 20px;\n            height: 20px;\n            background: rgba(192, 57, 43, 0.04);\n            border-radius: 50%;\n            animation: floatUp 20s infinite linear;\n        }\n        .bg-particles span:nth-child(1) { left: 10%; animation-duration: 18s; animation-delay: 0s; width: 30px; height: 30px; }\n        .bg-particles span:nth-child(2) { left: 25%; animation-duration: 22s; animation-delay: 3s; width: 15px; height: 15px; }\n        .bg-particles span:nth-child(3) { left: 40%; animation-duration: 16s; animation-delay: 5s; width: 40px; height: 40px; }\n        .bg-particles span:nth-child(4) { left: 55%; animation-duration: 25s; animation-delay: 2s; width: 10px; height: 10px; }\n        .bg-particles span:nth-child(5) { left: 70%; animation-duration: 19s; animation-delay: 7s; width: 25px; height: 25px; }\n        .bg-particles span:nth-child(6) { left: 85%; animation-duration: 21s; animation-delay: 4s; width: 35px; height: 35px; }\n\n        @keyframes floatUp {\n            0% { transform: translateY(100vh) rotate(0deg); opacity: 0; }\n            10% { opacity: 1; }\n            90% { opacity: 1; }\n            100% { transform: translateY(-100vh) rotate(720deg); opacity: 0; }\n        }\n\n        \/* ============================================================\n           MAIN WRAPPER\n           ============================================================ *\/\n        .about-wrapper {\n            position: relative;\n            z-index: 1;\n            max-width: 1280px;\n            margin: 0 auto;\n            background: rgba(255, 255, 255, 0.92);\n            backdrop-filter: blur(20px);\n            border-radius: 48px 48px 32px 32px;\n            box-shadow: 0 30px 80px -20px rgba(120, 40, 30, 0.3), 0 0 0 1px rgba(192, 57, 43, 0.06);\n            padding: 2.5rem 2.8rem;\n            border: 1px solid rgba(255, 255, 255, 0.5);\n            animation: wrapperGlow 4s ease-in-out infinite alternate;\n        }\n\n        @keyframes wrapperGlow {\n            0% { box-shadow: 0 30px 80px -20px rgba(120, 40, 30, 0.25), 0 0 0 1px rgba(192, 57, 43, 0.06); }\n            100% { box-shadow: 0 40px 100px -15px rgba(192, 57, 43, 0.18), 0 0 0 2px rgba(192, 57, 43, 0.10); }\n        }\n\n        \/* ============================================================\n           HEADER\n           ============================================================ *\/\n        .brand-header {\n            text-align: center;\n            padding-bottom: 2.2rem;\n            margin-bottom: 2.8rem;\n            border-bottom: 3px solid #c0392b;\n            position: relative;\n            animation: headerPulse 3s ease-in-out infinite;\n        }\n\n        @keyframes headerPulse {\n            0%, 100% { border-bottom-color: #c0392b; }\n            50% { border-bottom-color: #e74c3c; }\n        }\n\n        .brand-header::after {\n            content: \"\u2726\";\n            position: absolute;\n            bottom: -18px;\n            left: 50%;\n            transform: translateX(-50%);\n            background: #fff;\n            padding: 0 16px;\n            font-size: 1.6rem;\n            color: #c0392b;\n            animation: spinStar 8s linear infinite;\n        }\n\n        @keyframes spinStar {\n            0% { transform: translateX(-50%) rotate(0deg); }\n            100% { transform: translateX(-50%) rotate(360deg); }\n        }\n\n        .brand-header .logo-icon {\n            font-size: 3.5rem;\n            color: #c0392b;\n            animation: bounceIcon 2.5s ease-in-out infinite;\n            display: inline-block;\n        }\n\n        @keyframes bounceIcon {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-10px); }\n        }\n\n        .brand-header h1 {\n            font-family: 'Playfair Display', serif;\n            font-size: 4.2rem;\n            font-weight: 900;\n            color: #8b1e14;\n            letter-spacing: 4px;\n            text-shadow: 2px 2px 0 rgba(192, 57, 43, 0.08);\n            margin-bottom: 0.25rem;\n            animation: glitchText 5s ease-in-out infinite;\n        }\n\n        @keyframes glitchText {\n            0%, 90%, 100% { transform: translate(0); }\n            92% { transform: translate(-3px, 1px); }\n            94% { transform: translate(3px, -1px); }\n            96% { transform: translate(-2px, 2px); }\n            98% { transform: translate(2px, -2px); }\n        }\n\n        .brand-header p {\n            font-size: 1.3rem;\n            font-weight: 300;\n            color: #6b4f3a;\n            letter-spacing: 2px;\n        }\n\n        .brand-header .highlight {\n            background: linear-gradient(135deg, #c0392b, #e74c3c);\n            color: #fff;\n            padding: 0.3rem 2.2rem;\n            border-radius: 60px;\n            display: inline-block;\n            font-size: 1rem;\n            font-weight: 600;\n            margin-top: 0.5rem;\n            box-shadow: 0 8px 25px rgba(192, 57, 43, 0.3);\n            animation: glowPulse 2.5s ease-in-out infinite;\n            transition: all 0.3s ease;\n        }\n\n        .brand-header .highlight:hover {\n            transform: scale(1.05);\n            box-shadow: 0 12px 35px rgba(192, 57, 43, 0.4);\n        }\n\n        @keyframes glowPulse {\n            0%, 100% { box-shadow: 0 8px 25px rgba(192, 57, 43, 0.3); }\n            50% { box-shadow: 0 8px 40px rgba(192, 57, 43, 0.5); }\n        }\n\n        \/* ============================================================\n           REVEAL ANIMATIONS\n           ============================================================ *\/\n        .reveal {\n            opacity: 0;\n            transform: translateY(60px) scale(0.95);\n            transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .reveal.active {\n            opacity: 1;\n            transform: translateY(0) scale(1);\n        }\n\n        .reveal-left {\n            opacity: 0;\n            transform: translateX(-80px);\n            transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .reveal-left.active {\n            opacity: 1;\n            transform: translateX(0);\n        }\n\n        .reveal-right {\n            opacity: 0;\n            transform: translateX(80px);\n            transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .reveal-right.active {\n            opacity: 1;\n            transform: translateX(0);\n        }\n\n        .reveal-scale {\n            opacity: 0;\n            transform: scale(0.8);\n            transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .reveal-scale.active {\n            opacity: 1;\n            transform: scale(1);\n        }\n\n        .reveal-rotate {\n            opacity: 0;\n            transform: rotate(-10deg) scale(0.9);\n            transition: all 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n        }\n        .reveal-rotate.active {\n            opacity: 1;\n            transform: rotate(0deg) scale(1);\n        }\n\n        \/* ============================================================\n           ABOUT GRID\n           ============================================================ *\/\n        .about-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3.5rem;\n            align-items: center;\n            margin-bottom: 3.5rem;\n        }\n\n        .about-text h2 {\n            font-family: 'Playfair Display', serif;\n            font-size: 3.2rem;\n            color: #2c1e14;\n            margin-bottom: 1.2rem;\n        }\n\n        .about-text h2 span {\n            color: #c0392b;\n            animation: textPulse 3s ease-in-out infinite;\n            display: inline-block;\n        }\n\n        @keyframes textPulse {\n            0%, 100% { text-shadow: 0 0 0 rgba(192, 57, 43, 0); }\n            50% { text-shadow: 0 0 40px rgba(192, 57, 43, 0.2); }\n        }\n\n        .about-text .lead {\n            font-size: 1.2rem;\n            font-weight: 400;\n            color: #4d3729;\n            line-height: 1.8;\n            margin-bottom: 1rem;\n        }\n\n        .about-text p {\n            color: #6b4f3a;\n            line-height: 2;\n            font-size: 1rem;\n        }\n\n        .about-text .signature {\n            margin-top: 2rem;\n            font-family: 'Playfair Display', serif;\n            font-size: 1.8rem;\n            color: #c0392b;\n            letter-spacing: 2px;\n            display: flex;\n            align-items: center;\n            gap: 1rem;\n            animation: signatureGlow 3s ease-in-out infinite;\n        }\n\n        @keyframes signatureGlow {\n            0%, 100% { text-shadow: 0 0 0 rgba(192, 57, 43, 0); }\n            50% { text-shadow: 0 0 30px rgba(192, 57, 43, 0.15); }\n        }\n\n        .about-text .signature i {\n            font-size: 2rem;\n            opacity: 0.4;\n            animation: iconWiggle 4s ease-in-out infinite;\n        }\n\n        @keyframes iconWiggle {\n            0%, 100% { transform: rotate(0deg); }\n            25% { transform: rotate(-8deg); }\n            75% { transform: rotate(8deg); }\n        }\n\n        \/* ============================================================\n           ABOUT IMAGE CARD\n           ============================================================ *\/\n        .about-image-card {\n            background: linear-gradient(145deg, #fcf2ed, #f5e8e0);\n            border-radius: 32px;\n            padding: 3rem 2.5rem;\n            text-align: center;\n            border: 1px solid rgba(192, 57, 43, 0.08);\n            box-shadow: 0 20px 50px rgba(192, 57, 43, 0.06);\n            transition: all 0.5s ease;\n            animation: floatCard 6s ease-in-out infinite;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .about-image-card::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: radial-gradient(circle at 30% 30%, rgba(192, 57, 43, 0.03), transparent 60%);\n            animation: shineRotate 10s linear infinite;\n        }\n\n        @keyframes shineRotate {\n            0% { transform: rotate(0deg); }\n            100% { transform: rotate(360deg); }\n        }\n\n        @keyframes floatCard {\n            0%, 100% { transform: translateY(0); }\n            50% { transform: translateY(-15px); }\n        }\n\n        .about-image-card:hover {\n            transform: translateY(-8px) scale(1.02);\n            box-shadow: 0 30px 60px rgba(192, 57, 43, 0.12);\n        }\n\n        .about-image-card .big-icon {\n            font-size: 5rem;\n            color: #c0392b;\n            animation: iconPulse 3s ease-in-out infinite;\n            display: inline-block;\n            position: relative;\n            z-index: 1;\n        }\n\n        @keyframes iconPulse {\n            0%, 100% { transform: scale(1); opacity: 0.8; }\n            50% { transform: scale(1.1); opacity: 1; }\n        }\n\n        .about-image-card h3 {\n            font-family: 'Playfair Display', serif;\n            font-size: 2.6rem;\n            color: #2c1e14;\n            margin: 0.5rem 0;\n            position: relative;\n            z-index: 1;\n        }\n\n        .about-image-card h3 span {\n            color: #c0392b;\n        }\n\n        .about-image-card p {\n            color: #8f735b;\n            font-size: 0.95rem;\n            letter-spacing: 2px;\n            position: relative;\n            z-index: 1;\n        }\n\n        .about-image-card .brand-strip {\n            display: flex;\n            justify-content: center;\n            gap: 1rem;\n            margin-top: 1.8rem;\n            flex-wrap: wrap;\n            position: relative;\n            z-index: 1;\n        }\n\n        .about-image-card .brand-strip span {\n            font-size: 0.65rem;\n            color: #8f735b;\n            letter-spacing: 3px;\n            font-weight: 300;\n            border: 1px solid rgba(192, 57, 43, 0.08);\n            padding: 0.3rem 1.4rem;\n            border-radius: 60px;\n            background: rgba(255, 255, 255, 0.5);\n            animation: pulseSlow 3s ease-in-out infinite;\n            transition: all 0.3s ease;\n            cursor: default;\n        }\n\n        .about-image-card .brand-strip span:hover {\n            background: rgba(192, 57, 43, 0.05);\n            transform: scale(1.05);\n            border-color: rgba(192, 57, 43, 0.2);\n        }\n\n        .about-image-card .brand-strip span:nth-child(2) { animation-delay: 0.5s; }\n        .about-image-card .brand-strip span:nth-child(3) { animation-delay: 1s; }\n        .about-image-card .brand-strip span:nth-child(4) { animation-delay: 1.5s; }\n\n        @keyframes pulseSlow {\n            0%, 100% { opacity: 0.5; transform: scale(1); }\n            50% { opacity: 1; transform: scale(1.05); }\n        }\n\n        \/* ============================================================\n           STATS SECTION\n           ============================================================ *\/\n        .stats-section {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 2rem;\n            margin: 3rem 0 2.5rem;\n            padding: 2.5rem 1.5rem;\n            background: linear-gradient(135deg, rgba(192, 57, 43, 0.03), rgba(255, 255, 255, 0.9));\n            border-radius: 40px;\n            border: 1px solid rgba(192, 57, 43, 0.04);\n        }\n\n        .stat-item {\n            text-align: center;\n            transition: all 0.4s ease;\n            padding: 0.5rem;\n            position: relative;\n        }\n\n        .stat-item:hover {\n            transform: translateY(-8px);\n        }\n\n        .stat-item .number {\n            font-family: 'Playfair Display', serif;\n            font-size: 3.5rem;\n            font-weight: 900;\n            color: #c0392b;\n            animation: statPulse 4s ease-in-out infinite;\n            display: inline-block;\n        }\n\n        @keyframes statPulse {\n            0%, 100% { transform: scale(1); }\n            50% { transform: scale(1.06); }\n        }\n\n        .stat-item .label {\n            font-size: 0.85rem;\n            color: #8f735b;\n            letter-spacing: 2px;\n            margin-top: 0.2rem;\n            font-weight: 300;\n        }\n\n        .stat-item .icon-stat {\n            font-size: 1.8rem;\n            color: #d4a373;\n            margin-bottom: 0.3rem;\n            display: block;\n            animation: iconPulse 3s ease-in-out infinite;\n        }\n\n        \/* ============================================================\n           VALUES SECTION\n           ============================================================ *\/\n        .values-section {\n            margin: 3rem 0 2rem;\n        }\n\n        .values-section h2 {\n            font-family: 'Playfair Display', serif;\n            font-size: 2.8rem;\n            color: #2c1e14;\n            text-align: center;\n            margin-bottom: 2.5rem;\n        }\n\n        .values-section h2 span {\n            color: #c0392b;\n            animation: textPulse 3s ease-in-out infinite;\n            display: inline-block;\n        }\n\n        .values-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 2rem;\n        }\n\n        .value-card {\n            background: rgba(255, 255, 255, 0.8);\n            border-radius: 28px;\n            padding: 2.5rem 1.8rem;\n            text-align: center;\n            border: 1px solid rgba(192, 57, 43, 0.04);\n            transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n            box-shadow: 0 4px 20px rgba(0,0,0,0.02);\n            position: relative;\n            overflow: hidden;\n            cursor: default;\n        }\n\n        .value-card::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: radial-gradient(circle at 30% 30%, rgba(192, 57, 43, 0.02), transparent 70%);\n            opacity: 0;\n            transition: opacity 0.6s ease;\n        }\n\n        .value-card:hover::before {\n            opacity: 1;\n        }\n\n        .value-card:hover {\n            transform: translateY(-12px) scale(1.02);\n            box-shadow: 0 25px 55px rgba(192, 57, 43, 0.08);\n            border-color: rgba(192, 57, 43, 0.12);\n        }\n\n        .value-card .value-icon {\n            font-size: 3rem;\n            color: #c0392b;\n            margin-bottom: 1rem;\n            display: inline-block;\n            animation: iconPulse 4s ease-in-out infinite;\n        }\n\n        .value-card h4 {\n            font-size: 1.4rem;\n            font-weight: 600;\n            color: #2c1e14;\n            margin-bottom: 0.5rem;\n        }\n\n        .value-card p {\n            color: #6b4f3a;\n            font-size: 0.95rem;\n            line-height: 1.7;\n        }\n\n        \/* ============================================================\n           CHEF SECTION\n           ============================================================ *\/\n        .chef-section {\n            margin: 3rem 0 1.5rem;\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 3.5rem;\n            align-items: center;\n            background: linear-gradient(135deg, rgba(192, 57, 43, 0.02), rgba(255, 255, 255, 0.9));\n            border-radius: 40px;\n            padding: 3rem 2.5rem;\n            border: 1px solid rgba(192, 57, 43, 0.04);\n        }\n\n        .chef-text h2 {\n            font-family: 'Playfair Display', serif;\n            font-size: 2.8rem;\n            color: #2c1e14;\n        }\n\n        .chef-text h2 span {\n            color: #c0392b;\n            animation: textPulse 3s ease-in-out infinite;\n            display: inline-block;\n        }\n\n        .chef-text p {\n            color: #6b4f3a;\n            line-height: 2;\n            margin-top: 0.8rem;\n            font-size: 1rem;\n        }\n\n        .chef-text .chef-quote {\n            margin-top: 1.5rem;\n            font-style: italic;\n            font-size: 1.1rem;\n            color: #4d3729;\n            padding: 1.2rem 1.8rem;\n            background: rgba(255, 255, 255, 0.6);\n            border-radius: 20px;\n            border-left: 6px solid #c0392b;\n            animation: notePulse 3s ease-in-out infinite;\n            transition: all 0.3s ease;\n        }\n\n        .chef-text .chef-quote:hover {\n            transform: scale(1.02);\n        }\n\n        @keyframes notePulse {\n            0%, 100% { border-left-color: #c0392b; }\n            50% { border-left-color: #e74c3c; }\n        }\n\n        .chef-image {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        .chef-image .chef-card {\n            background: rgba(255, 255, 255, 0.8);\n            border-radius: 32px;\n            padding: 2.5rem 2rem;\n            text-align: center;\n            width: 100%;\n            max-width: 380px;\n            border: 1px solid rgba(192, 57, 43, 0.06);\n            box-shadow: 0 20px 40px rgba(0,0,0,0.02);\n            transition: all 0.5s ease;\n            animation: floatCard 7s ease-in-out infinite;\n        }\n\n        .chef-image .chef-card:hover {\n            transform: scale(1.04) translateY(-5px);\n            box-shadow: 0 30px 60px rgba(192, 57, 43, 0.08);\n        }\n\n        .chef-image .chef-card .chef-avatar {\n            font-size: 5rem;\n            color: #d4a373;\n            animation: iconPulse 3s ease-in-out infinite;\n            display: inline-block;\n        }\n\n        .chef-image .chef-card h4 {\n            font-family: 'Playfair Display', serif;\n            font-size: 2rem;\n            color: #2c1e14;\n            margin: 0.3rem 0;\n        }\n\n        .chef-image .chef-card .chef-title {\n            color: #8f735b;\n            font-size: 0.85rem;\n            letter-spacing: 2px;\n        }\n\n        .chef-image .chef-card .stars {\n            color: #d4a373;\n            font-size: 1.2rem;\n            margin-top: 0.8rem;\n            letter-spacing: 4px;\n            animation: starsPulse 2s ease-in-out infinite;\n        }\n\n        @keyframes starsPulse {\n            0%, 100% { opacity: 0.8; }\n            50% { opacity: 1; }\n        }\n\n        \/* ============================================================\n           TIMELINE \/ MILESTONE\n           ============================================================ *\/\n        .milestone-section {\n            margin: 3rem 0;\n            padding: 2.5rem 2rem;\n            background: linear-gradient(135deg, #fcf2ed, #f5ede5);\n            border-radius: 40px;\n            border: 1px solid rgba(192, 57, 43, 0.06);\n            text-align: center;\n        }\n\n        .milestone-section h2 {\n            font-family: 'Playfair Display', serif;\n            font-size: 2.6rem;\n            color: #2c1e14;\n            margin-bottom: 0.5rem;\n        }\n\n        .milestone-section h2 span {\n            color: #c0392b;\n            animation: textPulse 3s ease-in-out infinite;\n            display: inline-block;\n        }\n\n        .milestone-section .milestone-year {\n            font-family: 'Playfair Display', serif;\n            font-size: 5rem;\n            font-weight: 900;\n            color: #c0392b;\n            animation: statPulse 3s ease-in-out infinite;\n            display: inline-block;\n        }\n\n        .milestone-section p {\n            color: #6b4f3a;\n            font-size: 1.1rem;\n            margin-top: 0.5rem;\n            letter-spacing: 2px;\n        }\n\n        .milestone-section .milestone-line {\n            width: 80px;\n            height: 3px;\n            background: linear-gradient(90deg, #c0392b, #d4a373, #c0392b);\n            margin: 1.2rem auto;\n            border-radius: 10px;\n            animation: linePulse 2s ease-in-out infinite;\n        }\n\n        @keyframes linePulse {\n            0%, 100% { width: 80px; opacity: 0.5; }\n            50% { width: 120px; opacity: 1; }\n        }\n\n        \/* ============================================================\n           CTA\n           ============================================================ *\/\n        .cta-section {\n            margin-top: 3rem;\n            text-align: center;\n            padding: 3rem 2rem;\n            background: linear-gradient(135deg, rgba(192, 57, 43, 0.04), rgba(255, 255, 255, 0.9));\n            border-radius: 40px;\n            border: 1px solid rgba(192, 57, 43, 0.04);\n        }\n\n        .cta-section h2 {\n            font-family: 'Playfair Display', serif;\n            font-size: 2.8rem;\n            color: #2c1e14;\n        }\n\n        .cta-section h2 span {\n            color: #c0392b;\n            animation: textPulse 3s ease-in-out infinite;\n            display: inline-block;\n        }\n\n        .cta-section p {\n            color: #6b4f3a;\n            margin: 0.8rem 0 2rem;\n            font-size: 1.1rem;\n        }\n\n        .cta-buttons {\n            display: flex;\n            justify-content: center;\n            gap: 1.2rem;\n            flex-wrap: wrap;\n        }\n\n        .btn-primary {\n            background: linear-gradient(135deg, #c0392b, #a1281e);\n            color: #fff;\n            border: none;\n            padding: 0.9rem 3.2rem;\n            border-radius: 60px;\n            font-family: 'Alexandria', sans-serif;\n            font-weight: 600;\n            font-size: 1rem;\n            cursor: pointer;\n            transition: all 0.4s ease;\n            box-shadow: 0 8px 35px rgba(192, 57, 43, 0.15);\n            text-decoration: none;\n            display: inline-flex;\n            align-items: center;\n            gap: 0.8rem;\n            animation: btnPulse 3s ease-in-out infinite;\n        }\n\n        @keyframes btnPulse {\n            0%, 100% { box-shadow: 0 8px 35px rgba(192, 57, 43, 0.15); }\n            50% { box-shadow: 0 8px 50px rgba(192, 57, 43, 0.35); }\n        }\n\n        .btn-primary:hover {\n            transform: translateY(-6px) scale(1.04);\n            animation: none;\n            box-shadow: 0 18px 55px rgba(192, 57, 43, 0.3);\n        }\n\n        .btn-secondary {\n            background: transparent;\n            color: #2c1e14;\n            border: 1px solid rgba(192, 57, 43, 0.2);\n            padding: 0.9rem 2.5rem;\n            border-radius: 60px;\n            font-family: 'Alexandria', sans-serif;\n            font-weight: 600;\n            font-size: 1rem;\n            cursor: pointer;\n            transition: all 0.4s ease;\n            text-decoration: none;\n            display: inline-flex;\n            align-items: center;\n            gap: 0.8rem;\n        }\n\n        .btn-secondary:hover {\n            border-color: #c0392b;\n            background: rgba(192, 57, 43, 0.03);\n            transform: translateY(-6px);\n        }\n\n        \/* ============================================================\n           FOOTER\n           ============================================================ *\/\n        .footer-note {\n            margin-top: 3.6rem;\n            padding-top: 1.6rem;\n            text-align: center;\n            border-top: 2px dashed #dacfc4;\n            font-size: 0.95rem;\n            color: #7a624f;\n            animation: fadeInFooter 1.5s ease forwards;\n            opacity: 0;\n        }\n\n        @keyframes fadeInFooter {\n            0% { opacity: 0; transform: translateY(20px); }\n            100% { opacity: 1; transform: translateY(0); }\n        }\n\n        .footer-note i {\n            color: #c0392b;\n            margin: 0 0.3rem;\n            animation: heartBeat 2s ease-in-out infinite;\n        }\n\n        @keyframes heartBeat {\n            0%, 100% { transform: scale(1); }\n            15% { transform: scale(1.3); }\n            30% { transform: scale(1); }\n            45% { transform: scale(1.2); }\n            60% { transform: scale(1); }\n        }\n\n        \/* ============================================================\n           SCROLL TOP\n           ============================================================ *\/\n        .scroll-top {\n            position: fixed;\n            bottom: 30px;\n            right: 30px;\n            background: linear-gradient(135deg, #c0392b, #e74c3c);\n            color: #fff;\n            border: none;\n            border-radius: 50%;\n            width: 55px;\n            height: 55px;\n            font-size: 1.5rem;\n            cursor: pointer;\n            box-shadow: 0 8px 30px rgba(192, 57, 43, 0.3);\n            z-index: 100;\n            transition: all 0.4s ease;\n            opacity: 0;\n            transform: translateY(20px);\n            animation: fadeInFooter 1s ease 2s forwards;\n        }\n\n        .scroll-top:hover {\n            transform: scale(1.12) translateY(-6px);\n            box-shadow: 0 14px 45px rgba(192, 57, 43, 0.4);\n        }\n\n        \/* ============================================================\n           RESPONSIVE\n           ============================================================ *\/\n        @media (max-width: 992px) {\n            .about-grid {\n                grid-template-columns: 1fr;\n                gap: 2.5rem;\n            }\n            .chef-section {\n                grid-template-columns: 1fr;\n                gap: 2rem;\n                text-align: center;\n            }\n            .chef-text .chef-quote {\n                border-left: none;\n                border-top: 6px solid #c0392b;\n                padding: 1.2rem;\n            }\n            .stats-section {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 1.5rem;\n                padding: 2rem 1.5rem;\n            }\n            .milestone-section .milestone-year {\n                font-size: 3.5rem;\n            }\n        }\n\n        @media (max-width: 650px) {\n            .about-wrapper {\n                padding: 1.2rem 1rem;\n                border-radius: 32px;\n            }\n            .brand-header h1 {\n                font-size: 2.6rem;\n            }\n            .brand-header p {\n                font-size: 1rem;\n            }\n            .brand-header .logo-icon {\n                font-size: 2.5rem;\n            }\n            .about-text h2 {\n                font-size: 2.4rem;\n            }\n            .about-image-card h3 {\n                font-size: 2rem;\n            }\n            .stats-section {\n                grid-template-columns: 1fr 1fr;\n                gap: 1rem;\n                padding: 1.5rem 1rem;\n            }\n            .stat-item .number {\n                font-size: 2.5rem;\n            }\n            .values-section h2 {\n                font-size: 2.2rem;\n            }\n            .chef-text h2 {\n                font-size: 2.2rem;\n            }\n            .cta-section h2 {\n                font-size: 2.2rem;\n            }\n            .cta-buttons {\n                flex-direction: column;\n                align-items: center;\n            }\n            .btn-primary, .btn-secondary {\n                width: 100%;\n                justify-content: center;\n            }\n            .scroll-top {\n                width: 45px;\n                height: 45px;\n                font-size: 1.2rem;\n                bottom: 20px;\n                right: 20px;\n            }\n            .about-image-card .brand-strip span {\n                font-size: 0.5rem;\n                padding: 0.2rem 1rem;\n            }\n            .value-card {\n                padding: 1.8rem 1.2rem;\n            }\n            .milestone-section .milestone-year {\n                font-size: 2.8rem;\n            }\n            .chef-image .chef-card {\n                padding: 1.8rem 1.2rem;\n            }\n        }\n\n        @media (max-width: 400px) {\n            .brand-header h1 {\n                font-size: 2rem;\n            }\n            .about-text h2 {\n                font-size: 1.8rem;\n            }\n            .stats-section {\n                grid-template-columns: 1fr 1fr;\n                gap: 0.8rem;\n            }\n            .stat-item .number {\n                font-size: 2rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n<!-- ===== BACKGROUND PARTICLES ===== -->\n<div class=\"bg-particles\">\n    <span><\/span><span><\/span><span><\/span><span><\/span><span><\/span><span><\/span>\n<\/div>\n\n<!-- ===== SCROLL TOP ===== -->\n<button class=\"scroll-top\" onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\">\n    <i class=\"fas fa-chevron-up\"><\/i>\n<\/button>\n\n<!-- ===== ABOUT WRAPPER ===== -->\n<div class=\"about-wrapper\">\n\n    <!-- ===== HEADER ===== -->\n    <header class=\"brand-header\">\n        <div class=\"logo-icon\"><i class=\"fas fa-utensils\"><\/i><\/div>\n        <h1>\u0632\u0627\u062f \u0628\u0644\u0627\u062f\u0646\u0627<\/h1>\n        <p><i class=\"fas fa-star\" style=\"color: #c0392b; font-size: 0.8rem;\"><\/i> \u0645\u0637\u0628\u062e \u0623\u0635\u064a\u0644 \u00b7 \u0646\u0643\u0647\u0627\u062a \u0645\u0646\u0632\u0644\u064a\u0629 \ud83c\udf7d\ufe0f <i class=\"fas fa-star\" style=\"color: #c0392b; font-size: 0.8rem;\"><\/i><\/p>\n        <span class=\"highlight\"><i class=\"fas fa-info-circle\"><\/i> \u0645\u0646 \u0646\u062d\u0646<\/span>\n    <\/header>\n\n    <!-- ===== ABOUT GRID ===== -->\n    <div class=\"about-grid\">\n        <div class=\"about-text reveal-left\">\n            <h2> <span>\u0642\u0635\u062a\u0646\u0627<\/span><\/h2>\n            <p class=\"lead\">\n                <strong style=\"color: #c0392b;\">\u0632\u0627\u062f \u0628\u0644\u0627\u062f\u0646\u0627<\/strong> \u0648\u064f\u0644\u062f\u062a \u0645\u0646 \u062d\u0628\u064d \u0639\u0645\u064a\u0642 \u0644\u0644\u0645\u0623\u0643\u0648\u0644\u0627\u062a \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0623\u0635\u064a\u0644\u0629 \u0648\u062f\u0641\u0621 \u0627\u0644\u0637\u0647\u064a \u0627\u0644\u0645\u0646\u0632\u0644\u064a. \ud83c\udf7d\ufe0f\n            <\/p>\n            <p>\n                \u062a\u0623\u0633\u0633 <strong style=\"color: #c0392b;\">2022<\/strong>\u064a\u0643\u0631\u0651\u0633 \u0645\u0637\u0628\u062e\u0646\u0627 \u062c\u0647\u0648\u062f\u0647 \u0644\u0644\u062d\u0641\u0627\u0638 \u0639\u0644\u0649 \u0627\u0644\u062a\u0631\u0627\u062b \u0627\u0644\u063a\u0630\u0627\u0626\u064a \u0627\u0644\u063a\u0646\u064a \u0644\u0644\u0639\u0627\u0644\u0645 \u0627\u0644\u0639\u0631\u0628\u064a.  \u0643\u0644 \u0637\u0628\u0642 \u0646\u0642\u062f\u0651\u0645\u0647 \u064a\u064f\u062d\u0636\u0651\u064e\u0631 \u0628\u0634\u063a\u0641\u060c \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0623\u062c\u0648\u062f \u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0627\u0644\u0637\u0627\u0632\u062c\u0629 \u0648\u0648\u0635\u0641\u0627\u062a \u0639\u0631\u064a\u0642\u0629 \u062a\u0648\u0627\u0631\u062b\u062a\u0647\u0627 \u0627\u0644\u0623\u062c\u064a\u0627\u0644. \ud83c\udf7d\ufe0f\u2728\n            <\/p>\n            <p style=\"margin-top: 0.8rem;\">\n                \u0645\u0646 \u0627\u0644\u0623\u0637\u0628\u0627\u0642 \u0627\u0644\u0633\u0627\u062e\u0646\u0629 \u0627\u0644\u0645\u0642\u0631\u0645\u0634\u0629 \u0639\u0644\u0649 \u0627\u0644\u0646\u0627\u0631 <strong>\u0627\u0644\u0641\u062a\u0629<\/strong> \u0625\u0644\u0649 \u0627\u0644\u062f\u0641\u0621 \u0627\u0644\u0645\u0631\u064a\u062d <strong>\u0628\u0627\u0633\u062a\u0627 \u0628\u0627\u0644\u0628\u0634\u0627\u0645\u064a\u0644<\/strong>\u0646\u0642\u062f\u0651\u0645 \u0644\u0643 \u0645\u0630\u0627\u0642 \u0627\u0644\u0645\u0646\u0632\u0644 \u0625\u0644\u0649 \u0637\u0627\u0648\u0644\u062a\u0643. \u064a\u0636\u0639 \u0637\u0647\u0627\u062a\u0646\u0627 \u0642\u0644\u0648\u0628\u0647\u0645 \u0641\u064a \u0643\u0644 \u0637\u0628\u0642\u060c  \u0644\u0646\u0636\u0645\u0646 \u0623\u0646 \u062a\u062d\u0643\u064a \u0643\u0644 \u0644\u0642\u0645\u0629 \u0642\u0635\u0629 \u0645\u0646 \u0627\u0644\u0623\u0635\u0627\u0644\u0629 \u0648\u0627\u0644\u062c\u0648\u062f\u0629 \u0648\u0627\u0644\u062d\u0628. \ud83c\udf7d\ufe0f\u2728\n            <\/p>\n            <div class=\"signature\">\n                <i class=\"fas fa-utensil-spoon\"><\/i>\n                ZAD BLADNA \u00b7 since 2022\n            <\/div>\n        <\/div>\n        <div class=\"about-image-card reveal-right\">\n            <div class=\"big-icon\"><i class=\"fas fa-utensils\"><\/i><\/div>\n            <h3>\u0632\u0627\u062f <span>\u0628\u0644\u0627\u062f\u0646\u0627<\/span><\/h3>\n            <p>\u2726 \u0645\u0637\u0628\u062e \u0634\u0631\u0642\u064a \u0623\u0635\u064a\u0644 \u2726<\/p>\n            <div class=\"brand-strip\">\n                <span>ZAINY<\/span>\n                <span>LASSI<\/span>\n                <span>2D BAKING<\/span>\n                <span>FESTA BLAINE<\/span>\n            <\/div>\n            <div style=\"margin-top: 1.8rem; color: #8f735b; font-size: 0.9rem; letter-spacing: 2px;\">\n                <i class=\"fas fa-star\" style=\"color: #d4a373; animation: pulseSlow 2s ease-in-out infinite;\"><\/i>\n                <i class=\"fas fa-star\" style=\"color: #d4a373; animation: pulseSlow 2s ease-in-out infinite 0.3s;\"><\/i>\n                <i class=\"fas fa-star\" style=\"color: #d4a373; animation: pulseSlow 2s ease-in-out infinite 0.6s;\"><\/i>\n                <i class=\"fas fa-star\" style=\"color: #d4a373; animation: pulseSlow 2s ease-in-out infinite 0.9s;\"><\/i>\n                <i class=\"fas fa-star\" style=\"color: #d4a373; animation: pulseSlow 2s ease-in-out infinite 1.2s;\"><\/i>\n            <\/div>\n            <p style=\"margin-top: 1rem; font-size: 0.8rem; color: #b8a392;\">\n                <i class=\"fas fa-map-pin\" style=\"color: #c0392b;\"><\/i> Dubai, UAE\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <!-- ===== MILESTONE ===== -->\n    <div class=\"milestone-section reveal-scale\">\n        <h2>\u0631\u062d\u0644\u062a\u0646\u0627 <span><\/span><\/h2>\n        <div class=\"milestone-year\">2022<\/div>\n        <div class=\"milestone-line\"><\/div>\n        <p>\u062d\u064a\u062b \u064a\u0644\u062a\u0642\u064a \u0627\u0644\u062a\u0631\u0627\u062b \u0628\u0627\u0644\u0634\u063a\u0641 \u2014 \u0646\u0642\u062f\u0651\u0645 \u0646\u0643\u0647\u0627\u062a \u0623\u0635\u064a\u0644\u0629 \u0645\u0646\u0630 \u0627\u0644\u064a\u0648\u0645 \u0627\u0644\u0623\u0648\u0644 \ud83c\udf7d\ufe0f\u2728<\/p>\n    <\/div>\n\n    <!-- ===== STATS ===== -->\n    <div class=\"stats-section\">\n        <div class=\"stat-item reveal\" style=\"transition-delay: 0.1s;\">\n            <span class=\"icon-stat\"><i class=\"fas fa-utensils\"><\/i><\/span>\n            <div class=\"number\">15+<\/div>\n            <div class=\"label\">\u0623\u0637\u0628\u0627\u0642<\/div>\n        <\/div>\n        <div class=\"stat-item reveal\" style=\"transition-delay: 0.2s;\">\n            <span class=\"icon-stat\"><i class=\"fas fa-user-chef\"><\/i><\/span>\n            <div class=\"number\">7<\/div>\n            <div class=\"label\">\u0637\u0647\u0627\u0629 \u0645\u062d\u062a\u0631\u0641\u0648\u0646<\/div>\n        <\/div>\n        <div class=\"stat-item reveal\" style=\"transition-delay: 0.3s;\">\n            <span class=\"icon-stat\"><i class=\"fas fa-calendar-alt\"><\/i><\/span>\n            <div class=\"number\">2022<\/div>\n            <div class=\"label\">\u0639\u0627\u0645 \u0627\u0644\u062a\u0623\u0633\u064a\u0633<\/div>\n        <\/div>\n        <div class=\"stat-item reveal\" style=\"transition-delay: 0.4s;\">\n            <span class=\"icon-stat\"><i class=\"fas fa-smile\"><\/i><\/span>\n            <div class=\"number\">500+<\/div>\n            <div class=\"label\">\u0639\u0645\u0644\u0627\u0624\u0646\u0627 \u0627\u0644\u0633\u0639\u062f\u0627\u0621<\/div>\n        <\/div>\n    <\/div>\n\n    <!-- ===== VALUES ===== -->\n    <div class=\"values-section\">\n        <h2> <span>\u0642\u064a\u0645\u0646\u0627<\/span><\/h2>\n        <div class=\"values-grid\">\n            <div class=\"value-card reveal-scale\" style=\"transition-delay: 0.1s;\">\n                <span class=\"value-icon\"><i class=\"fas fa-heart\"><\/i><\/span>\n                <h4>\u0634\u063a\u0641<\/h4>\n                <p>\u0646\u0636\u0639 \u0642\u0644\u0648\u0628\u0646\u0627 \u0641\u064a \u0643\u0644 \u0637\u0628\u0642\u060c \u0644\u0646\u0636\u0645\u0646 \u0623\u0646 \u064a\u064f\u062d\u0636\u0651\u064e\u0631 \u0643\u0644 \u0637\u0628\u0642 \u0628\u062d\u0628 \u0648\u0625\u062e\u0644\u0627\u0635. \ud83c\udf7d\ufe0f\u2764\ufe0f<\/p>\n            <\/div>\n            <div class=\"value-card reveal-scale\" style=\"transition-delay: 0.2s;\">\n                <span class=\"value-icon\"><i class=\"fas fa-leaf\"><\/i><\/span>\n                <h4>\u0627\u0644\u0637\u0627\u0632\u062c\u0629<\/h4>\n                <p>\u0646\u062d\u0631\u0635 \u0639\u0644\u0649 \u0627\u062e\u062a\u064a\u0627\u0631 \u0623\u062c\u0648\u062f \u0648\u0623\u0637\u0632\u062c \u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0644\u0646\u0642\u062f\u0651\u0645 \u0644\u0643 \u0627\u0644\u0645\u0630\u0627\u0642 \u0627\u0644\u0623\u0635\u064a\u0644 \u0644\u0644\u0628\u064a\u062a. \ud83c\udf7d\ufe0f\u2728<\/p>\n            <\/div>\n            <div class=\"value-card reveal-scale\" style=\"transition-delay: 0.3s;\">\n                <span class=\"value-icon\"><i class=\"fas fa-handshake\"><\/i><\/span>\n                <h4>\u0627\u0644\u062a\u0631\u0627\u062b<\/h4>\n                <p>\u0646\u064f\u0643\u0631\u0651\u0645 \u0627\u0644\u0648\u0635\u0641\u0627\u062a \u0627\u0644\u0639\u0631\u064a\u0642\u0629 \u0627\u0644\u0645\u062a\u0648\u0627\u0631\u062b\u0629 \u0639\u0628\u0631 \u0627\u0644\u0623\u062c\u064a\u0627\u0644\u060c \u0645\u062d\u0627\u0641\u0638\u064a\u0646 \u0639\u0644\u0649 \u0627\u0644\u062a\u0631\u0627\u062b \u0627\u0644\u063a\u0630\u0627\u0626\u064a \u0627\u0644\u0623\u0635\u064a\u0644. \ud83c\udf7d\ufe0f\u2728<\/p>\n            <\/div>\n            <div class=\"value-card reveal-scale\" style=\"transition-delay: 0.4s;\">\n                <span class=\"value-icon\"><i class=\"fas fa-star\"><\/i><\/span>\n                <h4>\u0627\u0644\u062a\u0645\u064a\u0651\u0632<\/h4>\n                <p>\u0646\u0633\u0639\u0649 \u0625\u0644\u0649 \u0627\u0644\u0643\u0645\u0627\u0644 \u0641\u064a \u0643\u0644 \u062a\u0641\u0635\u064a\u0644\u0629\u060c \u0645\u0646 \u0627\u0644\u0645\u0643\u0648\u0646\u0627\u062a \u0625\u0644\u0649 \u0627\u0644\u062a\u0642\u062f\u064a\u0645 \u0648\u0627\u0644\u062e\u062f\u0645\u0629. \ud83c\udf7d\ufe0f\u2728<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- ===== CHEF SECTION ===== -->\n    <div class=\"chef-section\">\n        <div class=\"chef-text reveal-left\">\n            <h2>\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 <span>\u0627\u0644\u0637\u0647\u0627\u0629<\/span><\/h2>\n            <p>\n                \u064a\u0636\u0645 \u0641\u0631\u064a\u0642\u0646\u0627 \u0627\u0644\u0645\u0643\u0648\u0651\u064e\u0646 \u0645\u0646 7 \u0637\u0647\u0627\u0629 \u062e\u0628\u0631\u0627\u0621 \u0639\u0642\u0648\u062f\u064b\u0627 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0641\u064a \u0641\u0646\u0648\u0646 \u0627\u0644\u0637\u0647\u064a \u0645\u0646 \u0645\u062e\u062a\u0644\u0641 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0639\u0627\u0644\u0645 \u0627\u0644\u0639\u0631\u0628\u064a. \u064a\u062a\u062e\u0635\u0635 \u0643\u0644 \u0634\u064a\u0641 \u0641\u064a \u0627\u0644\u062a\u0642\u0646\u064a\u0627\u062a \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629 \u0645\u0639 \u0625\u0636\u0627\u0641\u0629 \u0644\u0645\u0633\u062a\u0647 \u0627\u0644\u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629. \ud83d\udc68\u200d\ud83c\udf73\u2728\n            <\/p>\n            <p style=\"margin-top: 0.5rem;\">\n                \u0645\u0646 \u0625\u062a\u0642\u0627\u0646 \u0627\u0644\u0643\u0645\u0627\u0644 <strong>\u0627\u0644\u0641\u062a\u0629<\/strong> \u0625\u0644\u0649 \u0635\u0646\u0639 \u0642\u0648\u0627\u0645 \u062d\u0631\u064a\u0631\u064a \u0646\u0627\u0639\u0645 <strong>\u0628\u0627\u0633\u062a\u0627 \u0628\u0627\u0644\u0628\u0634\u0627\u0645\u064a\u0644<\/strong>\u0637\u0647\u0627\u062a\u0646\u0627 \u0647\u0645 \u0642\u0644\u0628 \u0648\u0631\u0648\u062d \u0632\u0627\u062f \u0628\u0644\u0627\u062f\u0646\u0627. \ud83d\udc68\u200d\ud83c\udf73\u2764\ufe0f\n            <\/p>\n            <div class=\"chef-quote\">\n                <i class=\"fas fa-quote-left\" style=\"color: #c0392b; opacity: 0.3; font-size: 1.5rem; margin-right: 0.5rem;\"><\/i>\n                \u0646\u062d\u0646 \u0644\u0627 \u0646\u0637\u0628\u062e \u0627\u0644\u0637\u0639\u0627\u0645 \u0641\u0642\u0637 \u2014 \u0628\u0644 \u0646\u0635\u0646\u0639 \u0630\u0643\u0631\u064a\u0627\u062a. \ud83c\udf7d\ufe0f\u2728\n                <i class=\"fas fa-quote-right\" style=\"color: #c0392b; opacity: 0.3; font-size: 1.5rem; margin-left: 0.5rem;\"><\/i>\n            <\/div>\n        <\/div>\n        <div class=\"chef-image reveal-right\">\n            <div class=\"chef-card\">\n                <div class=\"chef-avatar\"><i class=\"fas fa-user-chef\"><\/i><\/div>\n                <h4>\u0627\u0644\u0634\u064a\u0641 \u0623\u062d\u0645\u062f \ud83d\udc68\u200d\ud83c\udf73<\/h4>\n                <div class=\"chef-title\">\u0627\u0644\u0634\u064a\u0641 \u0627\u0644\u062a\u0646\u0641\u064a\u0630\u064a \u00b7 15 \u0639\u0627\u0645\u064b\u0627 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \ud83d\udc68\u200d\ud83c\udf73\u2b50<\/div>\n                <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                <p style=\"margin-top: 1rem; font-size: 0.85rem; color: #8f735b;\">\n                    \u0643\u0644 \u0637\u0628\u0642 \u064a\u0631\u0648\u064a \u0642\u0635\u0629 \u2014 \u062f\u0639\u0646\u0627 \u0646\u062e\u0628\u0631\u0643 \u0628\u0642\u0635\u062a\u0646\u0627. \ud83c\udf7d\ufe0f\u2728\n                <\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- ===== CTA ===== -->\n    <div class=\"cta-section reveal\">\n        <h2>\u062e\u0628\u0631\u0629 <span>\u0645\u0637\u0628\u062e\u0646\u0627<\/span><\/h2>\n        <p>\u062a\u0639\u0627\u0644 \u0648\u062a\u0630\u0648\u0651\u0642 \u0627\u0644\u062a\u0631\u0627\u062b \u0648\u0627\u0644\u0634\u063a\u0641 \u0627\u0644\u0630\u064a \u064a\u0645\u064a\u0632 \ud83c\udf7d\ufe0f\u2728 <strong style=\"color: #c0392b;\">\u0632\u0627\u062f \u0628\u0644\u0627\u062f\u0646\u0627<\/strong><\/p>\n        <div class=\"cta-buttons\">\n            <a href=\"#\" class=\"btn-primary\">\n                <i class=\"fas fa-utensils\"><\/i> \u062a\u0635\u0641\u062d \u0627\u0644\u0645\u0646\u064a\u0648\n            <\/a>\n            <a href=\"#\" class=\"btn-secondary\">\n                <i class=\"fas fa-map-marker-alt\"><\/i> \u0645\u0648\u0642\u0639\u0646\u0627\n            <\/a>\n        <\/div>\n    <\/div>\n\n    <!-- ===== FOOTER ===== -->\n    <div class=\"footer-note\">\n        <i class=\"fas fa-utensils\"><\/i>\n        \u2726 \u0645\u0637\u0628\u062e \u0634\u0631\u0642\u064a \u0623\u0635\u064a\u0644 \u2726\n        <i class=\"fas fa-heart\" style=\"color: #c0392b;\"><\/i>\n        <span style=\"display: block; font-size: 0.8rem; color: #b8a392; margin-top: 0.3rem;\">\n            made with passion \u00b7 since 2022\n        <\/span>\n    <\/div>\n\n<\/div>\n\n<!-- ============================================================\n     SCROLL REVEAL\n     ============================================================ -->\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        const revealElements = document.querySelectorAll('.reveal, .reveal-left, .reveal-right, .reveal-scale, .reveal-rotate');\n\n        function checkReveal() {\n            const windowHeight = window.innerHeight;\n            const revealPoint = 120;\n\n            revealElements.forEach(element => {\n                const elementTop = element.getBoundingClientRect().top;\n                if (elementTop < windowHeight - revealPoint) {\n                    element.classList.add('active');\n                }\n            });\n        }\n\n        \/\/ Set initial state for stats items (they have .reveal class)\n        document.querySelectorAll('.stat-item.reveal').forEach(el => {\n            el.style.opacity = '0';\n            el.style.transform = 'translateY(40px)';\n            el.style.transition = 'all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n        });\n\n        \/\/ Override for stat items to work with our reveal system\n        const statItems = document.querySelectorAll('.stat-item');\n        statItems.forEach(item => {\n            if (!item.classList.contains('active')) {\n                item.style.opacity = '0';\n                item.style.transform = 'translateY(40px)';\n                item.style.transition = 'all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n            }\n        });\n\n        function checkStats() {\n            const windowHeight = window.innerHeight;\n            const revealPoint = 120;\n            statItems.forEach(item => {\n                const top = item.getBoundingClientRect().top;\n                if (top < windowHeight - revealPoint) {\n                    item.style.opacity = '1';\n                    item.style.transform = 'translateY(0)';\n                }\n            });\n        }\n\n        window.addEventListener('scroll', checkReveal);\n        window.addEventListener('scroll', checkStats);\n        window.addEventListener('load', checkReveal);\n        window.addEventListener('load', checkStats);\n\n        \/\/ Also handle value cards\n        const valueCards = document.querySelectorAll('.value-card');\n        valueCards.forEach(card => {\n            card.style.opacity = '0';\n            card.style.transform = 'scale(0.9)';\n            card.style.transition = 'all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94)';\n        });\n\n        function checkValues() {\n            const windowHeight = window.innerHeight;\n            const revealPoint = 120;\n            valueCards.forEach(card => {\n                const top = card.getBoundingClientRect().top;\n                if (top < windowHeight - revealPoint) {\n                    card.style.opacity = '1';\n                    card.style.transform = 'scale(1)';\n                }\n            });\n        }\n\n        window.addEventListener('scroll', checkValues);\n        window.addEventListener('load', checkValues);\n    });\n<\/script>\n\n<\/body>\n<\/html><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Where Smoke Meets Soul About Us From humble beginnings at weekend cookouts to becoming a destination for BBQ lovers, our passion has always been simple: slow-smoked meats, bold flavors, and sharing unforgettable moments with every guest. ZAD BLADNA \u00b7 About Us ZAD BLADNA authentic kitchen \u00b7 home-style flavors about us Our Story ZAD BLADNA was [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2237","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zadbladna.com\/ar\/wp-json\/wp\/v2\/pages\/2237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zadbladna.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zadbladna.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zadbladna.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zadbladna.com\/ar\/wp-json\/wp\/v2\/comments?post=2237"}],"version-history":[{"count":9,"href":"https:\/\/zadbladna.com\/ar\/wp-json\/wp\/v2\/pages\/2237\/revisions"}],"predecessor-version":[{"id":2674,"href":"https:\/\/zadbladna.com\/ar\/wp-json\/wp\/v2\/pages\/2237\/revisions\/2674"}],"wp:attachment":[{"href":"https:\/\/zadbladna.com\/ar\/wp-json\/wp\/v2\/media?parent=2237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}