{"id":343,"date":"2025-10-11T08:12:56","date_gmt":"2025-10-11T08:12:56","guid":{"rendered":"https:\/\/umrahajjadvisor.com\/blog\/?page_id=343"},"modified":"2025-10-14T16:20:35","modified_gmt":"2025-10-14T16:20:35","slug":"home","status":"publish","type":"page","link":"https:\/\/umrahajjadvisor.com\/blog\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"x-default\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n    <!-- Balises SEO -->\n    <title>Umrah &#038; Hajj Advisor Blog | English &#038; French Articles<\/title>\n    <meta name=\"description\" content=\"Explore our Umrah &#038; Hajj Advisor Blog. Read English and French articles on Hajj preparation, Umrah tips, travel agencies, and spiritual guidance.\">\n    \n    <!-- \ud83c\udf0d Hreflang for SEO -->\n    <link rel=\"alternate\" hreflang=\"en\" href=\"https:\/\/umrahajjadvisor.com\/blog\/en\/\" \/>\n    <link rel=\"alternate\" hreflang=\"fr\" href=\"https:\/\/umrahajjadvisor.com\/blog\/fr\/\" \/>\n    <link rel=\"alternate\" hreflang=\"x-default\" href=\"https:\/\/umrahajjadvisor.com\/blog\/\" \/>\n\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n            background: linear-gradient(135deg, #f5f1ea 0%, #e8dfd0 100%);\n            color: #1a1a1a;\n            line-height: 1.6;\n            min-height: 100vh;\n            position: relative;\n            overflow-x: hidden;\n        }\n\n        body::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: radial-gradient(circle at 20% 50%, rgba(45, 122, 95, 0.05) 0%, transparent 50%),\n                        radial-gradient(circle at 80% 80%, rgba(45, 122, 95, 0.05) 0%, transparent 50%);\n            pointer-events: none;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 4rem 1.5rem;\n            position: relative;\n            z-index: 1;\n        }\n\n        .content-wrapper {\n            max-width: 900px;\n            margin: 0 auto;\n        }\n\n        .header {\n            text-align: center;\n            margin-bottom: 3.5rem;\n            animation: fadeInDown 0.8s ease-out;\n        }\n\n        @keyframes fadeInDown {\n            from {\n                opacity: 0;\n                transform: translateY(-30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(30px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        .header h1 {\n            font-size: 2.5rem;\n            font-weight: 800;\n            background: linear-gradient(135deg, #1a1a1a 0%, #2d7a5f 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n            margin-bottom: 1rem;\n            letter-spacing: -0.02em;\n        }\n\n        .header p {\n            font-size: 1.25rem;\n            color: #666;\n            font-weight: 400;\n        }\n\n        .cards-grid {\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 2rem;\n        }\n\n        @media (min-width: 768px) {\n            .cards-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n            \n            .header h1 {\n                font-size: 3.5rem;\n            }\n        }\n\n        .language-card {\n            display: block;\n            text-decoration: none;\n            background: white;\n            border: 1px solid rgba(45, 122, 95, 0.1);\n            border-radius: 1rem;\n            padding: 2.5rem;\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05), 0 10px 20px rgba(0, 0, 0, 0.03);\n            position: relative;\n            overflow: hidden;\n            animation: fadeInUp 0.8s ease-out;\n            animation-fill-mode: both;\n        }\n\n        .language-card:nth-child(1) {\n            animation-delay: 0.1s;\n        }\n\n        .language-card:nth-child(2) {\n            animation-delay: 0.2s;\n        }\n\n        .language-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(135deg, rgba(45, 122, 95, 0.03) 0%, transparent 100%);\n            opacity: 0;\n            transition: opacity 0.4s ease;\n        }\n\n        .language-card:hover {\n            transform: translateY(-8px) scale(1.02);\n            box-shadow: 0 12px 24px rgba(45, 122, 95, 0.15), 0 20px 40px rgba(45, 122, 95, 0.1);\n            border-color: rgba(45, 122, 95, 0.2);\n        }\n\n        .language-card:hover::before {\n            opacity: 1;\n        }\n\n        .card-header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            margin-bottom: 1.5rem;\n            position: relative;\n            z-index: 1;\n        }\n\n        .flag {\n            font-size: 4.5rem;\n            line-height: 1;\n            filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));\n            transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n        }\n\n        .language-card:hover .flag {\n            transform: scale(1.1) rotate(5deg);\n        }\n\n        .arrow {\n            width: 28px;\n            height: 28px;\n            color: #2d7a5f;\n            opacity: 0;\n            transform: translateX(-10px);\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            filter: drop-shadow(0 2px 4px rgba(45, 122, 95, 0.3));\n        }\n\n        .language-card:hover .arrow {\n            opacity: 1;\n            transform: translateX(0);\n        }\n\n        .card-title {\n            font-size: 1.75rem;\n            font-weight: 700;\n            color: #1a1a1a;\n            margin-bottom: 0.5rem;\n            position: relative;\n            z-index: 1;\n            letter-spacing: -0.01em;\n        }\n\n        .card-description {\n            font-size: 1.05rem;\n            color: #666;\n            line-height: 1.6;\n            position: relative;\n            z-index: 1;\n        }\n\n        footer {\n            margin-top: 3rem;\n            text-align: center;\n            font-size: 1rem;\n            color: #444;\n            line-height: 1.7;\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"container\">\n        <div class=\"content-wrapper\">\n            <header class=\"header\">\n                <h1>Welcome to Umrah &#038; Hajj Advisor Blog<\/h1>\n                <p>Select your preferred language to explore articles, guides, and tips \/ S\u00e9lectionnez votre langue pour acc\u00e9der \u00e0 nos articles, guides et astuces<\/p>\n            <\/header>\n\n            <div class=\"cards-grid\">\n                <!-- English Blog Card -->\n                <a href=\"\/blog\/en\/\" lang=\"en\" hreflang=\"en\" class=\"language-card\" aria-label=\"English Blog\">\n                    <div class=\"card-header\">\n                        <span class=\"flag\">\ud83c\uddec\ud83c\udde7<\/span>\n                        <svg class=\"arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 7l5 5m0 0l-5 5m5-5H6\" \/>\n                        <\/svg>\n                    <\/div>\n                    <h2 class=\"card-title\">English Blog<\/h2>\n                    <p class=\"card-description\">Read guides, tips, and news in English<\/p>\n                <\/a>\n\n                <!-- French Blog Card -->\n                <a href=\"\/blog\/fr\/\" lang=\"fr\" hreflang=\"fr\" class=\"language-card\" aria-label=\"Blog Fran\u00e7ais\">\n                    <div class=\"card-header\">\n                        <span class=\"flag\">\ud83c\uddeb\ud83c\uddf7<\/span>\n                        <svg class=\"arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 7l5 5m0 0l-5 5m5-5H6\" \/>\n                        <\/svg>\n                    <\/div>\n                    <h2 class=\"card-title\">Blog Fran\u00e7ais<\/h2>\n                    <p class=\"card-description\">Acc\u00e9dez aux articles, guides et conseils en fran\u00e7ais<\/p>\n                <\/a>\n            <\/div>\n            <section style=\"margin-top:3rem; text-align:center; font-size:1rem; color:#555;\">\n                <h2>About Umrah &#038; Hajj Advisor Blog<\/h2>\n      <p>Welcome to the Umrah &#038; Hajj Advisor Blog \u2014 a space dedicated to guiding pilgrims with reliable information, expert tips, and verified agency insights. Whether you\u2019re preparing for Hajj or Umrah, our bilingual content in English and French helps you plan your spiritual journey with confidence. Explore authentic reviews, spiritual reflections, and travel advice from experienced pilgrims worldwide.<\/p>\n      <p><strong>Explorez nos articles en anglais et en fran\u00e7ais pour mieux comprendre chaque \u00e9tape du Hajj et de l\u2019Omra<\/strong> \u2014 du choix d\u2019agence aux conseils spirituels. Votre voyage sacr\u00e9 m\u00e9rite une pr\u00e9paration \u00e9clair\u00e9e.<\/p>\n            <\/section>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Umrah &#038; Hajj Advisor Blog | English &#038; French Articles Welcome to Umrah &#038; Hajj Advisor Blog Select your preferred language to explore articles, guides, and tips \/ S\u00e9lectionnez votre langue pour acc\u00e9der \u00e0 nos articles, guides et astuces \ud83c\uddec\ud83c\udde7 English Blog Read guides, tips, and news in English \ud83c\uddeb\ud83c\uddf7 Blog Fran\u00e7ais Acc\u00e9dez aux articles, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-343","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/umrahajjadvisor.com\/blog\/wp-json\/wp\/v2\/pages\/343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/umrahajjadvisor.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/umrahajjadvisor.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/umrahajjadvisor.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/umrahajjadvisor.com\/blog\/wp-json\/wp\/v2\/comments?post=343"}],"version-history":[{"count":2,"href":"https:\/\/umrahajjadvisor.com\/blog\/wp-json\/wp\/v2\/pages\/343\/revisions"}],"predecessor-version":[{"id":386,"href":"https:\/\/umrahajjadvisor.com\/blog\/wp-json\/wp\/v2\/pages\/343\/revisions\/386"}],"wp:attachment":[{"href":"https:\/\/umrahajjadvisor.com\/blog\/wp-json\/wp\/v2\/media?parent=343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}