{"id":89,"date":"2025-09-13T15:00:38","date_gmt":"2025-09-13T12:00:38","guid":{"rendered":"https:\/\/ads.fodoapps.com\/?page_id=89"},"modified":"2025-11-20T21:17:47","modified_gmt":"2025-11-20T18:17:47","slug":"home-2","status":"publish","type":"page","link":"https:\/\/ads.fodoapps.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"89\" class=\"elementor elementor-89\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25f2440 e-con-full e-flex e-con e-parent\" data-id=\"25f2440\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f15e0a elementor-widget elementor-widget-html\" data-id=\"9f15e0a\" data-element_type=\"widget\" id=\"top_bar\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"fodo-hero-wrapper\">\r\n    <!-- Black Header Bar -->\r\n<div class=\"fodo-header-bar\">\r\n  <div class=\"fodo-container\">\r\n    <p class=\"fodo-header-text\" dir=\"ltr\">Always have complete control at any moment.<\/p>\r\n  <\/div>\r\n<\/div>\r\n\r\n    <!-- Navigation -->\r\n    <nav class=\"fodo-navbar\">\r\n        <div class=\"fodo-container fodo-nav-content\">\r\n            <!-- Logo with link -->\r\n            <div class=\"fodo-logo\">\r\n                <a href=\"\/\" class=\"fodo-logo-link\">\r\n                    <img decoding=\"async\" src=\"https:\/\/ads.fodoapps.com\/wp-content\/uploads\/2025\/09\/e916e2252d39a294544589e5b2e533fc.png\" alt=\"Fodo Logo\" height=\"40\">\r\n                <\/a>\r\n            <\/div>\r\n            <!-- Toggle button (hamburger) -->\r\n            <div class=\"fodo-menu-toggle\" id=\"fodo-menu-toggle\">\u2630<\/div>\r\n            <!-- Navigation Menu -->\r\n            <div class=\"fodo-nav-menu\" id=\"fodo-nav\">\r\n                <div class=\"fodo-close-btn\" id=\"fodo-close-btn\">\u2716<\/div>\r\n                <a href=\"\/\" class=\"fodo-nav-link fodo-active\">Home<\/a>\r\n                <a href=\"#solutions\" class=\"fodo-nav-link\">Solutions<\/a>\r\n                <a href=\"#hardware\" class=\"fodo-nav-link\">Hardware<\/a>\r\n                <a href=\"#\" class=\"fodo-nav-link\">Pricing <\/a>\r\n                <!-- Language Switcher inside mobile menu (mobile only) -->\r\n                <div class=\"fodo-language-toggle mobile-lang\">\r\n                    <span class=\"fodo-lang-option fodo-lang-active\" data-lang=\"en\">EN<\/span>\r\n                    <span class=\"fodo-lang-separator\">|<\/span>\r\n                    <span class=\"fodo-lang-option\" data-lang=\"ar\">AR<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- Language Switcher (desktop only) -->\r\n            <div class=\"fodo-language-toggle desktop-lang\">\r\n                <span class=\"fodo-lang-option fodo-lang-active\" data-lang=\"en\">EN<\/span>\r\n                <span class=\"fodo-lang-separator\">|<\/span>\r\n                <span class=\"fodo-lang-option\" data-lang=\"ar\">AR<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/nav>\r\n    <!-- Hero Section -->\r\n    <section class=\"fodo-hero\">\r\n        <div class=\"fodo-container\">\r\n            <div class=\"fodo-hero-content\">\r\n                <div class=\"fodo-hero-left\">\r\n                    <h1 class=\"fodo-hero-title\">\r\n                        The End of Inventory<br>\r\n                        Headaches and<br>\r\n                        Sales Gaps\r\n                    <\/h1>\r\n                    \r\n                    <h2 class=\"fodo-hero-subtitle\">From the Kitchen to the Counter<\/h2>\r\n                    \r\n                    <p class=\"fodo-hero-description\">\r\n                        We know the challenges that hold back your<br>\r\n                        growth.<br><br>\r\n                        That's why we built Fodo<br>\r\n                        <span class=\"fodo-pos-highlight\">\u2014 more than just a POS.<\/span>\r\n                    <\/p>\r\n                    \r\n                  <button class=\"fodo-cta-button\" onclick=\"location.href='#form-sub'\">Start your trial<\/button>\r\n\t\t\t\t  \r\n\r\n\r\n\r\n\r\n\r\n                <\/div>\r\n                \r\n                <div class=\"fodo-hero-right\">\r\n                    <div class=\"fodo-hero-graphic\">\r\n                        <div class=\"fodo-circle-bg\">\r\n                            <img decoding=\"async\" src=\"https:\/\/ads.fodoapps.com\/wp-content\/uploads\/2025\/09\/Website-Hero-Visual-1.png\" alt=\"Circle Background\" \/>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n    <!-- Features Section -->\r\n    <section class=\"fodo-features\">\r\n        <div class=\"fodo-container\">\r\n            <div class=\"fodo-features-grid\">\r\n                <div class=\"fodo-feature-item\">\r\n                       <img decoding=\"async\" src=\"https:\/\/ads.fodoapps.com\/wp-content\/uploads\/2025\/09\/A__A_1.png\" alt=\"Icon\" width=\"60\" height=\"60\">\r\n                    <p class=\"fodo-feature-subtitle\">Empowers you to <br>scale up to <span class=\"fodo-highlight\">5X faster<\/span><\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"fodo-feature-item\">\r\n                        <img decoding=\"async\" src=\"https:\/\/ads.fodoapps.com\/wp-content\/uploads\/2025\/09\/A__A_1-1.png\" alt=\"Icon\" width=\"60\" height=\"60\">\r\n                    <p class=\"fodo-feature-subtitle\">Streamlines<br>your operations<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"fodo-feature-item\">\r\n                       <img decoding=\"async\" src=\"https:\/\/ads.fodoapps.com\/wp-content\/uploads\/2025\/09\/A__A_1-2.png\" alt=\"Icon\" width=\"60\" height=\"60\">\r\n                    <p class=\"fodo-feature-subtitle\">Reliable system<br>that fixes the gaps<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n<\/div>\r\n\r\n<style>\r\n\/* Fodo Hero Section Styles - Elementor Compatible *\/\r\n.fodo-hero-wrapper {\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;\r\n    line-height: 1.6;\r\n    color: #333;\r\n    background-color: #fafafa;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n.fodo-hero-wrapper * {\r\n    box-sizing: border-box;\r\n}\r\n.fodo-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0 20px;\r\n}\r\n\/* Header Bar *\/\r\n.fodo-header-bar {\r\n    background-color: #1a1a1a;\r\n    color: white;\r\n    padding: 12px 0;\r\n    text-align: center;\r\n    font-size: 14px;\r\n    direction: rtl;\r\n}\r\n.fodo-header-text {\r\n    font-weight: 400;\r\n    margin: 0;\r\n}\r\n\/* Navigation *\/\r\n.fodo-navbar {\r\n    background-color: white;\r\n    padding: 20px 0;\r\n    border-bottom: 1px solid #e5e5e5;\r\n    position: relative;\r\n    z-index: 1000;\r\n}\r\n.fodo-nav-content {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n}\r\n\/* Logo Link Styling *\/\r\n.fodo-logo-link {\r\n    display: inline-block;\r\n    text-decoration: none;\r\n    transition: opacity 0.3s ease;\r\n}\r\n.fodo-logo-link:hover {\r\n    opacity: 0.8;\r\n}\r\n.fodo-logo-text {\r\n    font-size: 28px;\r\n    font-weight: 700;\r\n    color: #333;\r\n}\r\n.fodo-logo-o {\r\n    color: #20b2aa;\r\n}\r\n.fodo-nav-menu {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 40px;\r\n}\r\n.fodo-nav-link {\r\n    text-decoration: none;\r\n    color: #666;\r\n    font-weight: 500;\r\n    font-size: 16px;\r\n    transition: color 0.3s ease;\r\n}\r\n.fodo-nav-link.fodo-active,\r\n.fodo-nav-link:hover {\r\n    color: #333;\r\n}\r\n.fodo-pricing-icon {\r\n    font-size: 18px;\r\n    color: #999;\r\n}\r\n.fodo-language-toggle {\r\n    font-size: 14px;\r\n    font-weight: 500;\r\n    color: #333;\r\n}\r\n.fodo-lang-option {\r\n    cursor: pointer;\r\n    transition: all 0.2s ease !important;\r\n    padding: 4px 8px;\r\n    border-radius: 4px;\r\n}\r\n.fodo-lang-option:hover {\r\n    background-color: #f0f0f0;\r\n}\r\n.fodo-lang-option.fodo-lang-active {\r\n    color: #F05638 !important;\r\n    font-weight: 600 !important;\r\n    background-color: #fff5f4 !important;\r\n}\r\n.fodo-lang-separator {\r\n    color: #F05638;\r\n    margin: 0 4px;\r\n}\r\n\/* Mobile Language Switcher - Hide on Desktop *\/\r\n.mobile-lang {\r\n    display: none;\r\n}\r\n\/* Desktop Language Switcher - Show on Desktop *\/\r\n.desktop-lang {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n}\r\n\/* Toggle button *\/\r\n.fodo-menu-toggle {\r\n    display: none;\r\n    font-size: 28px;\r\n    cursor: pointer;\r\n}\r\n\/* Close button inside mobile menu *\/\r\n.fodo-close-btn {\r\n    display: none;\r\n    font-size: 24px;\r\n    cursor: pointer;\r\n    align-self: flex-end;\r\n    margin-bottom: 20px;\r\n}\r\n\/* Hero Section *\/\r\n.fodo-hero {\r\n    padding: 80px 0 60px;\r\n    background-color: #fafafa;\r\n}\r\n.fodo-hero-content {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 60px;\r\n    align-items: center;\r\n}\r\n.fodo-hero-left {\r\n    padding-right: 40px;\r\n}\r\n.fodo-hero-title {\r\n    font-size: 48px;\r\n    font-weight: 700;\r\n    line-height: 1.1;\r\n    color: #1a1a1a;\r\n    margin: 0 0 24px 0;\r\n}\r\n.fodo-hero-subtitle {\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    color: #333;\r\n    margin: 0 0 20px 0;\r\n}\r\n.fodo-hero-description {\r\n    font-size: 16px;\r\n    color: #666;\r\n    line-height: 1.6;\r\n    margin: 0 0 32px 0;\r\n}\r\n\/* POS Highlight Color *\/\r\n.fodo-pos-highlight {\r\n    color: #22BEC8;\r\n    font-weight: 600;\r\n}\r\n.fodo-cta-button {\r\n    background: linear-gradient(135deg, #ff6b4a, #ff8a65);\r\n    color: white;\r\n    border: none;\r\n    padding: 16px 32px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    border-radius: 8px;\r\n    cursor: pointer;\r\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n    font-family: inherit;\r\n}\r\n.fodo-cta-button:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 25px rgba(255, 107, 74, 0.3);\r\n}\r\n\/* Hero Graphic - Optimized for Larger Image *\/\r\n.fodo-hero-right {\r\n    position: relative;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n.fodo-hero-graphic {\r\n    position: relative;\r\n    width: 600px;\r\n    height: 600px;\r\n}\r\n.fodo-circle-bg {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n.fodo-circle-bg img {\r\n    width: 600px;\r\n    height: 500px;\r\n    object-fit: cover;\r\n    border-radius: 50%;\r\n    display: block;\r\n    box-shadow: 0 20px 10px rgba(0, 0, 0, 0.15);\r\n}\r\n\/* Features Section *\/\r\n.fodo-features {\r\n    padding: 60px 0;\r\n    background-color: white;\r\n}\r\n.fodo-features-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 60px;\r\n    text-align: center;\r\n}\r\n.fodo-feature-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n.fodo-feature-icon {\r\n    width: 60px;\r\n    height: 60px;\r\n    background-color: #f0fdfc;\r\n    border-radius: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    margin-bottom: 20px;\r\n    color: #20b2aa;\r\n}\r\n.fodo-feature-icon svg {\r\n    width: 28px;\r\n    height: 28px;\r\n}\r\n.fodo-feature-title {\r\n    font-size: 18px;\r\n    font-weight: 600;\r\n    color: #1a1a1a;\r\n    margin: 0 0 8px 0;\r\n}\r\n.fodo-feature-subtitle {\r\n    font-size: 16px;\r\n    color: #666;\r\n    line-height: 1.4;\r\n    margin: 0;\r\n}\r\n.fodo-highlight {\r\n    color: #20b2aa;\r\n    font-weight: 600;\r\n}\r\n\/* Responsive Design - Optimized *\/\r\n@media (max-width: 1024px) {\r\n    .fodo-hero-graphic {\r\n        width: 500px;\r\n        height: 500px;\r\n    }\r\n    \r\n    .fodo-circle-bg img {\r\n        width: 400px;\r\n        height: 400px;\r\n    }\r\n}\r\n@media (max-width: 768px) {\r\n    .fodo-hero-content {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n        text-align: center;\r\n    }\r\n    \r\n    .fodo-hero-left {\r\n        padding-right: 0;\r\n        order: 2;\r\n    }\r\n    \r\n    .fodo-hero-right {\r\n        order: 1;\r\n    }\r\n    \r\n    .fodo-hero-title {\r\n        font-size: 36px;\r\n    }\r\n    \r\n    .fodo-hero-graphic {\r\n        width: 400px;\r\n        height: 400px;\r\n    }\r\n    \r\n    .fodo-circle-bg img {\r\n        width: 350px;\r\n        height: 350px;\r\n    }\r\n    \r\n    .fodo-features-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 40px;\r\n    }\r\n    \/* Mobile menu *\/\r\n    .fodo-menu-toggle {\r\n        display: block;\r\n    }\r\n    \r\n    \/* Hide Desktop Language Switcher on Mobile *\/\r\n    .desktop-lang {\r\n        display: none;\r\n    }\r\n    \r\n    \/* Show Mobile Language Switcher only on Mobile *\/\r\n    .mobile-lang {\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        gap: 4px;\r\n        margin-top: 20px;\r\n        padding-top: 20px;\r\n        border-top: 1px solid #e5e5e5;\r\n    }\r\n    \r\n    .fodo-nav-menu {\r\n        position: fixed;\r\n        top: 0;\r\n        right: -260px;\r\n        width: 260px;\r\n        height: 100%;\r\n        background: #fff;\r\n        flex-direction: column;\r\n        padding: 60px 20px;\r\n        gap: 20px;\r\n        box-shadow: -2px 0 8px rgba(0,0,0,0.1);\r\n        transition: right 0.3s ease;\r\n    }\r\n    .fodo-nav-menu.active {\r\n        right: 0;\r\n    }\r\n    .fodo-close-btn {\r\n        display: block;\r\n    }\r\n}\r\n@media (max-width: 480px) {\r\n    .fodo-hero-title {\r\n        font-size: 28px;\r\n        line-height: 1.2;\r\n    }\r\n    \r\n    .fodo-hero-subtitle {\r\n        font-size: 18px;\r\n    }\r\n    \r\n    .fodo-hero-description {\r\n        font-size: 14px;\r\n    }\r\n    \r\n    .fodo-hero-graphic {\r\n        width: 320px;\r\n        height: 320px;\r\n    }\r\n    \r\n    .fodo-circle-bg img {\r\n        width: 280px;\r\n        height: 280px;\r\n    }\r\n    \r\n    .fodo-container {\r\n        padding: 0 15px;\r\n    }\r\n    \r\n    .fodo-hero {\r\n        padding: 60px 0 40px;\r\n    }\r\n    \r\n    .fodo-cta-button {\r\n        padding: 14px 28px;\r\n        font-size: 15px;\r\n    }\r\n}\r\n@media (max-width: 360px) {\r\n    .fodo-hero-graphic {\r\n        width: 280px;\r\n        height: 280px;\r\n    }\r\n    \r\n    .fodo-circle-bg img {\r\n        width: 240px;\r\n        height: 240px;\r\n    }\r\n    \r\n    .fodo-hero-title {\r\n        font-size: 24px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ Menu toggle functionality\r\ndocument.getElementById(\"fodo-menu-toggle\").addEventListener(\"click\", function() {\r\n    document.getElementById(\"fodo-nav\").classList.add(\"active\");\r\n});\r\n\r\ndocument.getElementById(\"fodo-close-btn\").addEventListener(\"click\", function() {\r\n    document.getElementById(\"fodo-nav\").classList.remove(\"active\");\r\n});\r\n\r\ndocument.querySelectorAll(\".fodo-nav-link\").forEach(function(link) {\r\n    link.addEventListener(\"click\", function() {\r\n        document.getElementById(\"fodo-nav\").classList.remove(\"active\");\r\n    });\r\n});\r\n\r\n\/\/ Function to set active language and update text direction based on current URL\r\nfunction setActiveLanguage() {\r\n    const currentPath = window.location.pathname;\r\n    const headerText = document.querySelector('.fodo-header-text');\r\n    \r\n    \/\/ Remove active class from all language options\r\n    document.querySelectorAll('.fodo-lang-option').forEach(function(opt) {\r\n        opt.classList.remove('fodo-lang-active');\r\n    });\r\n    \r\n    \/\/ Determine which language is active based on URL path\r\n    if (currentPath.includes('\/ar')) {\r\n        \/\/ Set AR as active\r\n        document.querySelectorAll('.fodo-lang-option[data-lang=\"ar\"]').forEach(function(opt) {\r\n            opt.classList.add('fodo-lang-active');\r\n        });\r\n        \/\/ Change dir attribute to RTL for Arabic\r\n        if (headerText) {\r\n            headerText.setAttribute('dir', 'rtl');\r\n        }\r\n    } else {\r\n        \/\/ Set EN as active (default)\r\n        document.querySelectorAll('.fodo-lang-option[data-lang=\"en\"]').forEach(function(opt) {\r\n            opt.classList.add('fodo-lang-active');\r\n        });\r\n        \/\/ Change dir attribute to LTR for English\r\n        if (headerText) {\r\n            headerText.setAttribute('dir', 'ltr');\r\n        }\r\n    }\r\n}\r\n\r\n\/\/ Call setActiveLanguage on page load\r\nsetActiveLanguage();\r\n\r\n\/\/ Language switcher with UTM parameter preservation\r\ndocument.querySelectorAll('.fodo-lang-option').forEach(function(option) {\r\n    option.addEventListener('click', function() {\r\n        const clickedLang = this.getAttribute('data-lang');\r\n        \r\n        console.log('Clicked language:', clickedLang);\r\n        \r\n        \/\/ Remove active class from ALL language options first\r\n        document.querySelectorAll('.fodo-lang-option').forEach(function(opt) {\r\n            opt.classList.remove('fodo-lang-active');\r\n        });\r\n        \r\n        \/\/ Add active class to the clicked language options (both desktop and mobile)\r\n        document.querySelectorAll('.fodo-lang-option[data-lang=\"' + clickedLang + '\"]').forEach(function(opt) {\r\n            opt.classList.add('fodo-lang-active');\r\n            console.log('Added active to:', opt.textContent, opt.getAttribute('data-lang'));\r\n        });\r\n        \r\n        \/\/ Preserve URL parameters (UTM, etc.) when switching languages\r\n        const urlParams = window.location.search;\r\n        \r\n        \/\/ Add small delay to ensure visual change is visible before redirect\r\n        setTimeout(function() {\r\n            if (clickedLang === 'en') {\r\n                window.location.href = '\/en' + urlParams;\r\n            } else if (clickedLang === 'ar') {\r\n                window.location.href = '\/ar' + urlParams;\r\n            }\r\n        }, 150);\r\n    });\r\n});\r\n\r\n\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b44dfc9 e-con-full e-flex e-con e-parent\" data-id=\"b44dfc9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cf5d350 elementor-widget elementor-widget-html\" data-id=\"cf5d350\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Trusted By Section -->\n<section class=\"fodo-trusted-section\">\n  <div class=\"fodo-container\">\n    <!-- Trust Heading -->\n<h2 class=\"fodo-trusted-title\">\n  Trusted by <span class=\"fodo-counter\" data-target=\"25\">0<\/span>K+ businesses\n<\/h2>\n\n    \n    <!-- Logo Carousel -->\n    <div class=\"fodo-logo-carousel\">\n      <button class=\"fodo-carousel-btn fodo-carousel-prev\" aria-label=\"Previous logos\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/button>\n      \n      <div class=\"fodo-carousel-container\">\n        <div class=\"fodo-carousel-track\">\n          <div class=\"fodo-logo-item\"><img decoding=\"async\" src=\"https:\/\/ads.fodoapps.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-07-at-4.21.12-PM-1.png\" alt=\"Logo 1\"><\/div>\n          <div class=\"fodo-logo-item\"><img decoding=\"async\" src=\"https:\/\/ads.fodoapps.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-07-at-4.21.12-PM-2.png\" alt=\"Logo 2\"><\/div>\n          <div class=\"fodo-logo-item\"><img decoding=\"async\" src=\"https:\/\/ads.fodoapps.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-07-at-4.21.13-PM-3.png\" alt=\"Logo 3\"><\/div>\n          <div class=\"fodo-logo-item\"><img decoding=\"async\" src=\"https:\/\/ads.fodoapps.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-07-at-4.21.14-PM.png\" alt=\"Logo 4\"><\/div>\n          <div class=\"fodo-logo-item\"><img decoding=\"async\" src=\"https:\/\/ads.fodoapps.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-07-at-4.21.14-PM-1.png\" alt=\"Logo 5\"><\/div>\n          <div class=\"fodo-logo-item\"><img decoding=\"async\" src=\"https:\/\/ads.fodoapps.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-07-at-4.21.15-PM.png\" alt=\"Logo 6\"><\/div>\n          <div class=\"fodo-logo-item\"><img decoding=\"async\" src=\"https:\/\/ads.fodoapps.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-07-at-4.21.15-PM-1.png\" alt=\"Logo 7\"><\/div>\n          <div class=\"fodo-logo-item\"><img decoding=\"async\" src=\"https:\/\/ads.fodoapps.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-07-at-4.21.15-PM-2.png\" alt=\"Logo 8\"><\/div>\n          <div class=\"fodo-logo-item\"><img decoding=\"async\" src=\"https:\/\/ads.fodoapps.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-07-at-4.21.16-PM.png\" alt=\"Logo 9\"><\/div>\n          <div class=\"fodo-logo-item\"><img decoding=\"async\" src=\"https:\/\/ads.fodoapps.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-07-at-4.21.16-PM-4.png\" alt=\"Logo 10\"><\/div>\n          <div class=\"fodo-logo-item\"><img decoding=\"async\" src=\"https:\/\/ads.fodoapps.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-07-at-4.21.17-PM.png\" alt=\"Logo 11\"><\/div>\n          <div class=\"fodo-logo-item\"><img decoding=\"async\" src=\"https:\/\/ads.fodoapps.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-07-at-4.21.17-PM-1.png\" alt=\"Logo 12\"><\/div>\n          <div class=\"fodo-logo-item\"><img decoding=\"async\" src=\"https:\/\/ads.fodoapps.com\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-07-at-4.21.18-PM.png\" alt=\"Logo 13\"><\/div>\n        <\/div>\n      <\/div>\n      \n      <button class=\"fodo-carousel-btn fodo-carousel-next\" aria-label=\"Next logos\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n        <\/svg>\n      <\/button>\n    <\/div>\n\n    <!-- Management Features -->\n    <div class=\"fodo-management-grid\">\n      <div class=\"fodo-management-item\">\n        <div class=\"fodo-management-icon\">\n          <img decoding=\"async\" src=\"https:\/\/ads.fodoapps.com\/wp-content\/uploads\/2025\/09\/Group.svg\" alt=\"Circle Background\" \/>\n        <\/div>\n        <h3 class=\"fodo-management-title\">Sales Management<\/h3>\n        <p class=\"fodo-management-description\">\n          Track your profits, sales, and costs in real time across all branches and sales channels.\n        <\/p>\n      <\/div>\n      \n      <div class=\"fodo-management-item\">\n        <div class=\"fodo-management-icon\">\n         <img decoding=\"async\" src=\"https:\/\/ads.fodoapps.com\/wp-content\/uploads\/2025\/09\/Vector.svg\" alt=\"Circle Background\" \/>\n        <\/div>\n        <h3 class=\"fodo-management-title\">Purchase Management<\/h3>\n        <p class=\"fodo-management-description\">\n          Easily create purchase orders and transfer requests between branches, stores, and kitchens.\n        <\/p>\n      <\/div>\n    <\/div>\n<div class=\"fodo-solutions\">\n  <div class=\"solution-box\">\n    <h3>Innovative Restaurant<br>Management Solutions<\/h3>\n    <p>Everything you need to manage your restaurant chain more efficiently and at a lower cost.<\/p>\n  <\/div>\n\n  <div class=\"divider\"><\/div>\n\n  <div class=\"solution-box\">\n    <h3>Flexible Solutions<br>For Everyone<\/h3>\n    <p>Whether you manage a chain of branches, a kiosk, or a food truck \u2014 Fodo provides exactly what you need.<\/p>\n  <\/div>\n<\/div>\n<\/section>\n\n<style>\n\/* Trusted By Section *\/\n.fodo-trusted-section {\n  padding: 80px 0;\n  background-color: ##FFFFFF;\n}\n\n.fodo-trusted-title {\n  text-align: center;\n  font-size: 36px;\n  font-weight: 700;\n  color: #1a1a1a;\n  margin: 0 0 60px 0;\n  line-height: 1.2;\n}\n\n\/* Logo Carousel *\/\n.fodo-logo-carousel {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  margin-bottom: 60px;\n  position: relative;\n}\n\n.fodo-carousel-container {\n  flex: 1;\n  overflow: hidden;\n  background: #F5F5F5;\n  border-radius: 20px;\n  padding: 40px 20px;\n}\n\n.fodo-carousel-track {\n  display: flex;\n  gap: 20px;\n  justify-content: flex-start;\n  align-items: center;\n  transition: transform 0.4s ease;\n  will-change: transform;\n}\n\n.fodo-logo-item {\n  flex-shrink: 0;\n  width: 140px;\n  height: 80px;\n  background: white;\n  border-radius: 12px;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.fodo-logo-item img {\n  max-width: 100%;\n  max-height: 70%;\n  object-fit: contain;\n  user-select: none;\n  pointer-events: none;\n}\n\n\/* Updated arrow styles *\/\n.fodo-carousel-btn {\n  padding: 12px;\n  color: #22BEC8;\n  cursor: pointer;\n  border: none;\n  background: transparent;\n  box-shadow: none;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  transition: color 0.3s ease, transform 0.3s ease;\n  z-index: 10;\n}\n\n.fodo-carousel-btn svg {\n  width: 32px; \/* bigger arrow *\/\n  height: 32px;\n  pointer-events: none; \/* so clicks register on button *\/\n}\n\n.fodo-carousel-prev {\n  left: -50px; \/* more space for bigger button *\/\n}\n\n.fodo-carousel-next {\n  right: -50px;\n}\n\n.fodo-carousel-btn:hover {\n  color: #1da8b0;\n  transform: translateY(-50%) scale(1.2);\n}\n\n\/* Management Features Grid *\/\n.fodo-management-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 40px;\n  margin-bottom: 40px;\n}\n\n.fodo-management-item {\n  background: #F5F5F5;\n  padding: 40px 30px;\n  border-radius: 20px;\n  text-align: center;\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.fodo-management-item:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);\n}\n\n.fodo-management-icon {\n  width: 80px;\n  height: 80px;\n  background: #f0fdfc;\n  border-radius: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 auto 24px;\n  color: #22BEC8;\n}\n\n.fodo-management-icon svg {\n  width: 40px;\n  height: 40px;\n}\n\n.fodo-management-title {\n  font-size: 24px;\n  font-weight: 600;\n  color: #22BEC8;\n  margin: 0 0 16px 0;\n}\n\n.fodo-management-description {\n  font-size: 16px;\n  color: #666;\n  line-height: 1.6;\n  margin: 0;\n}\n\n\/* Pagination *\/\n.fodo-pagination {\n  display: flex;\n  justify-content: center;\n  gap: 12px;\n}\n\n.fodo-dot {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  background: #ccc;\n  cursor: pointer;\n  transition: background 0.3s ease;\n}\n\n.fodo-dot-active {\n  background: #22BEC8;\n}\n\n\/* Responsive *\/\n@media (max-width: 900px) {\n  .fodo-management-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .fodo-carousel-prev {\n    left: 10px;\n  }\n  \n  .fodo-carousel-next {\n    right: 10px;\n  }\n  \n  .fodo-logo-item {\n    width: 110px;\n    height: 65px;\n  }\n  \n  .fodo-trusted-title {\n    font-size: 28px;\n  }\n}\n\n\n.fodo-solutions {\n  display: flex;\n  justify-content: center;\n  align-items: stretch;  \/* make children equal height *\/\n  gap: 40px;\n  text-align: center;\n  max-width: 1000px;\n  margin: 0 auto;\n}\n\n.solution-box {\n  flex: 1;\n}\n\n.solution-box h3 {\n  color: #e74c3c;\n  font-size: 20px;\n  font-weight: 600;\n  margin-bottom: 12px;\n  line-height: 1.4;\n}\n\n.solution-box p {\n  color: #000;\n  font-size: 16px;\n  line-height: 1.6;\n}\n\n.divider {\n  width: 1px;\n  background-color: #e74c3c;\n}\n<\/style>\n\n<script>\n  document.addEventListener('DOMContentLoaded', () => {\n    const track = document.querySelector('.fodo-carousel-track');\n    const items = Array.from(track.children);\n    const prevBtn = document.querySelector('.fodo-carousel-prev');\n    const nextBtn = document.querySelector('.fodo-carousel-next');\n    const dots = Array.from(document.querySelectorAll('.fodo-dot'));\n\n    const itemWidth = items[0].getBoundingClientRect().width + 20; \/\/ width + gap\n    let currentIndex = 0;\n\n    function updateCarousel() {\n      const moveX = -currentIndex * itemWidth;\n      track.style.transform = `translateX(${moveX}px)`;\n      updateDots();\n    }\n\n    function updateDots() {\n      dots.forEach((dot, idx) => {\n        dot.classList.toggle('fodo-dot-active', idx === currentIndex);\n      });\n    }\n\n    prevBtn.addEventListener('click', () => {\n      currentIndex = currentIndex > 0 ? currentIndex - 1 : items.length - 1;\n      updateCarousel();\n    });\n\n    nextBtn.addEventListener('click', () => {\n      currentIndex = currentIndex < items.length - 1 ? currentIndex + 1 : 0;\n      updateCarousel();\n    });\n\n    dots.forEach((dot, idx) => {\n      dot.addEventListener('click', () => {\n        currentIndex = idx;\n        updateCarousel();\n      });\n    });\n\n    \/\/ Initialize\n    updateCarousel();\n\n    \/\/ Optional: Auto-scroll every 5 seconds\n    \/\/ setInterval(() => {\n    \/\/   nextBtn.click();\n    \/\/ }, 5000);\n  });\n  \n    document.addEventListener('DOMContentLoaded', () => {\n    const counters = document.querySelectorAll('.fodo-counter');\n\n    counters.forEach(counter => {\n      const target = +counter.getAttribute('data-target');\n      const speed = 100; \/\/ smaller is faster\n      let count = 0;\n\n      const updateCount = () => {\n        const increment = target \/ speed;\n        count += increment;\n\n        if (count < target) {\n          counter.textContent = Math.floor(count);\n          requestAnimationFrame(updateCount);\n        } else {\n          counter.textContent = target;\n        }\n      };\n\n      updateCount();\n    });\n  });\n  \n  \n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b51780c e-con-full solutions e-flex e-con e-parent\" data-id=\"b51780c\" data-element_type=\"container\" id=\"solutions\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2570e4f solutions elementor-widget elementor-widget-html\" data-id=\"2570e4f\" data-element_type=\"widget\" id=\"solutions\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  html, body {\n    margin: 0; padding: 0;\n    font-family: 'Montserrat', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n    background: #fff;\n    color: #333;\n  }\n\n  .erp-section {\n    width: 100vw;\n    min-height: 100vh;\n    padding: 60px 50px; \/* Increased horizontal padding *\/\n    box-sizing: border-box;\n    background: #f9fafb;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  .erp-wrapper {\n    max-width: 1100px;\n    width: 100%;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 48px; \/* Balanced gap *\/\n    align-items: center;\n  }\n\n  \/* Left side text container with max-width for better readability *\/\n  .erp-left {\n    max-width: 500px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding-right: 20px;\n    text-align: left;\n  }\n\n  .erp-title {\n    font-size: 3rem;\n    font-weight: 900;\n    margin-bottom: 16px;\n    color: #F05638;\n    letter-spacing: 0.125em;\n    line-height: 1.2;\n    word-break: break-word;\n  }\n\n  .erp-subtitle {\n    font-size: 1.25rem;\n    font-weight: 600;\n    color: #555;\n    margin-bottom: 30px;\n    word-break: break-word;\n  }\n\n  .erp-cta-button {\n    background: #F05638;\n    color: #fff;\n    padding: 16px 38px;\n    border-radius: 30px;\n    font-weight: 700;\n    font-size: 1.125rem;\n    border: none;\n    cursor: pointer;\n    box-shadow: 0 8px 20px rgba(240, 86, 56, 0.4);\n    transition: background-color 0.3s ease, box-shadow 0.3s ease;\n    text-decoration: none;\n    text-align: center;\n    display: inline-block;\n    max-width: fit-content;\n  }\n  .erp-cta-button:hover,\n  .erp-cta-button:focus {\n    background: #d63f21;\n    box-shadow: 0 12px 30px rgba(214, 63, 33, 0.6);\n    outline: none;\n  }\n\n  .erp-right {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n    gap: 24px;\n  }\n\n  .feature-card {\n    background: #22BEC8;\n    border-radius: 20px;\n    box-shadow: 0 10px 30px rgba(34, 190, 200, 0.35);\n    color: #fff;\n    padding: 28px 22px;\n    font-weight: 700;\n    font-size: 0.9375rem;\n    text-align: center;\n    cursor: default;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 12px;\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    word-break: break-word;\n  }\n  .feature-card:nth-child(odd) {\n    background: #FCD93E;\n    color: #3a3000;\n    box-shadow: 0 10px 30px rgba(252, 217, 62, 0.4);\n  }\n  .feature-card:nth-child(even) {\n    background: #F05638;\n    color: #fff3ee;\n    box-shadow: 0 10px 30px rgba(240, 86, 56, 0.4);\n  }\n  .feature-card:hover,\n  .feature-card:focus {\n    transform: translateY(-10px);\n    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);\n    outline: none;\n  }\n  .feature-icon {\n    font-size: 1.875rem;\n    line-height: 1;\n  }\n\n  \/* Responsive adjustments *\/\n  @media (max-width: 900px) {\n    .erp-section {\n      padding: 50px 30px;\n    }\n    .erp-wrapper {\n      grid-template-columns: 1fr;\n      gap: 48px;\n    }\n    .erp-left {\n      max-width: 100%;\n      padding-right: 0;\n      text-align: center;\n    }\n    .erp-cta-button {\n      margin-left: auto;\n      margin-right: auto;\n    }\n    .erp-right {\n      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n      gap: 20px;\n    }\n  }\n  @media (max-width: 400px) {\n    .erp-title {\n      font-size: 2rem;\n    }\n    .erp-subtitle {\n      font-size: 1.0625rem;\n      margin-bottom: 28px;\n    }\n    .feature-card {\n      font-size: 0.875rem;\n      padding: 20px 16px;\n    }\n    .feature-icon {\n      font-size: 1.5rem;\n    }\n  }\n<\/style>\n\n<section class=\"erp-section\" aria-label=\"Innovative Restaurant ERP Solutions\">\n  <div class=\"erp-wrapper\">\n    <div class=\"erp-left\">\n      <h1 class=\"erp-title\">Innovative Restaurant Management Solutions<\/h1>\n      <p class=\"erp-subtitle\">\n        Everything you need to manage your restaurant chain more efficiently and at a lower cost.\n      <\/p>\n      <a href=\"#contact\" class=\"erp-cta-button\" role=\"link\" aria-label=\"Get Started with ERP Solutions\">Get Started<\/a>\n    <\/div>\n    <div class=\"erp-right\" role=\"list\">\n      <article class=\"feature-card\" role=\"listitem\" tabindex=\"0\">\n        <div class=\"feature-icon\" aria-hidden=\"true\">\ud83d\udcca<\/div>\n        <h3>Sales Management<\/h3>\n      <\/article>\n      <article class=\"feature-card\" role=\"listitem\" tabindex=\"0\">\n        <div class=\"feature-icon\" aria-hidden=\"true\">\ud83d\uded2<\/div>\n        <h3>Purchases Management<\/h3>\n      <\/article>\n      <article class=\"feature-card\" role=\"listitem\" tabindex=\"0\">\n        <div class=\"feature-icon\" aria-hidden=\"true\">\ud83d\udce6<\/div>\n        <h3>Inventory Management<\/h3>\n      <\/article>\n      <article class=\"feature-card\" role=\"listitem\" tabindex=\"0\">\n        <div class=\"feature-icon\" aria-hidden=\"true\">\ud83d\udcbc<\/div>\n        <h3>Accounting<\/h3>\n      <\/article>\n      <article class=\"feature-card\" role=\"listitem\" tabindex=\"0\">\n        <div class=\"feature-icon\" aria-hidden=\"true\">\u2699\ufe0f<\/div>\n        <h3>Production Operations<\/h3>\n      <\/article>\n      <article class=\"feature-card\" role=\"listitem\" tabindex=\"0\">\n        <div class=\"feature-icon\" aria-hidden=\"true\">\ud83d\udcb3<\/div>\n        <h3>Points of Sale<\/h3>\n      <\/article>\n      <article class=\"feature-card\" role=\"listitem\" tabindex=\"0\">\n        <div class=\"feature-icon\" aria-hidden=\"true\">\ud83c\udfe2<\/div>\n        <h3>Branch Network Management<\/h3>\n      <\/article>\n      <article class=\"feature-card\" role=\"listitem\" tabindex=\"0\">\n        <div class=\"feature-icon\" aria-hidden=\"true\">\ud83c\udf7d\ufe0f<\/div>\n        <h3>Catering Management<\/h3>\n      <\/article>\n      <article class=\"feature-card\" role=\"listitem\" tabindex=\"0\">\n        <div class=\"feature-icon\" aria-hidden=\"true\">\ud83d\udcc8<\/div>\n        <h3>Reports & Analytics<\/h3>\n      <\/article>\n      <article class=\"feature-card\" role=\"listitem\" tabindex=\"0\">\n        <div class=\"feature-icon\" aria-hidden=\"true\">\ud83d\udcfa<\/div>\n        <h3>Kitchen Screens<\/h3>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-372d5de e-con-full hardware e-flex e-con e-parent\" data-id=\"372d5de\" data-element_type=\"container\" id=\"hardware\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5c817a0 elementor-widget elementor-widget-html\" data-id=\"5c817a0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  .fodo-section {\n    background: #FAFAF9;\n    color: #1B181D;\n    padding: 70px 20px;\n    text-align: center;\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n  }\n  .fodo-section h2 {\n    font-size: 2.8em;\n    margin-bottom: 20px;\n    color: #22BEC8;\n    line-height: 1.2;\n    font-weight: 700;\n  }\n  .fodo-section p.subtitle {\n    font-size: 1.2em;\n    margin-bottom: 50px;\n    color: #1B181D;\n    opacity: 0.9;\n  }\n  .fodo-cards {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 25px;\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n  .fodo-card {\n    background: #ffffff;\n    border-radius: 14px;\n    padding: 35px 25px;\n    flex: 1 1 280px;\n    max-width: 320px;\n    box-shadow: 0 8px 20px rgba(0,0,0,0.08);\n    transition: transform 0.3s, box-shadow 0.3s;\n    text-align: center;\n    border-top: 6px solid #22BEC8;\n  }\n  .fodo-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 16px 30px rgba(0,0,0,0.15);\n  }\n  .fodo-card h3 {\n    font-size: 1.5em;\n    margin-bottom: 15px;\n    color: #F05638;\n    font-weight: 600;\n  }\n  .fodo-card p {\n    font-size: 1em;\n    line-height: 1.6;\n    color: #1B181D;\n  }\n  \/* Accent variations for each card *\/\n  .fodo-card:nth-child(1) { border-top-color: #22BEC8; }\n  .fodo-card:nth-child(2) { border-top-color: #FCD93E; }\n  .fodo-card:nth-child(3) { border-top-color: #F05638; }\n  @media(max-width: 768px){\n    .fodo-section h2 {\n      font-size: 2.2em;\n    }\n    .fodo-cards {\n      flex-direction: column;\n      gap: 30px;\n    }\n  }\n<\/style>\n\n<div class=\"fodo-section\">\n  <h2>Flexible Solutions for Everyone<\/h2>\n  <p class=\"subtitle\">Whether you manage a chain of branches, a kiosk, or a food truck \u2014 Fodo provides exactly what you need.<\/p>\n  <div class=\"fodo-cards\">\n    <div class=\"fodo-card\">\n      <h3>Branch Chains<\/h3>\n      <p>Manage multiple locations from a unified dashboard. Real-time tracking, inventory sync, and performance metrics across all branches.<\/p>\n    <\/div>\n    <div class=\"fodo-card\">\n      <h3>POS for Kiosks<\/h3>\n      <p>Compact, fast, and efficient point-of-sale suited for small spaces. Lightweight yet powerful to keep your queue moving.<\/p>\n    <\/div>\n    <div class=\"fodo-card\">\n      <h3>Food Trucks<\/h3>\n      <p>Stay mobile without sacrificing functionality. Offline-capable, easy to use, and designed for on-the-go service.<\/p>\n    <\/div>\n  <\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a3fbbf e-con-full form-sub e-flex e-con e-parent\" data-id=\"2a3fbbf\" data-element_type=\"container\" id=\"form-sub\">\n\t\t\t\t<div class=\"elementor-element elementor-element-460c180 elementor-widget elementor-widget-html\" data-id=\"460c180\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ===== Reset ===== *\/\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n\/* ===== Section Background with Animated Gradient ===== *\/\n.contact-section {\n  min-height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  padding: 3rem 1rem;\n  direction: ltr;\n  font-family: 'Inter', 'Arial', sans-serif;\n  background: linear-gradient(-45deg, #F05638, #FCD93E, #22BEC8, #ffffff);\n  background-size: 400% 400%;\n  animation: gradientMove 15s ease infinite;\n  border-top: 1px solid #e2e8f0;\n}\n\n@keyframes gradientMove {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n\/* ===== Orbit Circles (ERP Data Lines) ===== *\/\n.orbit {\n  position: absolute;\n  border: 2px dashed rgba(255,255,255,0.2);\n  border-radius: 50%;\n  animation: rotate 40s linear infinite;\n  pointer-events: none;\n  z-index: 1;\n}\n\n.orbit.one { width: 500px; height: 500px; }\n.orbit.two { width: 700px; height: 700px; animation-duration: 60s; }\n.orbit.three { width: 900px; height: 900px; animation-duration: 80s; }\n\n@keyframes rotate {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n\/* ===== Floating Food Icons ===== *\/\n.icon {\n  position: absolute;\n  font-size: 2.5rem;\n  animation: orbitIcon 20s linear infinite;\n  z-index: 2;\n  opacity: 0.8;\n}\n\n.icon:nth-child(2) { top: 10%; left: 50%; animation-delay: 0s; }\n.icon:nth-child(3) { top: 70%; left: 20%; animation-delay: 5s; }\n.icon:nth-child(4) { top: 40%; left: 80%; animation-delay: 10s; }\n.icon:nth-child(5) { top: 85%; left: 60%; animation-delay: 15s; }\n\n@keyframes orbitIcon {\n  0% { transform: translateY(0) rotate(0deg); }\n  50% { transform: translateY(-25px) rotate(180deg); }\n  100% { transform: translateY(0) rotate(360deg); }\n}\n\n\/* ===== Contact Container ===== *\/\n.contact-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 1rem;\n  position: relative;\n  z-index: 3;\n}\n\n.contact-header {\n  margin: 0 auto;\n  max-width: 48rem;\n  text-align: center;\n  margin-bottom: 2rem;\n}\n\n\/* ===== Contact Card ===== *\/\n.contact-form-container {\n  margin: 2.5rem auto 0;\n  max-width: 600px;\n}\n\n.contact-card {\n  background: rgba(255,255,255,0.15);\n  border-radius: 1.5rem;\n  padding: 2.5rem;\n  width: 100%;\n  backdrop-filter: blur(18px);\n  box-shadow: 0 15px 45px rgba(0,0,0,0.3),\n              0 0 25px rgba(240,86,56,0.4);\n  animation: floatUp 1s ease;\n  transform: translateY(0);\n}\n\n@keyframes floatUp {\n  from { opacity: 0; transform: translateY(50px) scale(0.95); }\n  to { opacity: 1; transform: translateY(0) scale(1); }\n}\n\n.contact-title {\n  font-size: 2rem;\n  font-weight: 800;\n  margin-bottom: 0.5rem;\n  text-align: center;\n  color: #fff;\n  text-shadow: 0 2px 10px rgba(0,0,0,0.3);\n}\n\n@media (min-width: 768px) {\n  .contact-title {\n    font-size: 2.25rem;\n  }\n}\n\n.contact-description {\n  text-align: center;\n  font-size: 1rem;\n  color: #eee;\n  margin-bottom: 2rem;\n  line-height: 1.6;\n}\n\n\/* ===== Form Styles ===== *\/\n.contact-form {\n  display: flex;\n  flex-direction: column;\n  gap: 1.2rem;\n  direction: ltr;\n}\n\n.contact-form input[name=\"website\"] {\n  display: none;\n}\n\n.form-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 1rem;\n}\n\n@media (min-width: 640px) {\n  .form-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n.form-field {\n  text-align: left;\n}\n\n.form-label {\n  display: block;\n  margin-bottom: 0.5rem;\n  font-size: 0.9rem;\n  font-weight: 600;\n  line-height: 1;\n  color: #fff;\n  text-shadow: 0 1px 3px rgba(0,0,0,0.3);\n}\n\n.form-input,\n.form-textarea {\n  display: flex;\n  width: 100%;\n  border-radius: 0.75rem;\n  border: none;\n  background-color: rgba(255,255,255,0.8);\n  padding: 0.9rem 1rem;\n  font-size: 1rem;\n  color: #222;\n  transition: all 0.3s ease;\n}\n\n.form-input {\n  height: 2.5rem;\n}\n\n.form-textarea {\n  min-height: 120px;\n  resize: vertical;\n}\n\n@media (min-width: 768px) {\n  .form-input,\n  .form-textarea {\n    font-size: 0.875rem;\n  }\n}\n\n.form-input:focus,\n.form-textarea:focus {\n  outline: none;\n  background: #fff;\n  box-shadow: 0 0 12px #22BEC8;\n  transform: translateY(-2px);\n}\n\n.form-input::placeholder,\n.form-textarea::placeholder {\n  color: #9ca3af;\n}\n\n.form-input:disabled,\n.form-textarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.form-button-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.75rem;\n  margin-top: 0.5rem;\n}\n\n.form-submit-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  white-space: nowrap;\n  border-radius: 0.9rem;\n  font-size: 1rem;\n  font-weight: 700;\n  padding: 0.9rem 1.5rem;\n  min-height: 2.5rem;\n  width: 100%;\n  background: linear-gradient(135deg, #F05638, #FCD93E, #22BEC8);\n  color: white;\n  border: none;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  box-shadow: 0 6px 20px rgba(240,86,56,0.4);\n  text-decoration: none;\n}\n\n.form-submit-btn:hover {\n  background: linear-gradient(135deg, #22BEC8, #FCD93E, #F05638);\n  box-shadow: 0 10px 25px rgba(252,217,62,0.6);\n  transform: translateY(-3px) scale(1.03);\n}\n\n.form-submit-btn:active {\n  transform: translateY(2px) scale(0.98);\n}\n\n.form-submit-btn:focus {\n  outline: none;\n  box-shadow: 0 0 0 2px rgba(37, 126, 76, 0.2);\n}\n\n.form-submit-btn:disabled {\n  pointer-events: none;\n  opacity: 0.5;\n}\n\n.message-field {\n  grid-column: 1 \/ -1;\n}\n\n\/* Status *\/\n#form-status {\n  margin-top: 1rem;\n  text-align: center;\n  font-weight: 600;\n  color: #fff;\n  text-shadow: 0 1px 3px rgba(0,0,0,0.3);\n}\n\n\/* ===== Success Popup Styles ===== *\/\n.popup-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.7);\n  display: none;\n  align-items: center;\n  justify-content: center;\n  z-index: 9999;\n  backdrop-filter: blur(8px);\n  animation: fadeIn 0.3s ease;\n}\n\n.popup-container {\n  background: rgba(255, 255, 255, 0.95);\n  border-radius: 1.5rem;\n  padding: 2.5rem;\n  max-width: 450px;\n  width: 90%;\n  text-align: center;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n  position: relative;\n  animation: slideUp 0.4s ease;\n  backdrop-filter: blur(20px);\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n@keyframes slideUp {\n  from { \n    opacity: 0;\n    transform: translateY(30px) scale(0.95);\n  }\n  to { \n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n\n.popup-icon {\n  font-size: 4rem;\n  margin-bottom: 1rem;\n  animation: bounceIn 0.6s ease;\n}\n\n@keyframes bounceIn {\n  0% {\n    opacity: 0;\n    transform: scale(0.3);\n  }\n  50% {\n    opacity: 1;\n    transform: scale(1.1);\n  }\n  70% {\n    transform: scale(0.9);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n.popup-title {\n  font-size: 1.8rem;\n  font-weight: 800;\n  margin-bottom: 1rem;\n  color: #22BEC8;\n  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.popup-message {\n  font-size: 1.1rem;\n  color: #555;\n  margin-bottom: 2rem;\n  line-height: 1.6;\n}\n\n.popup-button {\n  background: linear-gradient(135deg, #F05638, #FCD93E);\n  color: white;\n  border: none;\n  padding: 0.9rem 2rem;\n  border-radius: 0.9rem;\n  font-size: 1rem;\n  font-weight: 700;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  box-shadow: 0 6px 20px rgba(240, 86, 56, 0.4);\n  min-width: 120px;\n}\n\n.popup-button:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 10px 25px rgba(252, 217, 62, 0.6);\n}\n\n.popup-close {\n  position: absolute;\n  top: 1rem;\n  right: 1rem;\n  background: none;\n  border: none;\n  font-size: 1.5rem;\n  color: #999;\n  cursor: pointer;\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s ease;\n}\n\n.popup-close:hover {\n  background: rgba(0, 0, 0, 0.1);\n  color: #666;\n}\n\n\/* Error popup styles *\/\n.popup-error .popup-title {\n  color: #F05638;\n}\n\n.popup-error .popup-icon {\n  color: #F05638;\n}\n\n.popup-error .popup-button {\n  background: linear-gradient(135deg, #F05638, #e74c3c);\n}\n\n\/* Loading popup styles *\/\n.popup-loading .popup-icon {\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n<\/style>\n\n<div id=\"egypt-form-container\" style=\"display: none;\">\n  <section id=\"contact\" class=\"contact-section\">\n    <!-- Orbits -->\n    <div class=\"orbit one\"><\/div>\n    <div class=\"orbit two\"><\/div>\n    <div class=\"orbit three\"><\/div>\n    \n    <div class=\"contact-container\">\n      <header class=\"contact-header\">\n        <h2 class=\"contact-title\">Contact Us<\/h2>\n        <p class=\"contact-description\">Restaurant ERP System for managing orders and inventory with ease<\/p>\n      <\/header>\n      \n      <div class=\"contact-form-container\">\n        <div class=\"contact-card\">\n          <form id=\"broker-referral-form\" class=\"contact-form\" dir=\"ltr\">\n            <!-- Honeypot for spam protection (hidden) -->\n            <input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\" style=\"position:absolute; left:-9999px; opacity:0;\">\n            <!-- Hidden referral token field auto-filled from URL -->\n            <input type=\"hidden\" id=\"ref_token\" name=\"ref_token\" value=\"\">\n            \n            <!-- Name and Phone -->\n            <div class=\"form-grid\">\n              <div class=\"form-field\">\n                <label class=\"form-label\" for=\"name\">Full Name<\/label>\n                <input class=\"form-input\" id=\"name\" name=\"name\" placeholder=\"e.g. John Smith\" required>\n              <\/div>\n              <div class=\"form-field\">\n                <label class=\"form-label\" for=\"phone\">Phone Number<\/label>\n                <input class=\"form-input\" id=\"phone\" name=\"phone\" placeholder=\"+1234567890\" required>\n              <\/div>\n            <\/div>\n            \n            <!-- Email and Company -->\n            <div class=\"form-grid\">\n              <div class=\"form-field\">\n                <label class=\"form-label\" for=\"email\">Email (Optional)<\/label>\n                <input class=\"form-input\" type=\"email\" id=\"email\" name=\"email\" placeholder=\"you@company.com\">\n              <\/div>\n              <div class=\"form-field\">\n                <label class=\"form-label\" for=\"company\">Business Name (Optional)<\/label>\n                <input class=\"form-input\" id=\"company\" name=\"company\" placeholder=\"Restaurant\/Cafe Name\">\n              <\/div>\n            <\/div>\n            \n            <!-- Message -->\n            <div class=\"form-field message-field\">\n              <label class=\"form-label\" for=\"message\">How can we help you?<\/label>\n              <textarea class=\"form-textarea\" id=\"message\" name=\"message\" rows=\"5\" placeholder=\"Tell us about your needs or problems you'd like to solve\" required><\/textarea>\n            <\/div>\n            \n            <!-- Submit Button -->\n            <div class=\"form-button-container\">\n              <button class=\"form-submit-btn\" type=\"submit\">Send Message<\/button>\n            <\/div>\n            \n            <!-- Status message -->\n            <div id=\"form-status\"><\/div>\n          <\/form>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<!-- Success Popup -->\n<div id=\"success-popup\" class=\"popup-overlay\">\n  <div class=\"popup-container\">\n    <button class=\"popup-close\">&times;<\/button>\n    <div class=\"popup-icon\">\ud83c\udf89<\/div>\n    <h2 class=\"popup-title\">Success!<\/h2>\n    <p class=\"popup-message\">Your message has been sent successfully. We'll contact you soon.<\/p>\n    <button class=\"popup-button\">Great!<\/button>\n  <\/div>\n<\/div>\n\n<!-- Error Popup -->\n<div id=\"error-popup\" class=\"popup-overlay popup-error\">\n  <div class=\"popup-container\">\n    <button class=\"popup-close\">&times;<\/button>\n    <div class=\"popup-icon\">\u26a0\ufe0f<\/div>\n    <h2 class=\"popup-title\">Oops!<\/h2>\n    <p class=\"popup-message\" id=\"error-message\">Something went wrong. Please try again.<\/p>\n    <button class=\"popup-button\">Try Again<\/button>\n  <\/div>\n<\/div>\n\n<!-- Loading Popup -->\n<div id=\"loading-popup\" class=\"popup-overlay popup-loading\">\n  <div class=\"popup-container\">\n    <div class=\"popup-icon\">\u23f3<\/div>\n    <h2 class=\"popup-title\">Sending...<\/h2>\n    <p class=\"popup-message\">Please wait while we send your message.<\/p>\n  <\/div>\n<\/div>\n\n<!-- SOURCE TRACKING SCRIPT -->\n<script>\n\/\/ Source tracking without UTM requirement\n(function() {\n    'use strict';\n    \n    \/\/ Function to detect source from referrer and other signals\n    function detectVisitorSource() {\n        const referrer = document.referrer;\n        const currentURL = window.location.href;\n        const currentDomain = window.location.hostname;\n        \n        \/\/ Check URL parameters first (UTM or custom)\n        const urlParams = new URLSearchParams(window.location.search);\n        const utmSource = urlParams.get('utm_source');\n        const fbclid = urlParams.get('fbclid');  \/\/ Facebook click ID\n        const gclid = urlParams.get('gclid');    \/\/ Google Ads click ID\n        const ttclid = urlParams.get('ttclid');  \/\/ TikTok click ID\n        \n        \/\/ Priority detection\n        if (utmSource) {\n            return {\n                source: utmSource,\n                medium: urlParams.get('utm_medium') || 'unknown',\n                campaign: urlParams.get('utm_campaign') || 'none',\n                method: 'utm_parameter'\n            };\n        }\n        \n        \/\/ Facebook click ID detection\n        if (fbclid) {\n            return {\n                source: 'facebook',\n                medium: 'social',\n                campaign: 'facebook_ads',\n                method: 'fbclid_parameter'\n            };\n        }\n        \n        \/\/ Google Ads click ID detection\n        if (gclid) {\n            return {\n                source: 'google',\n                medium: 'cpc',\n                campaign: 'google_ads',\n                method: 'gclid_parameter'\n            };\n        }\n        \n        \/\/ TikTok click ID detection\n        if (ttclid) {\n            return {\n                source: 'tiktok',\n                medium: 'social',\n                campaign: 'tiktok_ads',\n                method: 'ttclid_parameter'\n            };\n        }\n        \n        \/\/ No referrer OR same domain referrer = direct traffic\n        if (!referrer) {\n            return {\n                source: 'direct',\n                medium: 'direct',\n                campaign: 'none',\n                method: 'no_referrer'\n            };\n        }\n        \n        \/\/ Check if referrer is from same domain (WordPress preview, internal navigation)\n        try {\n            const referrerDomain = new URL(referrer).hostname;\n            if (referrerDomain === currentDomain || \n                referrerDomain.replace('www.', '') === currentDomain.replace('www.', '')) {\n                return {\n                    source: 'direct',\n                    medium: 'direct',\n                    campaign: 'none',\n                    method: 'same_domain_referrer'\n                };\n            }\n        } catch (e) {\n            \/\/ If referrer URL is malformed, treat as direct\n            return {\n                source: 'direct',\n                medium: 'direct',\n                campaign: 'none',\n                method: 'invalid_referrer'\n            };\n        }\n        \n        \/\/ Detect from external referrer hostname\n        const hostname = new URL(referrer).hostname.toLowerCase();\n        \n        \/\/ Social media detection\n        if (hostname.includes('facebook.com') || hostname.includes('fb.com') || hostname.includes('m.facebook.com')) {\n            return {\n                source: 'facebook',\n                medium: 'social',\n                campaign: 'organic_social',\n                method: 'referrer_analysis'\n            };\n        }\n        \n        if (hostname.includes('instagram.com')) {\n            return {\n                source: 'instagram',\n                medium: 'social',\n                campaign: 'organic_social',\n                method: 'referrer_analysis'\n            };\n        }\n        \n        if (hostname.includes('tiktok.com')) {\n            return {\n                source: 'tiktok',\n                medium: 'social',\n                campaign: 'organic_social',\n                method: 'referrer_analysis'\n            };\n        }\n        \n        if (hostname.includes('twitter.com') || hostname.includes('t.co')) {\n            return {\n                source: 'twitter',\n                medium: 'social',\n                campaign: 'organic_social',\n                method: 'referrer_analysis'\n            };\n        }\n        \n        if (hostname.includes('linkedin.com')) {\n            return {\n                source: 'linkedin',\n                medium: 'social',\n                campaign: 'organic_social',\n                method: 'referrer_analysis'\n            };\n        }\n        \n        if (hostname.includes('youtube.com')) {\n            return {\n                source: 'youtube',\n                medium: 'social',\n                campaign: 'organic_social',\n                method: 'referrer_analysis'\n            };\n        }\n        \n        if (hostname.includes('whatsapp.com') || hostname.includes('wa.me')) {\n            return {\n                source: 'whatsapp',\n                medium: 'messaging',\n                campaign: 'organic_messaging',\n                method: 'referrer_analysis'\n            };\n        }\n        \n        if (hostname.includes('telegram.org') || hostname.includes('t.me')) {\n            return {\n                source: 'telegram',\n                medium: 'messaging',\n                campaign: 'organic_messaging',\n                method: 'referrer_analysis'\n            };\n        }\n        \n        \/\/ Search engines detection\n        if (hostname.includes('google.')) {\n            \/\/ Check if it's Google Ads (has gclid or ads-related path)\n            if (referrer.includes('gclid=') || referrer.includes('\/aclk?') || referrer.includes('googleadservices.com')) {\n                return {\n                    source: 'google',\n                    medium: 'cpc',\n                    campaign: 'google_ads',\n                    method: 'referrer_analysis'\n                };\n            }\n            \/\/ Organic Google search\n            return {\n                source: 'google',\n                medium: 'organic',\n                campaign: 'organic_search',\n                method: 'referrer_analysis'\n            };\n        }\n        \n        if (hostname.includes('bing.com')) {\n            return {\n                source: 'bing',\n                medium: 'organic',\n                campaign: 'organic_search',\n                method: 'referrer_analysis'\n            };\n        }\n        \n        if (hostname.includes('yahoo.com')) {\n            return {\n                source: 'yahoo',\n                medium: 'organic',\n                campaign: 'organic_search',\n                method: 'referrer_analysis'\n            };\n        }\n        \n        if (hostname.includes('duckduckgo.com')) {\n            return {\n                source: 'duckduckgo',\n                medium: 'organic',\n                campaign: 'organic_search',\n                method: 'referrer_analysis'\n            };\n        }\n        \n        \/\/ Default referral traffic (only for external domains)\n        return {\n            source: hostname,\n            medium: 'referral',\n            campaign: 'referral_traffic',\n            method: 'referrer_analysis'\n        };\n    }\n                    \n    \/\/ Store source data in session storage and cookies\n    function storeSourceData() {\n        const sourceData = detectVisitorSource();\n        const timestamp = new Date().toISOString();\n        \n        const trackingData = {\n            ...sourceData,\n            landing_page: window.location.href,\n            timestamp: timestamp,\n            user_agent: navigator.userAgent,\n            screen_resolution: screen.width + 'x' + screen.height\n        };\n        \n        \/\/ Store in session storage (persists during session)\n        sessionStorage.setItem('visitor_source', JSON.stringify(trackingData));\n        \n        \/\/ Store in cookies (persists across sessions for 30 days)\n        const expires = new Date(Date.now() + 30 * 24 * 60 * 60 * 1000).toUTCString();\n        document.cookie = `visitor_source=${encodeURIComponent(JSON.stringify(trackingData))}; expires=${expires}; path=\/; SameSite=Lax`;\n        \n        console.log('Egypt Form - Source tracking data stored:', trackingData);\n        return trackingData;\n    }\n    \n    \/\/ Get stored source data\n    function getStoredSourceData() {\n        \/\/ Try session storage first\n        let data = sessionStorage.getItem('visitor_source');\n        if (data) {\n            try {\n                return JSON.parse(data);\n            } catch (e) {\n                console.error('Error parsing session storage data:', e);\n            }\n        }\n        \n        \/\/ Try cookies\n        const cookies = document.cookie.split(';');\n        for (let cookie of cookies) {\n            const [name, value] = cookie.trim().split('=');\n            if (name === 'visitor_source' && value) {\n                try {\n                    return JSON.parse(decodeURIComponent(value));\n                } catch (e) {\n                    console.error('Error parsing cookie data:', e);\n                }\n            }\n        }\n        \n        return null;\n    }\n    \n    \/\/ Initialize tracking when page loads\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Store source data if not already stored, or if we have new UTM parameters\n        const stored = getStoredSourceData();\n        const hasUTMParams = window.location.search.includes('utm_') || \n                            window.location.search.includes('fbclid') || \n                            window.location.search.includes('gclid') ||\n                            window.location.search.includes('ttclid');\n        \n        if (!stored || hasUTMParams) {\n            storeSourceData();\n        }\n    });\n    \n    \/\/ Make source data available globally\n    window.getVisitorSource = getStoredSourceData;\n    window.storeNewSourceData = storeSourceData;\n    \n})();\n<\/script>\n\n<!-- MAIN FORM SCRIPT WITH POPUP -->\n<script>\n(function() {\n    'use strict';\n    \n    console.log('=== EGYPT FORM SCRIPT LOADED ===');\n    \n    \/\/ Initialize dataLayer if it doesn't exist\n    window.dataLayer = window.dataLayer || [];\n    \n    \/\/ Popup management functions\n    function showPopup(type, message = '') {\n        const popup = document.getElementById(`${type}-popup`);\n        if (popup) {\n            if (message && type === 'error') {\n                document.getElementById('error-message').textContent = message;\n            }\n            popup.style.display = 'flex';\n        }\n    }\n\n    function hidePopup(type) {\n        const popup = document.getElementById(`${type}-popup`);\n        if (popup) {\n            popup.style.display = 'none';\n        }\n    }\n    \n    \/\/ Close popups when clicking close button or overlay\n    document.querySelectorAll('.popup-close, .popup-button').forEach(button => {\n        button.addEventListener('click', function() {\n            this.closest('.popup-overlay').style.display = 'none';\n        });\n    });\n\n    \/\/ Close popup when clicking on overlay background\n    document.querySelectorAll('.popup-overlay').forEach(overlay => {\n        overlay.addEventListener('click', function(e) {\n            if (e.target === this) {\n                this.style.display = 'none';\n            }\n        });\n    });\n\n    \/\/ Close popup with Escape key\n    document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape') {\n            document.querySelectorAll('.popup-overlay').forEach(popup => {\n                popup.style.display = 'none';\n            });\n        }\n    });\n    \n    \/\/ Enhanced IP Detection with Multiple Services\nconsole.log('=== EGYPT IP LOCATOR DEBUG START ===');\n\nasync function detectCountrySecure() {\n    const services = [\n        {\n            name: 'ipapi.co',\n            url: 'https:\/\/ipapi.co\/json\/',\n            parser: (data) => ({\n                code: data.country_code || data.country,\n                name: data.country_name,\n                ip: data.ip\n            })\n        },\n        {\n            name: 'ip-api.com',\n            url: 'https:\/\/ip-api.com\/json\/',\n            parser: (data) => ({\n                code: data.countryCode,\n                name: data.country,\n                ip: data.query\n            })\n        }\n    ];\n    \n    for (const service of services) {\n        try {\n            console.log('Egypt Form - Trying service:', service.name);\n            const response = await fetch(service.url, {\n                method: 'GET',\n                headers: { 'Accept': 'application\/json' },\n                signal: AbortSignal.timeout(5000) \/\/ 5 second timeout\n            });\n            \n            if (!response.ok) {\n                throw new Error(`HTTP ${response.status}`);\n            }\n            \n            const data = await response.json();\n            const parsed = service.parser(data);\n            \n            if (parsed.code) {\n                console.log('\u2705 Egypt Form - Country detected via', service.name, ':', parsed);\n                return parsed;\n            }\n        } catch (error) {\n            console.warn('Egypt Form - Service', service.name, 'failed:', error.message);\n            continue;\n        }\n    }\n    \n    console.error('\u274c Egypt Form - All IP detection services failed');\n    return null;\n}\n\n\/\/ Execute detection\ndetectCountrySecure()\n    .then(data => {\n        if (!data) {\n            console.log('\u274c HIDING FORM - Could not detect country');\n            document.getElementById('egypt-form-container').style.display = 'none';\n            return;\n        }\n        \n        const countryCode = data.code;\n        const countryName = data.name;\n        const detectedIP = data.ip;\n        \n        console.log('Egypt Form - Detected IP:', detectedIP);\n        console.log('Egypt Form - Country Code:', countryCode);\n        console.log('Egypt Form - Country Name:', countryName);\n        \n        \/\/ STRICT: Only show for Egypt\n        const isEgypt = (countryCode === 'EG');\n        console.log('Egypt Form - Is Egypt:', isEgypt);\n        \n        if (isEgypt) {\n            console.log('\u2705 SHOWING EGYPT FORM - Egypt visitor detected');\n            document.getElementById('egypt-form-container').style.display = 'block';\n            \n            \/\/ Get source data for geo-display tracking\n            const sourceData = window.getVisitorSource ? window.getVisitorSource() : null;\n            \n            \/\/ Push form display data to dataLayer with source information\n            window.dataLayer.push({\n                'event': 'form_displayed',\n                'form_name': 'egypt_contact_form',\n                'form_id': 'broker-referral-form',\n                'form_type': 'contact_form',\n                'visitor_country': countryCode,\n                'visitor_country_name': countryName,\n                'visitor_ip': detectedIP,\n                'form_target_audience': 'egypt_visitors',\n                'page_location': window.location.href,\n                'source_tracking': sourceData ? {\n                    'visitor_source': sourceData.source,\n                    'visitor_medium': sourceData.medium,\n                    'visitor_campaign': sourceData.campaign,\n                    'detection_method': sourceData.method\n                } : null,\n                'timestamp': new Date().toISOString()\n            });\n        } else {\n            console.log('\u274c HIDING EGYPT FORM - Not Egypt visitor (Country: ' + countryCode + ')');\n            document.getElementById('egypt-form-container').style.display = 'none';\n        }\n        \n        console.log('=== EGYPT IP LOCATOR DEBUG END ===');\n    })\n    .catch(error => {\n        console.error('Egypt Form - Critical error:', error);\n        \/\/ SECURE: Hide form on any error\n        console.log('\u26a0\ufe0f Egypt Form - Error occurred - hiding form for security');\n        document.getElementById('egypt-form-container').style.display = 'none';\n    });\n\n\n    \n    \/\/ DOM Ready Handler with delay for Elementor\n    document.addEventListener('DOMContentLoaded', function() {\n        console.log('Egypt Form - DOM Content Loaded');\n        \n        \/\/ Wait for Elementor to fully initialize\n        setTimeout(function() {\n            console.log('Egypt Form - Initializing form after delay');\n            initializeForm();\n        }, 500);\n    });\n    \n    \/\/ Form Initialization Function\n    function initializeForm() {\n        const form = document.getElementById('broker-referral-form');\n        \n        if (!form) {\n            console.error('Egypt Form - CRITICAL: Form element NOT FOUND!');\n            return;\n        }\n        \n        console.log('\u2705 Egypt Form - Form element found successfully');\n        \n        \/\/ Fill referral token from URL\n        const params = new URLSearchParams(window.location.search);\n        const token = params.get('ref_token');\n        if (token) {\n            const refTokenInput = document.getElementById('ref_token');\n            if (refTokenInput) {\n                refTokenInput.value = token;\n                console.log('Egypt Form - Referral token set:', token);\n                \n                window.dataLayer.push({\n                    'event': 'referral_token_detected',\n                    'form_name': 'egypt_contact_form',\n                    'referral_token': token,\n                    'timestamp': new Date().toISOString()\n                });\n            }\n        }\n        \n        \/\/ Track form view\n        const sourceData = window.getVisitorSource ? window.getVisitorSource() : null;\n        window.dataLayer.push({\n            'event': 'form_view',\n            'form_name': 'egypt_contact_form',\n            'form_id': 'broker-referral-form',\n            'form_type': 'contact_form',\n            'page_location': window.location.href,\n            'language': 'en',\n            'source_tracking': sourceData ? {\n                'visitor_source': sourceData.source,\n                'visitor_medium': sourceData.medium,\n                'visitor_campaign': sourceData.campaign,\n                'detection_method': sourceData.method\n            } : null\n        });\n        \n        \/\/ Track field interactions\n        setupFieldTracking(form);\n        \n        \/\/ Attach form submit handler\n        form.addEventListener('submit', handleFormSubmit);\n        console.log('\u2705 Egypt Form - Submit handler attached');\n    }\n    \n    \/\/ Field Interaction Tracking\n    function setupFieldTracking(form) {\n        let formStarted = false;\n        const formInputs = form.querySelectorAll('input:not([name=\"website\"]):not([type=\"hidden\"]), textarea');\n        \n        console.log('Egypt Form - Setting up tracking for', formInputs.length, 'fields');\n        \n        formInputs.forEach(function(input) {\n            input.addEventListener('focus', function() {\n                if (!formStarted) {\n                    formStarted = true;\n                    window.dataLayer.push({\n                        'event': 'form_start',\n                        'form_name': 'egypt_contact_form',\n                        'form_id': 'broker-referral-form',\n                        'first_field': this.name || this.id,\n                        'timestamp': new Date().toISOString()\n                    });\n                }\n            });\n        });\n    }\n    \n    \/\/ Form Submit Handler\n    function handleFormSubmit(event) {\n        event.preventDefault();\n        console.log('\ud83d\ude80 Egypt Form - Form submit triggered!');\n        \n        const form = event.target;\n        const submitButton = form.querySelector('.form-submit-btn');\n        \n        \/\/ Disable submit button\n        if (submitButton) {\n            submitButton.disabled = true;\n        }\n        \n        \/\/ Show loading popup\n        showPopup('loading');\n        \n        \/\/ Get visitor source data\n        const sourceData = window.getVisitorSource ? window.getVisitorSource() : null;\n        \n        \/\/ Collect all form data\n        const formData = {\n            ref_token: document.getElementById('ref_token').value || '',\n            website: document.querySelector('input[name=\"website\"]').value || '',\n            name: document.getElementById('name').value || '',\n            phone: document.getElementById('phone').value || '',\n            email: document.getElementById('email').value || '',\n            company: document.getElementById('company').value || '',\n            message: document.getElementById('message').value || '',\n            visitor_source: sourceData ? sourceData.source : 'unknown',\n            visitor_medium: sourceData ? sourceData.medium : 'unknown',\n            visitor_campaign: sourceData ? sourceData.campaign : 'unknown',\n            detection_method: sourceData ? sourceData.method : 'unknown',\n            landing_page: sourceData ? sourceData.landing_page : window.location.href,\n            referrer: document.referrer || 'direct'\n        };\n        \n        console.log('Egypt Form - Form data to send:', formData);\n        \n        \/\/ Track form submission\n        window.dataLayer.push({\n            'event': 'form_submit',\n            'form_name': 'egypt_contact_form',\n            'timestamp': new Date().toISOString()\n        });\n        \n        const proxyUrl = '\/wp-content\/themes\/astra\/odoo-proxy-eg.php';\n        \n        \/\/ Send data to proxy\n        fetch(proxyUrl, {\n            method: 'POST',\n            headers: {\n                'Content-Type': 'application\/json'\n            },\n            body: JSON.stringify(formData),\n            credentials: 'omit'\n        })\n        .then(function(response) {\n            console.log('Egypt Form - Response status:', response.status);\n            \n            if (!response.ok) {\n                throw new Error('HTTP error! Status: ' + response.status);\n            }\n            \n            return response.text();\n        })\n        .then(function(text) {\n            console.log('Egypt Form - Raw response:', text);\n            \n            let json;\n            try {\n                json = JSON.parse(text);\n            } catch (parseError) {\n                throw new Error('Invalid JSON response');\n            }\n            \n            const result = json.result || json;\n            console.log('Egypt Form - Result:', result);\n            \n            \/\/ Hide loading popup\n            hidePopup('loading');\n            \n            if (result.status === 'ok' || result.status === 'success') {\n                console.log('\u2705 Egypt Form - Success!');\n                \n                \/\/ Show success popup\n                showPopup('success');\n                \n                \/\/ Track success\n                window.dataLayer.push({\n                    'event': 'form_success_EG',\n                    'form_name': 'egypt_contact_form',\n                    'conversion_value': 1,\n                    'timestamp': new Date().toISOString()\n                });\n                \n                window.dataLayer.push({\n                    'event': 'conversion',\n                    'conversion_type': 'contact_form_submission',\n                    'conversion_name': 'egypt_referral_lead',\n                    'timestamp': new Date().toISOString()\n                });\n                \n                \/\/ Reset form\n                form.reset();\n                \n                \/\/ Restore referral token\n                const params = new URLSearchParams(window.location.search);\n                const token = params.get('ref_token');\n                if (token) {\n                    document.getElementById('ref_token').value = token;\n                }\n                \n            } else {\n                console.error('Egypt Form - Server error:', result.error);\n                \n                \/\/ Show error popup\n                showPopup('error', result.error || 'Please try again later.');\n                \n                window.dataLayer.push({\n                    'event': 'form_error',\n                    'form_name': 'egypt_contact_form',\n                    'error_type': 'server_error',\n                    'timestamp': new Date().toISOString()\n                });\n            }\n            \n            \/\/ Re-enable submit button\n            if (submitButton) {\n                submitButton.disabled = false;\n            }\n        })\n        .catch(function(error) {\n            console.error('\u274c Egypt Form - Error:', error);\n            \n            \/\/ Hide loading popup\n            hidePopup('loading');\n            \n            \/\/ Show error popup\n            showPopup('error', 'Cannot connect to server. Please try again.');\n            \n            \/\/ Re-enable submit button\n            if (submitButton) {\n                submitButton.disabled = false;\n            }\n            \n            window.dataLayer.push({\n                'event': 'form_error',\n                'form_name': 'egypt_contact_form',\n                'error_type': 'network_error',\n                'timestamp': new Date().toISOString()\n            });\n        });\n    }\n    \n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35a7524 elementor-widget elementor-widget-html\" data-id=\"35a7524\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\/* ===== Reset ===== *\/\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n\/* ===== Section Background with Animated Gradient ===== *\/\n.contact-section {\n  min-height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  overflow: hidden;\n  padding: 3rem 1rem;\n  direction: ltr;\n  font-family: 'Inter', 'Arial', sans-serif;\n  background: linear-gradient(-45deg, #F05638, #FCD93E, #22BEC8, #ffffff);\n  background-size: 400% 400%;\n  animation: gradientMove 15s ease infinite;\n  border-top: 1px solid #e2e8f0;\n}\n\n@keyframes gradientMove {\n  0% { background-position: 0% 50%; }\n  50% { background-position: 100% 50%; }\n  100% { background-position: 0% 50%; }\n}\n\n\/* ===== Orbit Circles (ERP Data Lines) ===== *\/\n.orbit {\n  position: absolute;\n  border: 2px dashed rgba(255,255,255,0.2);\n  border-radius: 50%;\n  animation: rotate 40s linear infinite;\n  pointer-events: none;\n  z-index: 1;\n}\n\n.orbit.one { width: 500px; height: 500px; }\n.orbit.two { width: 700px; height: 700px; animation-duration: 60s; }\n.orbit.three { width: 900px; height: 900px; animation-duration: 80s; }\n\n@keyframes rotate {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n\/* ===== Floating Food Icons ===== *\/\n.icon {\n  position: absolute;\n  font-size: 2.5rem;\n  animation: orbitIcon 20s linear infinite;\n  z-index: 2;\n  opacity: 0.8;\n}\n\n.icon:nth-child(2) { top: 10%; left: 50%; animation-delay: 0s; }\n.icon:nth-child(3) { top: 70%; left: 20%; animation-delay: 5s; }\n.icon:nth-child(4) { top: 40%; left: 80%; animation-delay: 10s; }\n.icon:nth-child(5) { top: 85%; left: 60%; animation-delay: 15s; }\n\n@keyframes orbitIcon {\n  0% { transform: translateY(0) rotate(0deg); }\n  50% { transform: translateY(-25px) rotate(180deg); }\n  100% { transform: translateY(0) rotate(360deg); }\n}\n\n\/* ===== Contact Container ===== *\/\n.contact-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 1rem;\n  position: relative;\n  z-index: 3;\n}\n\n.contact-header {\n  margin: 0 auto;\n  max-width: 48rem;\n  text-align: center;\n  margin-bottom: 2rem;\n}\n\n\/* ===== Contact Card ===== *\/\n.contact-form-container {\n  margin: 2.5rem auto 0;\n  max-width: 600px;\n}\n\n.contact-card {\n  background: rgba(255,255,255,0.15);\n  border-radius: 1.5rem;\n  padding: 2.5rem;\n  width: 100%;\n  backdrop-filter: blur(18px);\n  box-shadow: 0 15px 45px rgba(0,0,0,0.3),\n              0 0 25px rgba(240,86,56,0.4);\n  animation: floatUp 1s ease;\n  transform: translateY(0);\n}\n\n@keyframes floatUp {\n  from { opacity: 0; transform: translateY(50px) scale(0.95); }\n  to { opacity: 1; transform: translateY(0) scale(1); }\n}\n\n.contact-title {\n  font-size: 2rem;\n  font-weight: 800;\n  margin-bottom: 0.5rem;\n  text-align: center;\n  color: #fff;\n  text-shadow: 0 2px 10px rgba(0,0,0,0.3);\n}\n\n@media (min-width: 768px) {\n  .contact-title {\n    font-size: 2.25rem;\n  }\n}\n\n.contact-description {\n  text-align: center;\n  font-size: 1rem;\n  color: #eee;\n  margin-bottom: 2rem;\n  line-height: 1.6;\n}\n\n\/* ===== Form Styles ===== *\/\n.contact-form {\n  display: flex;\n  flex-direction: column;\n  gap: 1.2rem;\n  direction: ltr;\n}\n\n.contact-form input[name=\"website\"] {\n  display: none;\n}\n\n.form-grid {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 1rem;\n}\n\n@media (min-width: 640px) {\n  .form-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n.form-field {\n  text-align: left;\n}\n\n.form-label {\n  display: block;\n  margin-bottom: 0.5rem;\n  font-size: 0.9rem;\n  font-weight: 600;\n  line-height: 1;\n  color: #fff;\n  text-shadow: 0 1px 3px rgba(0,0,0,0.3);\n}\n\n.form-input,\n.form-textarea {\n  display: flex;\n  width: 100%;\n  border-radius: 0.75rem;\n  border: none;\n  background-color: rgba(255,255,255,0.8);\n  padding: 0.9rem 1rem;\n  font-size: 1rem;\n  color: #222;\n  transition: all 0.3s ease;\n}\n\n.form-input {\n  height: 2.5rem;\n}\n\n.form-textarea {\n  min-height: 120px;\n  resize: vertical;\n}\n\n@media (min-width: 768px) {\n  .form-input,\n  .form-textarea {\n    font-size: 0.875rem;\n  }\n}\n\n.form-input:focus,\n.form-textarea:focus {\n  outline: none;\n  background: #fff;\n  box-shadow: 0 0 12px #22BEC8;\n  transform: translateY(-2px);\n}\n\n.form-input::placeholder,\n.form-textarea::placeholder {\n  color: #9ca3af;\n}\n\n.form-input:disabled,\n.form-textarea:disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.form-button-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.75rem;\n  margin-top: 0.5rem;\n}\n\n.form-submit-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  white-space: nowrap;\n  border-radius: 0.9rem;\n  font-size: 1rem;\n  font-weight: 700;\n  padding: 0.9rem 1.5rem;\n  min-height: 2.5rem;\n  width: 100%;\n  background: linear-gradient(135deg, #F05638, #FCD93E, #22BEC8);\n  color: white;\n  border: none;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  box-shadow: 0 6px 20px rgba(240,86,56,0.4);\n  text-decoration: none;\n}\n\n.form-submit-btn:hover {\n  background: linear-gradient(135deg, #22BEC8, #FCD93E, #F05638);\n  box-shadow: 0 10px 25px rgba(252,217,62,0.6);\n  transform: translateY(-3px) scale(1.03);\n}\n\n.form-submit-btn:active {\n  transform: translateY(2px) scale(0.98);\n}\n\n.form-submit-btn:focus {\n  outline: none;\n  box-shadow: 0 0 0 2px rgba(37, 126, 76, 0.2);\n}\n\n.form-submit-btn:disabled {\n  pointer-events: none;\n  opacity: 0.5;\n}\n\n.message-field {\n  grid-column: 1 \/ -1;\n}\n\n\/* Status *\/\n#intl-form-status {\n  margin-top: 1rem;\n  text-align: center;\n  font-weight: 600;\n  color: #fff;\n  text-shadow: 0 1px 3px rgba(0,0,0,0.3);\n}\n\n\/* ===== Success Popup Styles ===== *\/\n.intl-popup-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.7);\n  display: none;\n  align-items: center;\n  justify-content: center;\n  z-index: 9999;\n  backdrop-filter: blur(8px);\n  animation: fadeIn 0.3s ease;\n}\n\n.intl-popup-container {\n  background: rgba(255, 255, 255, 0.95);\n  border-radius: 1.5rem;\n  padding: 2.5rem;\n  max-width: 450px;\n  width: 90%;\n  text-align: center;\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);\n  position: relative;\n  animation: slideUp 0.4s ease;\n  backdrop-filter: blur(20px);\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n@keyframes slideUp {\n  from { \n    opacity: 0;\n    transform: translateY(30px) scale(0.95);\n  }\n  to { \n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n\n.intl-popup-icon {\n  font-size: 4rem;\n  margin-bottom: 1rem;\n  animation: bounceIn 0.6s ease;\n}\n\n@keyframes bounceIn {\n  0% {\n    opacity: 0;\n    transform: scale(0.3);\n  }\n  50% {\n    opacity: 1;\n    transform: scale(1.1);\n  }\n  70% {\n    transform: scale(0.9);\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n.intl-popup-title {\n  font-size: 1.8rem;\n  font-weight: 800;\n  margin-bottom: 1rem;\n  color: #22BEC8;\n  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n\n.intl-popup-message {\n  font-size: 1.1rem;\n  color: #555;\n  margin-bottom: 2rem;\n  line-height: 1.6;\n}\n\n.intl-popup-button {\n  background: linear-gradient(135deg, #F05638, #FCD93E);\n  color: white;\n  border: none;\n  padding: 0.9rem 2rem;\n  border-radius: 0.9rem;\n  font-size: 1rem;\n  font-weight: 700;\n  cursor: pointer;\n  transition: all 0.3s ease;\n  box-shadow: 0 6px 20px rgba(240, 86, 56, 0.4);\n  min-width: 120px;\n}\n\n.intl-popup-button:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 10px 25px rgba(252, 217, 62, 0.6);\n}\n\n.intl-popup-close {\n  position: absolute;\n  top: 1rem;\n  right: 1rem;\n  background: none;\n  border: none;\n  font-size: 1.5rem;\n  color: #999;\n  cursor: pointer;\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s ease;\n}\n\n.intl-popup-close:hover {\n  background: rgba(0, 0, 0, 0.1);\n  color: #666;\n}\n\n\/* Error popup styles *\/\n.intl-popup-error .intl-popup-title {\n  color: #F05638;\n}\n\n.intl-popup-error .intl-popup-icon {\n  color: #F05638;\n}\n\n.intl-popup-error .intl-popup-button {\n  background: linear-gradient(135deg, #F05638, #e74c3c);\n}\n\n\/* Loading popup styles *\/\n.intl-popup-loading .intl-popup-icon {\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n<\/style>\n\n<div id=\"international-form-container\" style=\"display: none;\">\n  <section id=\"intl-contact\" class=\"contact-section\">\n    <!-- Orbits -->\n    <div class=\"orbit one\"><\/div>\n    <div class=\"orbit two\"><\/div>\n    <div class=\"orbit three\"><\/div>\n    \n    <div class=\"contact-container\">\n      <header class=\"contact-header\">\n        <h2 class=\"contact-title\">Contact Us<\/h2>\n        <p class=\"contact-description\">Restaurant ERP System for managing orders and inventory with ease<\/p>\n      <\/header>\n      \n      <div class=\"contact-form-container\">\n        <div class=\"contact-card\">\n          <form id=\"international-referral-form\" class=\"contact-form\" dir=\"ltr\">\n            <!-- Honeypot for spam protection (hidden) -->\n            <input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\" style=\"position:absolute; left:-9999px; opacity:0;\">\n            <!-- Hidden referral token field auto-filled from URL -->\n            <input type=\"hidden\" id=\"intl_ref_token\" name=\"ref_token\" value=\"\">\n            \n            <!-- Name and Phone -->\n            <div class=\"form-grid\">\n              <div class=\"form-field\">\n                <label class=\"form-label\" for=\"intl_name\">Full Name<\/label>\n                <input class=\"form-input\" id=\"intl_name\" name=\"name\" placeholder=\"e.g. John Smith\" required>\n              <\/div>\n              <div class=\"form-field\">\n                <label class=\"form-label\" for=\"intl_phone\">Phone Number<\/label>\n                <input class=\"form-input\" id=\"intl_phone\" name=\"phone\" placeholder=\"+1234567890\" required>\n              <\/div>\n            <\/div>\n            \n            <!-- Email and Company -->\n            <div class=\"form-grid\">\n              <div class=\"form-field\">\n                <label class=\"form-label\" for=\"intl_email\">Email (Optional)<\/label>\n                <input class=\"form-input\" type=\"email\" id=\"intl_email\" name=\"email\" placeholder=\"you@company.com\">\n              <\/div>\n              <div class=\"form-field\">\n                <label class=\"form-label\" for=\"intl_company\">Business Name (Optional)<\/label>\n                <input class=\"form-input\" id=\"intl_company\" name=\"company\" placeholder=\"Restaurant\/Cafe Name\">\n              <\/div>\n            <\/div>\n            \n            <!-- Message -->\n            <div class=\"form-field message-field\">\n              <label class=\"form-label\" for=\"intl_message\">How can we help you?<\/label>\n              <textarea class=\"form-textarea\" id=\"intl_message\" name=\"message\" rows=\"5\" placeholder=\"Tell us about your needs or problems you'd like to solve\" required><\/textarea>\n            <\/div>\n            \n            <!-- Submit Button -->\n            <div class=\"form-button-container\">\n              <button class=\"form-submit-btn\" type=\"submit\">Send Message<\/button>\n            <\/div>\n            \n            <!-- Status message -->\n            <div id=\"intl-form-status\"><\/div>\n          <\/form>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n<!-- International Success Popup -->\n<div id=\"intl-success-popup\" class=\"intl-popup-overlay\">\n  <div class=\"intl-popup-container\">\n    <button class=\"intl-popup-close\">&times;<\/button>\n    <div class=\"intl-popup-icon\">\ud83c\udf89<\/div>\n    <h2 class=\"intl-popup-title\">Success!<\/h2>\n    <p class=\"intl-popup-message\">Your message has been sent successfully. We'll contact you soon.<\/p>\n    <button class=\"intl-popup-button\">Great!<\/button>\n  <\/div>\n<\/div>\n\n<!-- International Error Popup -->\n<div id=\"intl-error-popup\" class=\"intl-popup-overlay intl-popup-error\">\n  <div class=\"intl-popup-container\">\n    <button class=\"intl-popup-close\">&times;<\/button>\n    <div class=\"intl-popup-icon\">\u26a0\ufe0f<\/div>\n    <h2 class=\"intl-popup-title\">Oops!<\/h2>\n    <p class=\"intl-popup-message\" id=\"intl-error-message\">Something went wrong. Please try again.<\/p>\n    <button class=\"intl-popup-button\">Try Again<\/button>\n  <\/div>\n<\/div>\n\n<!-- International Loading Popup -->\n<div id=\"intl-loading-popup\" class=\"intl-popup-overlay intl-popup-loading\">\n  <div class=\"intl-popup-container\">\n    <div class=\"intl-popup-icon\">\u23f3<\/div>\n    <h2 class=\"intl-popup-title\">Sending...<\/h2>\n    <p class=\"intl-popup-message\">Please wait while we send your message.<\/p>\n  <\/div>\n<\/div>\n\n<!-- SOURCE TRACKING SCRIPT -->\n<script>\n\/\/ Source tracking without UTM requirement\n(function() {\n    'use strict';\n    \n    \/\/ Function to detect source from referrer and other signals\n    function detectVisitorSource() {\n        const referrer = document.referrer;\n        const currentURL = window.location.href;\n        const currentDomain = window.location.hostname;\n        \n        \/\/ Check URL parameters first (UTM or custom)\n        const urlParams = new URLSearchParams(window.location.search);\n        const utmSource = urlParams.get('utm_source');\n        const fbclid = urlParams.get('fbclid');\n        const gclid = urlParams.get('gclid');\n        const ttclid = urlParams.get('ttclid');\n        \n        \/\/ Priority detection\n        if (utmSource) {\n            return {\n                source: utmSource,\n                medium: urlParams.get('utm_medium') || 'unknown',\n                campaign: urlParams.get('utm_campaign') || 'none',\n                method: 'utm_parameter'\n            };\n        }\n        \n        if (fbclid) {\n            return {\n                source: 'facebook',\n                medium: 'social',\n                campaign: 'facebook_ads',\n                method: 'fbclid_parameter'\n            };\n        }\n        \n        if (gclid) {\n            return {\n                source: 'google',\n                medium: 'cpc',\n                campaign: 'google_ads',\n                method: 'gclid_parameter'\n            };\n        }\n        \n        if (ttclid) {\n            return {\n                source: 'tiktok',\n                medium: 'social',\n                campaign: 'tiktok_ads',\n                method: 'ttclid_parameter'\n            };\n        }\n        \n        if (!referrer) {\n            return {\n                source: 'direct',\n                medium: 'direct',\n                campaign: 'none',\n                method: 'no_referrer'\n            };\n        }\n        \n        try {\n            const referrerDomain = new URL(referrer).hostname;\n            if (referrerDomain === currentDomain || \n                referrerDomain.replace('www.', '') === currentDomain.replace('www.', '')) {\n                return {\n                    source: 'direct',\n                    medium: 'direct',\n                    campaign: 'none',\n                    method: 'same_domain_referrer'\n                };\n            }\n        } catch (e) {\n            return {\n                source: 'direct',\n                medium: 'direct',\n                campaign: 'none',\n                method: 'invalid_referrer'\n            };\n        }\n        \n        const hostname = new URL(referrer).hostname.toLowerCase();\n        \n        if (hostname.includes('facebook.com') || hostname.includes('fb.com') || hostname.includes('m.facebook.com')) {\n            return { source: 'facebook', medium: 'social', campaign: 'organic_social', method: 'referrer_analysis' };\n        }\n        if (hostname.includes('instagram.com')) {\n            return { source: 'instagram', medium: 'social', campaign: 'organic_social', method: 'referrer_analysis' };\n        }\n        if (hostname.includes('tiktok.com')) {\n            return { source: 'tiktok', medium: 'social', campaign: 'organic_social', method: 'referrer_analysis' };\n        }\n        if (hostname.includes('twitter.com') || hostname.includes('t.co')) {\n            return { source: 'twitter', medium: 'social', campaign: 'organic_social', method: 'referrer_analysis' };\n        }\n        if (hostname.includes('linkedin.com')) {\n            return { source: 'linkedin', medium: 'social', campaign: 'organic_social', method: 'referrer_analysis' };\n        }\n        if (hostname.includes('youtube.com')) {\n            return { source: 'youtube', medium: 'social', campaign: 'organic_social', method: 'referrer_analysis' };\n        }\n        if (hostname.includes('whatsapp.com') || hostname.includes('wa.me')) {\n            return { source: 'whatsapp', medium: 'messaging', campaign: 'organic_messaging', method: 'referrer_analysis' };\n        }\n        if (hostname.includes('telegram.org') || hostname.includes('t.me')) {\n            return { source: 'telegram', medium: 'messaging', campaign: 'organic_messaging', method: 'referrer_analysis' };\n        }\n        if (hostname.includes('google.')) {\n            if (referrer.includes('gclid=') || referrer.includes('\/aclk?') || referrer.includes('googleadservices.com')) {\n                return { source: 'google', medium: 'cpc', campaign: 'google_ads', method: 'referrer_analysis' };\n            }\n            return { source: 'google', medium: 'organic', campaign: 'organic_search', method: 'referrer_analysis' };\n        }\n        if (hostname.includes('bing.com')) {\n            return { source: 'bing', medium: 'organic', campaign: 'organic_search', method: 'referrer_analysis' };\n        }\n        if (hostname.includes('yahoo.com')) {\n            return { source: 'yahoo', medium: 'organic', campaign: 'organic_search', method: 'referrer_analysis' };\n        }\n        if (hostname.includes('duckduckgo.com')) {\n            return { source: 'duckduckgo', medium: 'organic', campaign: 'organic_search', method: 'referrer_analysis' };\n        }\n        \n        return {\n            source: hostname,\n            medium: 'referral',\n            campaign: 'referral_traffic',\n            method: 'referrer_analysis'\n        };\n    }\n    \n    function storeSourceData() {\n        const sourceData = detectVisitorSource();\n        const timestamp = new Date().toISOString();\n        \n        const trackingData = {\n            ...sourceData,\n            landing_page: window.location.href,\n            timestamp: timestamp,\n            user_agent: navigator.userAgent,\n            screen_resolution: screen.width + 'x' + screen.height\n        };\n        \n        sessionStorage.setItem('visitor_source', JSON.stringify(trackingData));\n        \n        const expires = new Date(Date.now() + 30 * 24 * 60 * 60 * 1000).toUTCString();\n        document.cookie = `visitor_source=${encodeURIComponent(JSON.stringify(trackingData))}; expires=${expires}; path=\/; SameSite=Lax`;\n        \n        console.log('International Form - Source tracking data stored:', trackingData);\n        return trackingData;\n    }\n    \n    function getStoredSourceData() {\n        let data = sessionStorage.getItem('visitor_source');\n        if (data) {\n            try {\n                return JSON.parse(data);\n            } catch (e) {\n                console.error('Error parsing session storage data:', e);\n            }\n        }\n        \n        const cookies = document.cookie.split(';');\n        for (let cookie of cookies) {\n            const [name, value] = cookie.trim().split('=');\n            if (name === 'visitor_source' && value) {\n                try {\n                    return JSON.parse(decodeURIComponent(value));\n                } catch (e) {\n                    console.error('Error parsing cookie data:', e);\n                }\n            }\n        }\n        \n        return null;\n    }\n    \n    document.addEventListener('DOMContentLoaded', function() {\n        const stored = getStoredSourceData();\n        const hasUTMParams = window.location.search.includes('utm_') || \n                            window.location.search.includes('fbclid') || \n                            window.location.search.includes('gclid') ||\n                            window.location.search.includes('ttclid');\n        \n        if (!stored || hasUTMParams) {\n            storeSourceData();\n        }\n    });\n    \n    window.getVisitorSource = getStoredSourceData;\n    window.storeNewSourceData = storeSourceData;\n    \n})();\n<\/script>\n\n<!-- MAIN INTERNATIONAL FORM SCRIPT WITH POPUP -->\n<script>\n(function() {\n    'use strict';\n    \n    console.log('=== INTERNATIONAL FORM SCRIPT LOADED ===');\n    \n    window.dataLayer = window.dataLayer || [];\n    \n    \/\/ Popup management functions\n    function showIntlPopup(type, message = '') {\n        const popup = document.getElementById(`intl-${type}-popup`);\n        if (popup) {\n            if (message && type === 'error') {\n                document.getElementById('intl-error-message').textContent = message;\n            }\n            popup.style.display = 'flex';\n        }\n    }\n\n    function hideIntlPopup(type) {\n        const popup = document.getElementById(`intl-${type}-popup`);\n        if (popup) {\n            popup.style.display = 'none';\n        }\n    }\n    \n    \/\/ Close popups when clicking close button or overlay\n    document.querySelectorAll('.intl-popup-close, .intl-popup-button').forEach(button => {\n        button.addEventListener('click', function() {\n            this.closest('.intl-popup-overlay').style.display = 'none';\n        });\n    });\n\n    document.querySelectorAll('.intl-popup-overlay').forEach(overlay => {\n        overlay.addEventListener('click', function(e) {\n            if (e.target === this) {\n                this.style.display = 'none';\n            }\n        });\n    });\n\n    document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape') {\n            document.querySelectorAll('.intl-popup-overlay').forEach(popup => {\n                popup.style.display = 'none';\n            });\n        }\n    });\n    \n    \/\/ IP Detection and Form Display\n    console.log('=== INTERNATIONAL IP LOCATOR DEBUG START ===');\n    fetch('https:\/\/ipapi.co\/json\/')\n        .then(response => response.json())\n        .then(data => {\n            console.log('International Form - IP API Response:', data);\n            \n            const countryCode = data.country_code || data.country;\n            const countryName = data.country_name;\n            const detectedIP = data.ip;\n            \n            console.log('International Form - Detected IP:', detectedIP);\n            console.log('International Form - Country Code:', countryCode);\n            console.log('International Form - Country Name:', countryName);\n            \n            const isNotEgypt = (countryCode !== 'EG');\n            console.log('International Form - Is NOT Egypt:', isNotEgypt);\n            \n            if (isNotEgypt) {\n                console.log('\u2705 SHOWING INTERNATIONAL FORM - Non-Egypt visitor detected');\n                document.getElementById('international-form-container').style.display = 'block';\n                \n                const sourceData = window.getVisitorSource ? window.getVisitorSource() : null;\n                \n                window.dataLayer.push({\n                    'event': 'form_displayed',\n                    'form_name': 'international_contact_form',\n                    'form_id': 'international-referral-form',\n                    'form_type': 'contact_form',\n                    'visitor_country': countryCode,\n                    'visitor_country_name': countryName,\n                    'visitor_ip': detectedIP,\n                    'form_target_audience': 'international_visitors',\n                    'page_location': window.location.href,\n                    'source_tracking': sourceData ? {\n                        'visitor_source': sourceData.source,\n                        'visitor_medium': sourceData.medium,\n                        'visitor_campaign': sourceData.campaign,\n                        'detection_method': sourceData.method\n                    } : null,\n                    'timestamp': new Date().toISOString()\n                });\n            } else {\n                console.log('\u274c HIDING INTERNATIONAL FORM - Egypt visitor detected');\n                document.getElementById('international-form-container').style.display = 'none';\n            }\n            console.log('=== INTERNATIONAL IP LOCATOR DEBUG END ===');\n        })\n        .catch(error => {\n            console.error('International Form - Error detecting country:', error);\n            console.log('\u26a0\ufe0f International Form - Error occurred - showing form as fallback');\n            document.getElementById('international-form-container').style.display = 'block';\n        });\n    \n    \/\/ DOM Ready Handler\n    document.addEventListener('DOMContentLoaded', function() {\n        console.log('International Form - DOM Content Loaded');\n        \n        setTimeout(function() {\n            console.log('International Form - Initializing form after delay');\n            initializeIntlForm();\n        }, 500);\n    });\n    \n    \/\/ Form Initialization\n    function initializeIntlForm() {\n        const form = document.getElementById('international-referral-form');\n        \n        if (!form) {\n            console.error('International Form - CRITICAL: Form element NOT FOUND!');\n            return;\n        }\n        \n        console.log('\u2705 International Form - Form element found successfully');\n        \n        \/\/ Fill referral token from URL\n        const params = new URLSearchParams(window.location.search);\n        const token = params.get('ref_token');\n        if (token) {\n            const refTokenInput = document.getElementById('intl_ref_token');\n            if (refTokenInput) {\n                refTokenInput.value = token;\n                console.log('International Form - Referral token set:', token);\n                \n                window.dataLayer.push({\n                    'event': 'referral_token_detected',\n                    'form_name': 'international_contact_form',\n                    'referral_token': token,\n                    'timestamp': new Date().toISOString()\n                });\n            }\n        }\n        \n        \/\/ Track form view\n        const sourceData = window.getVisitorSource ? window.getVisitorSource() : null;\n        window.dataLayer.push({\n            'event': 'form_view',\n            'form_name': 'international_contact_form',\n            'form_id': 'international-referral-form',\n            'form_type': 'contact_form',\n            'page_location': window.location.href,\n            'language': 'en',\n            'source_tracking': sourceData ? {\n                'visitor_source': sourceData.source,\n                'visitor_medium': sourceData.medium,\n                'visitor_campaign': sourceData.campaign,\n                'detection_method': sourceData.method\n            } : null\n        });\n        \n        \/\/ Track field interactions\n        setupIntlFieldTracking(form);\n        \n        \/\/ Attach form submit handler\n        form.addEventListener('submit', handleIntlFormSubmit);\n        console.log('\u2705 International Form - Submit handler attached');\n    }\n    \n    \/\/ Field Interaction Tracking\n    function setupIntlFieldTracking(form) {\n        let formStarted = false;\n        const formInputs = form.querySelectorAll('input:not([name=\"website\"]):not([type=\"hidden\"]), textarea');\n        \n        console.log('International Form - Setting up tracking for', formInputs.length, 'fields');\n        \n        formInputs.forEach(function(input) {\n            input.addEventListener('focus', function() {\n                if (!formStarted) {\n                    formStarted = true;\n                    window.dataLayer.push({\n                        'event': 'form_start',\n                        'form_name': 'international_contact_form',\n                        'form_id': 'international-referral-form',\n                        'first_field': this.name || this.id,\n                        'timestamp': new Date().toISOString()\n                    });\n                }\n            });\n        });\n    }\n    \n    \/\/ Form Submit Handler\n    function handleIntlFormSubmit(event) {\n        event.preventDefault();\n        console.log('\ud83d\ude80 International Form - Form submit triggered!');\n        \n        const form = event.target;\n        const submitButton = form.querySelector('.form-submit-btn');\n        \n        if (submitButton) {\n            submitButton.disabled = true;\n        }\n        \n        showIntlPopup('loading');\n        \n        const sourceData = window.getVisitorSource ? window.getVisitorSource() : null;\n        \n        const formData = {\n            ref_token: document.getElementById('intl_ref_token').value || '',\n            website: document.querySelector('#international-referral-form input[name=\"website\"]').value || '',\n            name: document.getElementById('intl_name').value || '',\n            phone: document.getElementById('intl_phone').value || '',\n            email: document.getElementById('intl_email').value || '',\n            company: document.getElementById('intl_company').value || '',\n            message: document.getElementById('intl_message').value || '',\n            visitor_source: sourceData ? sourceData.source : 'unknown',\n            visitor_medium: sourceData ? sourceData.medium : 'unknown',\n            visitor_campaign: sourceData ? sourceData.campaign : 'unknown',\n            detection_method: sourceData ? sourceData.method : 'unknown',\n            landing_page: sourceData ? sourceData.landing_page : window.location.href,\n            referrer: document.referrer || 'direct'\n        };\n        \n        console.log('International Form - Form data to send:', formData);\n        \n        window.dataLayer.push({\n            'event': 'form_submit',\n            'form_name': 'international_contact_form',\n            'timestamp': new Date().toISOString()\n        });\n        \n        const proxyUrl = '\/wp-content\/themes\/astra\/odoo-proxy.php';\n        \n        fetch(proxyUrl, {\n            method: 'POST',\n            headers: {\n                'Content-Type': 'application\/json'\n            },\n            body: JSON.stringify(formData),\n            credentials: 'omit'\n        })\n        .then(function(response) {\n            console.log('International Form - Response status:', response.status);\n            \n            if (!response.ok) {\n                throw new Error('HTTP error! Status: ' + response.status);\n            }\n            \n            return response.text();\n        })\n        .then(function(text) {\n            console.log('International Form - Raw response:', text);\n            \n            let json;\n            try {\n                json = JSON.parse(text);\n            } catch (parseError) {\n                throw new Error('Invalid JSON response');\n            }\n            \n            const result = json.result || json;\n            console.log('International Form - Result:', result);\n            \n            hideIntlPopup('loading');\n            \n            if (result.status === 'ok' || result.status === 'success') {\n                console.log('\u2705 International Form - Success!');\n                \n                showIntlPopup('success');\n                \n                window.dataLayer.push({\n                    'event': 'form_success_SA',\n                    'form_name': 'international_contact_form',\n                    'conversion_value': 1,\n                    'timestamp': new Date().toISOString()\n                });\n                \n                window.dataLayer.push({\n                    'event': 'conversion',\n                    'conversion_type': 'contact_form_submission',\n                    'conversion_name': 'international_referral_lead',\n                    'timestamp': new Date().toISOString()\n                });\n                \n                form.reset();\n                \n                const params = new URLSearchParams(window.location.search);\n                const token = params.get('ref_token');\n                if (token) {\n                    document.getElementById('intl_ref_token').value = token;\n                }\n                \n            } else {\n                console.error('International Form - Server error:', result.error);\n                \n                showIntlPopup('error', result.error || 'Please try again later.');\n                \n                window.dataLayer.push({\n                    'event': 'form_error',\n                    'form_name': 'international_contact_form',\n                    'error_type': 'server_error',\n                    'timestamp': new Date().toISOString()\n                });\n            }\n            \n            if (submitButton) {\n                submitButton.disabled = false;\n            }\n        })\n        .catch(function(error) {\n            console.error('\u274c International Form - Error:', error);\n            \n            hideIntlPopup('loading');\n            \n            showIntlPopup('error', 'Cannot connect to server. Please try again.');\n            \n            if (submitButton) {\n                submitButton.disabled = false;\n            }\n            \n            window.dataLayer.push({\n                'event': 'form_error',\n                'form_name': 'international_contact_form',\n                'error_type': 'network_error',\n                'timestamp': new Date().toISOString()\n            });\n        });\n    }\n    \n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Always have complete control at any moment. \u2630 \u2716 Home Solutions Hardware Pricing EN | AR EN | AR The [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"disabled","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"disabled","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"disabled","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-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":"","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-4)","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-4)","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-4)","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-89","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ads.fodoapps.com\/en\/wp-json\/wp\/v2\/pages\/89","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ads.fodoapps.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ads.fodoapps.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ads.fodoapps.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ads.fodoapps.com\/en\/wp-json\/wp\/v2\/comments?post=89"}],"version-history":[{"count":150,"href":"https:\/\/ads.fodoapps.com\/en\/wp-json\/wp\/v2\/pages\/89\/revisions"}],"predecessor-version":[{"id":839,"href":"https:\/\/ads.fodoapps.com\/en\/wp-json\/wp\/v2\/pages\/89\/revisions\/839"}],"wp:attachment":[{"href":"https:\/\/ads.fodoapps.com\/en\/wp-json\/wp\/v2\/media?parent=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}