{"id":17,"date":"2025-11-28T15:13:15","date_gmt":"2025-11-28T13:13:15","guid":{"rendered":"https:\/\/indaba.com.eg\/?page_id=17"},"modified":"2025-12-06T16:42:48","modified_gmt":"2025-12-06T14:42:48","slug":"%d9%85%d9%86-%d9%86%d8%ad%d9%86","status":"publish","type":"page","link":"https:\/\/indaba.com.eg\/?page_id=17","title":{"rendered":"\u0645\u0646 \u0646\u062d\u0646"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u0645\u0646 \u0646\u062d\u0646 &#8211; \u062a\u0627\u0631\u064a\u062e \u0627\u0646\u062f\u0627\u0628\u0627 \u0645\u0635\u0631 \u0623\u0641\u0631\u064a\u0642\u064a\u0627<\/title>\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@400;700&#038;display=swap\" rel=\"stylesheet\">\n    <!-- \n    Chosen Palette: Calm Harmony (Consistent with index.html)\n    - Background: bg-gray-50\n    - Primary Color (Blue): text-blue-800 \/ bg-blue-700\n    - Accent Color (Light Blue\/Gray): bg-gray-100 \/ text-gray-700\n    -->\n    \n    <!-- \n    Application Structure Plan: Timeline and Milestones\n    - Structure: A single-page narrative divided into a vertical timeline (History & Milestones) and Key Achievements (Financial Metrics & Future Focus).\n    - Flow: 1. Header -> 2. Introduction\/Mission -> 3. Founder Story -> 4. Interactive Timeline (2007 -> 2021 -> 2024 -> 2025) -> 5. Financial Highlights -> 6. Footer.\n    - Justification: The company's story is defined by strategic shifts. A timeline structure is the most logical and user-friendly way to visually represent these key transformations, making the narrative clear and easily digestible for the user.\n    -->\n    \n    <!-- \n    Visualization & Content Choices:\n    - Report Info: Company History (2007-2025) -> Goal: Show Evolution -> Viz\/Presentation: Custom Vertical Timeline (HTML\/CSS) -> Interaction: Scroll\/Focus -> Justification: Clearly segments different business eras.\n    - Report Info: Financial Data (40M, 100M) -> Goal: Prove Capability -> Viz\/Presentation: Large Stat Cards (HTML\/Tailwind) -> Interaction: None (Highlight only) -> Justification: Highlights impressive numbers immediately.\n    - Report Info: 2024\/2025 Strategy (Wood\/Smart Furniture) -> Goal: Show Future Direction -> Viz\/Presentation: Thematic Icons (Unicode\/Tailwind icons) & Focused Text Block -> Interaction: None -> Justification: Focuses on the \"green economy\" shift and new HQ location.\n    -->\n\n    <!-- CONFIRMATION: NO SVG graphics used. NO Mermaid JS used. -->\n\n    <style>\n        body {\n            font-family: 'Cairo', sans-serif;\n            scroll-behavior: smooth;\n        }\n        \/* Custom timeline styling *\/\n        .timeline {\n            position: relative;\n        }\n        .timeline::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            bottom: 0;\n            right: 12px; \/* Position the line vertically *\/\n            width: 4px;\n            background: #D1D5DB; \/* light gray line *\/\n            z-index: 10;\n        }\n        .timeline-item {\n            position: relative;\n            padding-right: 40px;\n            margin-bottom: 40px;\n        }\n        .timeline-item::before {\n            content: '';\n            position: absolute;\n            top: 6px;\n            right: 0;\n            width: 30px;\n            height: 30px;\n            background: #1D4ED8; \/* blue dot *\/\n            border: 4px solid #F3F4F6; \/* light background border *\/\n            border-radius: 50%;\n            z-index: 20;\n        }\n    <\/style>\n<!-- Google tag (gtag.js) -->\n<script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-3TKWV58NWT\">\n<\/script>\n<script>\n  window.dataLayer = window.dataLayer || [];\n  function gtag(){dataLayer.push(arguments);}\n  gtag('js', new Date());\n\n  gtag('config', 'G-3TKWV58NWT');\n<\/script>\n<\/head>\n<body class=\"bg-gray-50 text-gray-800\">\n\n    <!-- Header \/ Navigation (Consistent with index.html) -->\n    <header class=\"bg-white shadow-sm sticky top-0 z-50\">\n        <nav class=\"container mx-auto px-6 py-4 flex justify-between items-center\">\n            <div class=\"text-2xl font-bold text-blue-800\">\n                <a href=\"index.html\">\u0627\u0646\u062f\u0627\u0628\u0627 \u0645\u0635\u0631 \u0623\u0641\u0631\u064a\u0642\u064a\u0627<\/a>\n            <\/div>\n            \n  \n    <\/header>\n\n    <!-- Main Content -->\n    <main>\n        \n        <!-- Hero Section -->\n        <section class=\"py-16 bg-white\">\n            <div class=\"container mx-auto px-6 text-center max-w-4xl\">\n                <h1 class=\"text-4xl md:text-5xl font-extrabold text-blue-800 mb-4\">\u0642\u0635\u062a\u0646\u0627: \u0627\u0644\u062a\u062d\u0648\u0644 \u0645\u0646 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0625\u0644\u0649 \u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/h1>\n                <p class=\"text-lg md:text-xl text-gray-600 leading-relaxed\">\n                    \u0645\u0646\u0630 \u062a\u0623\u0633\u064a\u0633\u0647\u0627\u060c \u0643\u0627\u0646\u062a <strong>\u0627\u0646\u062f\u0627\u0628\u0627 \u0645\u0635\u0631 \u0623\u0641\u0631\u064a\u0642\u064a\u0627<\/strong> \u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u062a\u0637\u0648\u0631\u0647\u0627. \u0646\u062d\u0646 \u0646\u062f\u0645\u062c \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0639\u0645\u064a\u0642\u0629 \u0641\u064a \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0644\u062a\u0648\u062c\u0647 \u0627\u0644\u062d\u062f\u064a\u062b \u0646\u062d\u0648 \u0627\u0644\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0648\u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f \u0627\u0644\u0623\u062e\u0636\u0631 \u0648\u0644\u0646\u0635\u0646\u0639 \u0642\u0635\u0629 \u0646\u062c\u0627\u062d \u062a\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062a\u0648\u0642\u0639\u0627\u062a \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0645\u0635\u0631\u064a \u0648\u0627\u0644\u0623\u0641\u0631\u064a\u0642\u064a.\n                <\/p>\n            <\/div>\n        <\/section>\n\n        <!-- Founder and Vision Section -->\n        <section class=\"py-12 bg-gray-100\">\n            <div class=\"container mx-auto px-6 max-w-6xl\">\n                <div class=\"grid md:grid-cols-3 gap-8 items-center\">\n                    <div class=\"md:col-span-1 text-center\">\n                        <!-- Placeholder for Founder Image\/Icon -->\n                        <div class=\"bg-blue-200 w-32 h-32 rounded-full mx-auto flex items-center justify-center mb-4 text-4xl text-blue-800 font-bold\">\n                        <\/div>\n                      \n                        <p class=\"text-blue-700\">\u0627\u0644\u0645\u0624\u0633\u0633 \u0648\u0627\u0644\u0631\u0624\u064a\u0629<\/p>\n                    <\/div>\n                    <div class=\"md:col-span-2 text-right\">\n                        <h2 class=\"text-3xl font-bold text-blue-800 mb-4 border-r-4 border-blue-700 pr-4\">\u0642\u064a\u0627\u062f\u0629 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629<\/h2>\n                        <p class=\"text-gray-700 leading-relaxed mb-4\">\n                            \u0627\u0644\u0623\u0633\u062a\u0627\u0630 \u062d\u0633\u0646 \u0627\u0644\u0634\u0648\u0628\u0643\u0649\u060c \u0645\u0624\u0633\u0633 \u0627\u0644\u0634\u0631\u0643\u0629\u060c \u0647\u0648 \u0623\u062d\u062f \u0627\u0644\u0623\u0648\u0627\u0626\u0644 \u0648\u0623\u0647\u0645 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u062d\u0627\u0633\u0628 \u0627\u0644\u0622\u0644\u064a \u0648\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0644\u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0628\u0645\u062d\u0627\u0641\u0638\u0629 \u062f\u0645\u064a\u0627\u0637. \u062d\u064a\u062b \u0627\u0633\u062a\u0637\u0627\u0639 \u0627\u0646 \u064a\u0648\u062c\u062f \u062a\u0643\u0627\u0645\u0644 \u0628\u064a\u0646 \u0646\u0634\u0627\u0637 \u0627\u0644\u0634\u0631\u0643\u0629 \u0645\u0639 \u0627\u062a\u062d\u0627\u062f \u0627\u0644\u0645\u0628\u0631\u0645\u062c\u064a\u0646 \u0627\u0644\u0639\u0631\u0628\u060c \u0645\u0624\u0633\u0633\u064b\u0627 \u0642\u0627\u0639\u062f\u0629 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0629 \u0635\u0644\u0628\u0629 \u0644\u0644\u062a\u062d\u0648\u0644\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629.\n                        <\/p>\n                        <ul class=\"text-gray-600 list-disc list-inside space-y-1 pr-4\">\n                            <li> \u0645\u062a\u062e\u0635\u0635 \u0641\u064a \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0644\u0628\u0631\u0645\u062c\u0629 \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u0647 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629<\/li>\n                           \n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Financial & Achievements Highlight -->\n        <section class=\"py-16\">\n            <div class=\"container mx-auto px-6 max-w-6xl\">\n                <h2 class=\"text-3xl font-bold text-center text-blue-800 mb-10\">\u0625\u0646\u062c\u0627\u0632\u0627\u062a\u0646\u0627 \u062e\u0644\u0627\u0644 \u0645\u0631\u062d\u0644\u0629 (2021-2024)<\/h2>\n                <p class=\"text-center text-gray-600 mb-8 max-w-3xl mx-auto\">\n                    \u0639\u0644\u0649 \u0627\u0644\u0631\u063a\u0645 \u0645\u0646 \u0627\u0644\u062a\u0642\u0644\u0628\u0627\u062a \u0627\u0644\u0633\u0648\u0642\u064a\u0629 \u0627\u0644\u0639\u0627\u0644\u0645\u064a\u0629\u060c \u062a\u0645\u0643\u0646\u062a \u0627\u0644\u0634\u0631\u0643\u0629 \u0645\u0646 \u062a\u062d\u0642\u064a\u0642 \u0623\u0631\u0642\u0627\u0645 \u0645\u0627\u0644\u064a\u0629 \u0642\u0648\u064a\u0629\u060c \u0645\u0645\u0627 \u064a\u0624\u0643\u062f \u0645\u0631\u0648\u0646\u062a\u0647\u0627 \u0648\u0642\u062f\u0631\u062a\u0647\u0627 \u0639\u0644\u0649 \u062a\u062d\u0642\u064a\u0642 \u0646\u0645\u0648 \u0643\u0628\u064a\u0631 \u064a\u0641\u0648\u0642 \u062d\u062c\u0645 \u0627\u0644\u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u0645\u062d\u0642\u0642.\n                <\/p>\n\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-center\">\n                    <!-- Stat Card 1: Assets -->\n                    <div class=\"bg-white p-6 rounded-xl shadow-lg border-t-4 border-blue-600 transition duration-300 hover:shadow-xl\">\n                        <div class=\"text-5xl font-extrabold text-blue-700 mb-2\">\n                            +100 \u0645\u0644\u064a\u0648\u0646\n                        <\/div>\n                        <p class=\"text-xl font-semibold text-gray-800\">\u062c\u0646\u064a\u0647 \u0645\u0635\u0631\u064a<\/p>\n                        <p class=\"text-gray-500 mt-1\">\u0642\u064a\u0645\u0629 \u0623\u0635\u0648\u0644 \u0627\u0644\u0645\u0634\u062a\u0631\u064a\u0627\u062a<\/p>\n                    <\/div>\n\n                    <!-- Stat Card 2: Local Volume -->\n                    <div class=\"bg-white p-6 rounded-xl shadow-lg border-t-4 border-blue-600 transition duration-300 hover:shadow-xl\">\n                        <div class=\"text-5xl font-extrabold text-blue-700 mb-2\">\n                            +40 \u0645\u0644\u064a\u0648\u0646\n                        <\/div>\n                        <p class=\"text-xl font-semibold text-gray-800\">\u062c\u0646\u064a\u0647 \u0645\u0635\u0631\u0649<\/p>\n                        <p class=\"text-gray-500 mt-1\">\u062d\u062c\u0645 \u0623\u0639\u0645\u0627\u0644 \u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0645\u062d\u0644\u064a\u0627\u064b<\/p>\n                    <\/div>\n\n                    <!-- Stat Card 3: Government Support -->\n                    <div class=\"bg-white p-6 rounded-xl shadow-lg border-t-4 border-blue-600 transition duration-300 hover:shadow-xl\">\n                        <div class=\"text-5xl font-extrabold text-blue-700 mb-2\">\n                            \u2b50\n                        <\/div>\n                        <p class=\"text-xl font-semibold text-gray-800\">\u062f\u0639\u0645 \u062d\u0643\u0648\u0645\u064a<\/p>\n                        <p class=\"text-gray-500 mt-1\">\u0628\u062f\u0639\u0645 \u0645\u0646 \u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0648\u0647\u064a\u0626\u0629 \u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0635\u0627\u062f\u0631\u0627\u062a \u0627\u0644\u0645\u0635\u0631\u064a\u0629 \u0648\u0648\u0632\u0627\u0631\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u0629 \u0648\u0645\u062f\u064a\u0646\u0629 \u062f\u0645\u064a\u0627\u0637 \u0644\u0644\u0623\u062b\u0627\u062b<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n\n        <!-- Strategic Timeline -->\n        <section class=\"py-16 bg-white\">\n            <div class=\"container mx-auto px-6 max-w-6xl\">\n                <h2 class=\"text-3xl font-bold text-center text-blue-800 mb-12\">\u062e\u0627\u0631\u0637\u0629 \u0627\u0644\u0637\u0631\u064a\u0642: \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u062a\u0637\u0648\u0631 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a<\/h2>\n                \n                <div class=\"timeline\">\n\n                    <!-- Timeline Item 1: 2007 (Establishment) -->\n                    <div class=\"timeline-item bg-gray-100 p-6 rounded-lg shadow-md hover:shadow-xl transition duration-300\">\n                        <div class=\"absolute top-0 right-[-15px] bg-blue-700 text-white text-sm font-bold px-3 py-1 rounded-full z-30\">\n                            2007\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold text-gray-900 mb-2 mt-2\">\u0627\u0644\u062a\u0623\u0633\u064a\u0633 \u0648\u0627\u0644\u0627\u0646\u0637\u0644\u0627\u0642 \u0641\u064a \u0645\u062c\u0627\u0644 \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a<\/h3>\n                        <p class=\"text-gray-700 leading-relaxed\">\n                            \u062a\u0623\u0633\u0633\u062a \u0627\u0644\u0634\u0631\u0643\u0629 (\u0628\u0631\u0642\u0645 \u0642\u0648\u0645\u064a 249870592 \u0648\u062a\u0633\u062c\u064a\u0644 \u062a\u062c\u0627\u0631\u064a 100514) \u0643\u0640\u0645\u0624\u0633\u0633\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u0648\u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u062d\u0627\u0633\u0628 \u0627\u0644\u0622\u0644\u064a. \u0634\u0645\u0644 \u0627\u0644\u0646\u0634\u0627\u0637:\n                            <ul class=\"list-disc list-inside mt-2 pr-4 text-sm text-gray-600\">\n                                <li>\u0627\u0644\u0628\u064a\u0639 \u0648\u0627\u0644\u0635\u064a\u0627\u0646\u0629.<\/li>\n                                <li>\u0627\u0644\u062a\u062f\u0631\u064a\u0628 \u0648\u0627\u0644\u0628\u0631\u0645\u062c\u064a\u0627\u062a.<\/li>\n                            <\/ul>\n                        <\/p>\n                    <\/div>\n\n                    <!-- Timeline Item 2: 2021 (Restructuring) -->\n                    <div class=\"timeline-item bg-gray-100 p-6 rounded-lg shadow-md hover:shadow-xl transition duration-300\">\n                        <div class=\"absolute top-0 right-[-15px] bg-blue-700 text-white text-sm font-bold px-3 py-1 rounded-full z-30\">\n                            2021\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold text-gray-900 mb-2 mt-2\">\u0625\u0639\u0627\u062f\u0629 \u0627\u0644\u0647\u064a\u0643\u0644\u0629 \u0648\u0627\u0644\u062a\u0648\u062c\u0647 \u0646\u062d\u0648 &#8220;\u0645\u0635\u0631 \u0627\u0644\u0645\u062d\u0631\u0648\u0633\u0629&#8221;<\/h3>\n                        <p class=\"text-gray-700 leading-relaxed\">\n                            \u062a\u0645\u062a \u0625\u0639\u0627\u062f\u0629 \u0647\u064a\u0643\u0644\u0629 \u062c\u0630\u0631\u064a\u0629 \u0644\u0644\u0623\u0646\u0634\u0637\u0629 \u062a\u062d\u062a \u0634\u0639\u0627\u0631 &#8220;\u0645\u0635\u0631 \u0627\u0644\u0645\u062d\u0631\u0648\u0633\u0629&#8221;. \u0648\u062a\u0645 \u062a\u062e\u0635\u064a\u0635 \u0627\u0644\u0646\u0634\u0627\u0637 \u0645\u0631\u062d\u0644\u064a\u0627\u064b \u0644\u064a\u0634\u0645\u0644:\n                            <ul class=\"list-disc list-inside mt-2 pr-4 text-sm text-gray-600\">\n                                <li>\u0627\u0644\u062a\u0648\u0631\u064a\u062f\u0627\u062a \u0627\u0644\u062d\u0643\u0648\u0645\u064a\u0629.<\/li>\n                                <li>\u0627\u0644\u062a\u0635\u062f\u064a\u0631 \u0648\u0627\u0644\u0627\u0633\u062a\u064a\u0631\u0627\u062f.<\/li>\n                                <li>\u0627\u0644\u0639\u0645\u0644 \u0639\u0644\u0649 \u0646\u0645\u0648 \u0627\u0644\u0635\u0627\u062f\u0631\u0627\u062a \u0627\u0644\u0645\u0635\u0631\u064a\u0629 \u0628\u062f\u0639\u0645 \u062d\u0643\u0648\u0645\u064a.<\/li>\n                            <\/ul>\n                            <strong class=\"text-blue-700 block mt-2\">\u0646\u0642\u0637\u0629 \u062a\u062d\u0648\u0644:<\/strong> \u062a\u0643\u0627\u0645\u0644 \u0627\u0644\u0646\u0634\u0627\u0637 \u0645\u0639 \u0627\u0644\u062e\u0637\u0637 \u0627\u0644\u062a\u0646\u0645\u0648\u064a\u0629 \u0644\u0644\u062f\u0648\u0644\u0629.\n                        <\/p>\n                    <\/div>\n\n                    <!-- Timeline Item 3: Mid-2024 (Green Economy Shift) -->\n                    <div class=\"timeline-item bg-gray-100 p-6 rounded-lg shadow-md hover:shadow-xl transition duration-300\">\n                        <div class=\"absolute top-0 right-[-15px] bg-blue-700 text-white text-sm font-bold px-3 py-1 rounded-full z-30\">\n                            2024\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold text-gray-900 mb-2 mt-2\">\u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0623\u062e\u0634\u0627\u0628\u060c \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627\u060c \u0648\u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f \u0627\u0644\u0623\u062e\u0636\u0631<\/h3>\n                        <p class=\"text-gray-700 leading-relaxed\">\n                            \u062a\u0648\u062c\u0647\u062a \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0644\u0644\u0639\u0645\u0644 \u0641\u064a \u0645\u062c\u0627\u0644 \u0627\u0644\u0623\u062e\u0634\u0627\u0628 \u0648\u0627\u0644\u0627\u0633\u062a\u0641\u0627\u062f\u0629 \u0645\u0646 \u0627\u0644\u062a\u0637\u0648\u0631 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u060c \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f \u0627\u0644\u0623\u062e\u0636\u0631\u060c \u0648\u0628\u062f\u0627\u0626\u0644 \u0627\u0644\u0637\u0627\u0642\u0629. \u062a\u0645 \u0625\u0646\u0634\u0627\u0621 \u0627\u0644\u0645\u0642\u0631 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0627\u0644\u062f\u0627\u0626\u0645 \u0641\u064a:\n                            <strong class=\"text-blue-700 block my-1\">\u0645\u062f\u064a\u0646\u0629 \u062f\u0645\u064a\u0627\u0637 \u0644\u0644\u0623\u062b\u0627\u062b:<\/strong> \n                            <ul class=\"list-disc list-inside mt-2 pr-4 text-sm text-gray-600\">\n                                <li>\u062a\u062e\u0635\u0635 \u0641\u064a \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0648\u0627\u0644\u062e\u0637\u0637 \u0627\u0644\u062a\u0633\u0648\u064a\u0642\u064a\u0629 \u0648\u062f\u0639\u0645 \u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u062f\u0627\u062e\u0644 \u0627\u0644\u0645\u0646\u0637\u0642\u0629.<\/li>\n                                <li>\u062a\u0648\u0631\u064a\u062f\u0627\u062a \u0639\u0645\u0648\u0645\u064a\u0629 \u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0645\u0635\u0627\u0646\u0639 \u0648\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0634\u062d\u0646 \u0648\u0627\u0644\u062a\u063a\u0644\u064a\u0641.<\/li>\n                            <\/ul>\n                        <\/p>\n                    <\/div>\n\n                    <!-- Timeline Item 4: 2025 (Manufacturing & Brand Launch) -->\n                    <div class=\"timeline-item bg-gray-100 p-6 rounded-lg shadow-md hover:shadow-xl transition duration-300\">\n                        <div class=\"absolute top-0 right-[-15px] bg-blue-700 text-white text-sm font-bold px-3 py-1 rounded-full z-30\">\n                            2025\n                        <\/div>\n                        <h3 class=\"text-2xl font-bold text-gray-900 mb-2 mt-2\">\u062a\u0635\u0646\u064a\u0639 \u0627\u0644\u0623\u062b\u0627\u062b \u0627\u0644\u0630\u0643\u064a \u0648\u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629<\/h3>\n                        <p class=\"text-gray-700 leading-relaxed\">\n                            \u062a\u0637\u0648\u0631 \u0627\u0644\u0639\u0645\u0644 \u0644\u064a\u0634\u0645\u0644 \u062a\u0635\u0646\u064a\u0639 \u0627\u0644\u0623\u062b\u0627\u062b \u0627\u0644\u0630\u0643\u064a \u0648\u0645\u0633\u062a\u0644\u0632\u0645\u0627\u062a \u0627\u0644\u0623\u062e\u0634\u0627\u0628 \u0644\u062f\u0639\u0645 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a\u0629 \u0648\u0627\u0644\u0645\u0646\u0632\u0644\u064a\u0629 \u0627\u0644\u0623\u062e\u0631\u0649. \u0625\u0637\u0644\u0627\u0642 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u062a\u062d\u062a \u0627\u0644\u0639\u0644\u0627\u0645\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u062e\u0627\u0635\u0629 \u0644\u0644\u0634\u0631\u0643\u0629: \n                            <strong class=\"text-blue-700 block my-1\">Indaba Egypt Africa<\/strong> \u0628\u0634\u0639\u0627\u0631 <strong>(\u0645\u0635\u0631 \u0627\u0644\u0645\u062d\u0631\u0648\u0633\u0629)<\/strong>. \u0647\u0630\u0627 \u064a\u0645\u062b\u0644 \u0627\u0646\u062a\u0642\u0627\u0644\u0627\u064b \u0643\u0627\u0645\u0644\u0627\u064b \u0645\u0646 \u0627\u0644\u062a\u0648\u0631\u064a\u062f \u0625\u0644\u0649 \u0627\u0644\u062a\u0635\u0646\u064a\u0639 \u0648\u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a \u0627\u0644\u0635\u0646\u0627\u0639\u064a.\n                        <\/p>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Future Focus and Vision -->\n        <section class=\"py-16 bg-blue-800 text-white\">\n            <div class=\"container mx-auto px-6 max-w-6xl text-center\">\n                <h2 class=\"text-3xl font-bold mb-4\">\u0637\u0645\u0648\u062d\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644<\/h2>\n                <p class=\"text-lg mb-8 max-w-4xl mx-auto\">\n                    \u0627\u0644\u062a\u0648\u062c\u0647 \u0627\u0644\u062c\u062f\u064a\u062f \u0646\u062d\u0648 \u0627\u0644\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0630\u0643\u064a\u0629 \u0648\u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f \u0627\u0644\u0623\u062e\u0636\u0631 \u0628\u0645\u0627 \u064a\u0645\u062b\u0644 \u0646\u0642\u0637\u0629 \u0627\u0646\u0637\u0644\u0627\u0642 \u0642\u0648\u064a\u0629 \u0644\u062a\u062d\u0642\u064a\u0642 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0645\u0631\u062a\u0641\u0639 \u0648\u0632\u064a\u0627\u062f\u0629 \u062d\u0635\u062a\u0646\u0627 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0645\u062d\u0644\u064a \u0648\u0627\u0644\u062f\u0648\u0644\u0649.\n                <\/p>\n\n                <div class=\"flex flex-wrap justify-center gap-8\">\n                    <div class=\"p-4 rounded-lg bg-blue-700 w-full sm:w-1\/3 max-w-xs transition transform hover:scale-105\">\n                        <span class=\"text-4xl block mb-2\">\u267b\ufe0f<\/span>\n                        <p class=\"font-semibold\">\u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f \u0627\u0644\u0623\u062e\u0636\u0631<\/p>\n                    <\/div>\n                    <div class=\"p-4 rounded-lg bg-blue-700 w-full sm:w-1\/3 max-w-xs transition transform hover:scale-105\">\n                        <span class=\"text-4xl block mb-2\">\ud83d\udca1<\/span>\n                        <p class=\"font-semibold\">\u0627\u0644\u062a\u0637\u0648\u0631 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a<\/p>\n                    <\/div>\n                    <div class=\"p-4 rounded-lg bg-blue-700 w-full sm:w-1\/3 max-w-xs transition transform hover:scale-105\">\n                        <span class=\"text-4xl block mb-2\">\ud83d\udce6<\/span>\n                        <p class=\"font-semibold\">\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0635\u0627\u062f\u0631\u0627\u062a<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <\/main>\n\n    \n<\/body>\n<\/html>\n\n\n\n<hr class=\"wp-block-separator aligncenter has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<!DOCTYPE html>\n<html lang=\"ar\" dir=\"rtl\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u0625\u0646\u062f\u0627\u0628\u0627 \u0645\u0635\u0631 \u0623\u0641\u0631\u064a\u0642\u064a\u0627 | \u0645\u0648\u0642\u0639 \u0627\u0644\u0634\u0631\u0643\u0629<\/title>\n    \n    <!-- \u0627\u0633\u062a\u062f\u0639\u0627\u0621 \u062e\u0637 \"Cairo\" \u0645\u0646 \u062c\u0648\u062c\u0644 \u0641\u0648\u0646\u062a\u0633 \u0644\u062f\u0639\u0645 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0628\u0634\u0643\u0644 \u062c\u0645\u064a\u0644 -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cairo:wght@300;400;600;700&#038;display=swap\" rel=\"stylesheet\">\n    \n    <!-- \u0627\u0633\u062a\u062f\u0639\u0627\u0621 Tailwind CSS \u0644\u0644\u062a\u0635\u0645\u064a\u0645 -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    fontFamily: {\n                        cairo: ['Cairo', 'sans-serif'],\n                    },\n                    colors: {\n                        brand: {\n                            50: '#f0f9ff',\n                            100: '#e0f2fe',\n                            500: '#0ea5e9',\n                            600: '#0284c7', \/\/ \u0644\u0648\u0646 \u0631\u0626\u064a\u0633\u064a\n                            800: '#075985',\n                            900: '#0c4a6e',\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    <style>\n        body {\n            font-family: 'Cairo', sans-serif;\n            scroll-behavior: smooth;\n        }\n        \/* \u062a\u0623\u062b\u064a\u0631 \u0628\u0633\u064a\u0637 \u0644\u0638\u0647\u0648\u0631 \u0627\u0644\u0639\u0646\u0627\u0635\u0631 *\/\n        .fade-in {\n            animation: fadeIn 0.8s ease-in-out;\n        }\n        @keyframes fadeIn {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n    <\/style>\n<\/head>\n<body class=\"bg-gray-50 text-gray-800\">\n\n    \n    <!-- \u0627\u0644\u0642\u0633\u0645 \u0627\u0644\u0631\u0626\u064a\u0633\u064a (Hero Section) -->\n    <header id=\"home\" class=\"bg-brand-900 text-white py-20 relative overflow-hidden\">\n        <div class=\"absolute inset-0 opacity-10 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png')]\"><\/div>\n        <div class=\"container mx-auto px-4 text-center relative z-10 fade-in\">\n            <h1 class=\"text-4xl md:text-5xl font-bold mb-4\">\u0623\u0647\u0644\u0627\u064b \u0628\u0643\u0645 \u0641\u064a \u0625\u0646\u062f\u0627\u0628\u0627 \u0645\u0635\u0631 \u0623\u0641\u0631\u064a\u0642\u064a\u0627<\/h1>\n            <p class=\"text-xl text-brand-100 max-w-2xl mx-auto mb-8\">\n                \u0634\u0631\u064a\u0643\u0643\u0645 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0644\u0644\u0646\u0645\u0648 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0641\u064a \u0627\u0644\u0642\u0627\u0631\u0629 \u0627\u0644\u0623\u0641\u0631\u064a\u0642\u064a\u0629. \u0646\u0631\u0628\u0637 \u0627\u0644\u0631\u0624\u0649 \u0628\u0627\u0644\u0648\u0627\u0642\u0639.\n            <\/p>\n            <a href=\"#location\" class=\"bg-brand-500 hover:bg-brand-600 text-white font-bold py-3 px-8 rounded-full transition duration-300 shadow-lg inline-block transform hover:-translate-y-1\">\n                \u0632\u0648\u0631\u0648\u0627 \u0645\u0642\u0631\u0646\u0627\n            <\/a>\n        <\/div>\n    <\/header>\n\n    <!-- \u0642\u0633\u0645 \u0627\u0644\u062e\u0631\u064a\u0637\u0629 (Map Section) -->\n    <section id=\"location\" class=\"py-16 bg-white\">\n        <div class=\"container mx-auto px-4\">\n            <div class=\"text-center mb-12\">\n                <h2 class=\"text-3xl font-bold text-brand-900 mb-2\">\u0645\u0648\u0642\u0639\u0646\u0627 \u0639\u0644\u0649 \u0627\u0644\u062e\u0631\u064a\u0637\u0629<\/h2>\n                <div class=\"w-20 h-1 bg-brand-500 mx-auto rounded\"><\/div>\n                <p class=\"text-gray-600 mt-4\">\u064a\u0633\u0639\u062f\u0646\u0627 \u0627\u0633\u062a\u0642\u0628\u0627\u0644\u0643\u0645 \u0641\u064a \u0645\u0642\u0631 \u0627\u0644\u0634\u0631\u0643\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a.<\/p>\n            <\/div>\n\n            <div class=\"bg-white p-2 rounded-xl shadow-xl border border-gray-100\">\n                <!-- \u062d\u0627\u0648\u064a\u0629 \u0627\u0644\u062e\u0631\u064a\u0637\u0629 -->\n                <div class=\"relative w-full h-[450px] rounded-lg overflow-hidden bg-gray-200 group\">\n                    <!-- \n                        \u062a\u0636\u0645\u064a\u0646 \u062e\u0631\u064a\u0637\u0629 \u062c\u0648\u062c\u0644 \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 Iframe\n                        \u0645\u0644\u0627\u062d\u0638\u0629: \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0623\u062f\u0642 \u0646\u062a\u064a\u062c\u0629\u060c \u064a\u0641\u0636\u0644 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0641\u062a\u0627\u062d API \u0645\u062f\u0641\u0648\u0639\u060c \n                        \u0644\u0643\u0646 \u0647\u0630\u0627 \u0627\u0644\u0643\u0648\u062f \u064a\u0633\u062a\u062e\u062f\u0645 \u062e\u0627\u0635\u064a\u0629 \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0644\u0644\u0625\u0634\u0627\u0631\u0629 \u0644\u0644\u0645\u0648\u0642\u0639.\n                    -->\n                    <iframe loading=\"lazy\" \n                        width=\"100%\" \n                        height=\"100%\" \n                        id=\"gmap_canvas\" \n                        src=\"https:\/\/maps.google.com\/maps?q=Indaba+Egypt+Africa&#038;t=&#038;z=15&#038;ie=UTF8&#038;iwloc=&#038;output=embed\" \n                        frameborder=\"0\" \n                        scrolling=\"no\" \n                        marginheight=\"0\" \n                        marginwidth=\"0\"\n                        title=\"\u0645\u0648\u0642\u0639 \u0634\u0631\u0643\u0629 \u0625\u0646\u062f\u0627\u0628\u0627 \u0645\u0635\u0631\"\n                        class=\"filter grayscale-[20%] group-hover:grayscale-0 transition duration-500\">\n                    <\/iframe>\n                    \n                    <!-- \u0631\u0633\u0627\u0644\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u062d\u062a\u064a\u0627\u0637\u064a\u0629 \u0641\u064a \u062d\u0627\u0644 \u0628\u0637\u0621 \u0627\u0644\u0646\u062a -->\n                    <div class=\"absolute inset-0 flex items-center justify-center bg-gray-100 -z-10\">\n                        <span class=\"text-gray-400 animate-pulse\">\u062c\u0627\u0631\u064a \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u062e\u0631\u064a\u0637\u0629&#8230;<\/span>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"mt-6 grid grid-cols-1 md:grid-cols-3 gap-6 text-center md:text-right\">\n                    <div class=\"p-4 bg-brand-50 rounded-lg\">\n                        <h3 class=\"font-bold text-brand-800 mb-2 flex items-center justify-center md:justify-start\">\n                            <svg class=\"w-5 h-5 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"><\/path><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\"><\/path><\/svg>\n                            \u0627\u0644\u0639\u0646\u0648\u0627\u0646\n                        <\/h3>\n                        <p class=\"text-sm text-gray-600\">\u0645\u0642\u0631 \u0625\u0646\u062f\u0627\u0628\u0627 \u0645\u0635\u0631 \u0623\u0641\u0631\u064a\u0642\u064a\u0627\u060c \u0627\u0644\u0642\u0627\u0647\u0631\u0629\u060c \u0645\u0635\u0631.<\/p>\n                        <p class=\"text-xs text-gray-500 mt-1\">(\u0627\u0644\u0645\u0648\u0642\u0639 \u062f\u0642\u064a\u0642 \u0643\u0645\u0627 \u0647\u0648 \u0645\u0633\u062c\u0644 \u0639\u0644\u0649 \u062c\u0648\u062c\u0644)<\/p>\n                    <\/div>\n                    \n                    <div class=\"p-4 bg-brand-50 rounded-lg\">\n                        <h3 class=\"font-bold text-brand-800 mb-2 flex items-center justify-center md:justify-start\">\n                            <svg class=\"w-5 h-5 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\n                            \u0633\u0627\u0639\u0627\u062a \u0627\u0644\u0639\u0645\u0644\n                        <\/h3>\n                        <p class=\"text-sm text-gray-600\">\u0627\u0644\u0623\u062d\u062f-\u0627\u0644\u062e\u0645\u064a\u0633: 10:00\u0635-6:00\u0645<\/p>\n                        <p class=\"text-sm text-gray-600\">\u0627\u0644\u062c\u0645\u0639\u0629 &#8211; \u0627\u0644\u0633\u0628\u062a: \u0645\u063a\u0644\u0642<\/p>\n                    <\/div>\n\n                    <div class=\"p-4 bg-brand-50 rounded-lg\">\n                        <h3 class=\"font-bold text-brand-800 mb-2 flex items-center justify-center md:justify-start\">\n                            <svg class=\"w-5 h-5 ml-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\"><\/path><\/svg>\n                            \u0644\u0644\u0627\u062a\u0635\u0627\u0644\n                        <\/h3>\n                        <p class=\"text-sm text-gray-600\">201014626625+<\/p>\n                        <p class=\"text-sm text-gray-600\">info@indaba.com.eg<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u0642\u0633\u0645 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 (Contact Form) -->\n    <section id=\"contact\" class=\"py-16 bg-gray-50\">\n        <div class=\"container mx-auto px-4 max-w-4xl\">\n            <div class=\"text-center mb-10\">\n                <h2 class=\"text-3xl font-bold text-brand-900\">\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627<\/h2>\n                <p class=\"text-gray-600 mt-2\">\u0644\u062f\u064a\u0643 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u061f \u0623\u0631\u0633\u0644 \u0644\u0646\u0627 \u0631\u0633\u0627\u0644\u0629 \u0648\u0633\u0646\u0631\u062f \u0639\u0644\u064a\u0643 \u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a.<\/p>\n                <a href=\"https:\/\/indaba.com.eg\/contact\/index.html\" class=\"hover:text-white text-3xl font-bold text-brand-900\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- \u0627\u0644\u062a\u0630\u064a\u064a\u0644 (Footer) -->\n    <footer class=\"bg-brand-900 text-white py-8\">\n        <div class=\"container mx-auto px-4 text-center\">\n           \n            <div class=\"flex justify-center space-x-4 space-x-reverse\">\n                <a href=\"https:\/\/www.facebook.com\/indaba.egypt.africa\" class=\"text-brand-100 hover:text-white transition\">\u0641\u064a\u0633\u0628\u0648\u0643<\/a>\n                <span class=\"text-brand-600\">|<\/span>\n                <a href=\"https:\/\/www.instagram.com\/indaba.egyafrica?utm_source=qr&#038;igsh=ZDhvZmVhd3hmMnF6\" class=\"text-brand-100 hover:text-white transition\">\u0627\u0646\u0633\u062a\u063a\u0631\u0627\u0645<\/a>\n                <span class=\"text-brand-600\">|<\/span>\n                <a href=\"https:\/\/www.tiktok.com\/@indaba2000?_r=1&#038;_t=ZS-91mNlYmeDsA\" class=\"text-brand-100 hover:text-white transition\">\u062a\u064a\u0643\u062a\u0648\u0643<\/a>\n                <span class=\"text-brand-600\">|<\/span>\n                <a href=\"https:\/\/wa.me\/20572212431\" class=\"text-brand-100 hover:text-white transition\">\u0648\u0627\u062a\u0633\u0622\u0628<\/a>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <!-- \u0633\u0643\u0631\u064a\u0628\u062a \u0628\u0633\u064a\u0637 \u0644\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0627\u0644\u0646\u0645\u0648\u0630\u062c -->\n    <script>\n        function handleSubmit(event) {\n            event.preventDefault(); \/\/ \u0645\u0646\u0639 \u0625\u0639\u0627\u062f\u0629 \u062a\u062d\u0645\u064a\u0644 \u0627\u0644\u0635\u0641\u062d\u0629\n            \n            const form = document.getElementById('contactForm');\n            const btn = form.querySelector('button');\n            const originalText = btn.innerText;\n            const successMsg = document.getElementById('successMessage');\n\n            \/\/ \u0645\u062d\u0627\u0643\u0627\u0629 \u0639\u0645\u0644\u064a\u0629 \u0627\u0644\u0625\u0631\u0633\u0627\u0644\n            btn.innerText = '\u062c\u0627\u0631\u064a \u0627\u0644\u0625\u0631\u0633\u0627\u0644...';\n            btn.disabled = true;\n            btn.classList.add('opacity-75', 'cursor-not-allowed');\n\n            setTimeout(() => {\n                form.reset();\n                btn.innerText = originalText;\n                btn.disabled = false;\n                btn.classList.remove('opacity-75', 'cursor-not-allowed');\n                \n                successMsg.classList.remove('hidden');\n                \n                \/\/ \u0625\u062e\u0641\u0627\u0621 \u0631\u0633\u0627\u0644\u0629 \u0627\u0644\u0646\u062c\u0627\u062d \u0628\u0639\u062f 5 \u062b\u0648\u0627\u0646\u064a\n                setTimeout(() => {\n                    successMsg.classList.add('hidden');\n                }, 5000);\n            }, 1500);\n        }\n    <\/script>\n<!-- Footer (Consistent with index.html) -->\n    <footer class=\"bg-gray-900 text-gray-400 py-10\">\n        <div class=\"container mx-auto px-6 text-center\">\n            <p class=\"mb-4\">\n                \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629 \u00a9 <span id=\"current-year\"><\/span> \u0644\u0634\u0631\u0643\u0629 \u0627\u0646\u062f\u0627\u0628\u0627 \u0645\u0635\u0631 \u0623\u0641\u0631\u064a\u0642\u064a\u0627 (Indaba Egypt Africa).\n            <\/p>\n            <div class=\"flex justify-center space-x-6 space-x-reverse\">\n                <a href=\"https:\/\/indaba.com.eg\/?page_id=3\" class=\"hover:text-white\">\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629<\/a>\n                <a href=\"https:\/\/indaba.com.eg\/?page_id=12\" class=\"hover:text-white\">\u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0623\u062d\u0643\u0627\u0645<\/a>\n                <a href=\"contact\/index.html#contact\" class=\"hover:text-white\">\u0627\u062a\u0635\u0644 \u0628\u0646\u0627<\/a>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <script>\n        document.getElementById('current-year').textContent = new Date().getFullYear();\n\n        const mobileMenuButton = document.getElementById('mobile-menu-button');\n        const mobileMenu = document.getElementById('mobile-menu');\n        let menuOpen = false;\n\n        mobileMenuButton.addEventListener('click', () => {\n            menuOpen = !menuOpen;\n            if (menuOpen) {\n                mobileMenu.classList.remove('hidden');\n                mobileMenuButton.innerHTML = '&times;'; \n            } else {\n                mobileMenu.classList.add('hidden');\n                mobileMenuButton.innerHTML = '&#9776;';\n            }\n        });\n\n        document.querySelectorAll('#mobile-menu a').forEach(link => {\n            link.addEventListener('click', () => {\n                menuOpen = false;\n                mobileMenu.classList.add('hidden');\n                mobileMenuButton.innerHTML = '&#9776;';\n            });\n        });\n    <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0645\u0646 \u0646\u062d\u0646 &#8211; \u062a\u0627\u0631\u064a\u062e \u0627\u0646\u062f\u0627\u0628\u0627 \u0645\u0635\u0631 \u0623\u0641\u0631\u064a\u0642\u064a\u0627 \u0627\u0646\u062f\u0627\u0628\u0627 \u0645\u0635\u0631 \u0623\u0641\u0631\u064a\u0642\u064a\u0627 \u0642\u0635\u062a\u0646\u0627: \u0627\u0644\u062a\u062d\u0648\u0644 \u0645\u0646 \u0627\u0644\u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0625\u0644\u0649 \u0627\u0644\u062a\u0646\u0645\u064a\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 \u0645\u0646\u0630 \u062a\u0623\u0633\u064a\u0633\u0647\u0627\u060c \u0643\u0627\u0646\u062a \u0627\u0646\u062f\u0627\u0628\u0627 \u0645\u0635\u0631 \u0623\u0641\u0631\u064a\u0642\u064a\u0627 \u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u0643\u0644 \u0645\u0631\u062d\u0644\u0629 \u0645\u0646 \u0645\u0631\u0627\u062d\u0644 \u062a\u0637\u0648\u0631\u0647\u0627. \u0646\u062d\u0646 \u0646\u062f\u0645\u062c \u0628\u064a\u0646 \u0627\u0644\u062e\u0628\u0631\u0629 \u0627\u0644\u0639\u0645\u064a\u0642\u0629 \u0641\u064a \u062a\u0643\u0646\u0648\u0644\u0648\u062c\u064a\u0627 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0648\u0627\u0644\u062a\u0648\u062c\u0647 \u0627\u0644\u062d\u062f\u064a\u062b \u0646\u062d\u0648 \u0627\u0644\u0635\u0646\u0627\u0639\u0629 \u0627\u0644\u0648\u0637\u0646\u064a\u0629 \u0648\u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f \u0627\u0644\u0623\u062e\u0636\u0631 \u0648\u0644\u0646\u0635\u0646\u0639 \u0642\u0635\u0629 \u0646\u062c\u0627\u062d \u062a\u062a\u062c\u0627\u0648\u0632 \u0627\u0644\u062a\u0648\u0642\u0639\u0627\u062a \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0645\u0635\u0631\u064a \u0648\u0627\u0644\u0623\u0641\u0631\u064a\u0642\u064a. \u0627\u0644\u0645\u0624\u0633\u0633 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/indaba.com.eg\/index.php?rest_route=\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/indaba.com.eg\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/indaba.com.eg\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/indaba.com.eg\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/indaba.com.eg\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=17"}],"version-history":[{"count":13,"href":"https:\/\/indaba.com.eg\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":151,"href":"https:\/\/indaba.com.eg\/index.php?rest_route=\/wp\/v2\/pages\/17\/revisions\/151"}],"wp:attachment":[{"href":"https:\/\/indaba.com.eg\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}