{"id":8,"date":"2026-04-12T22:12:44","date_gmt":"2026-04-12T22:12:44","guid":{"rendered":"https:\/\/tilaawah.com\/?page_id=8"},"modified":"2026-04-12T23:18:24","modified_gmt":"2026-04-12T23:18:24","slug":"home","status":"publish","type":"page","link":"https:\/\/tilaawah.com\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Premium Quran &#038; Arabic Academy | Online Tutors for Western Muslims<\/title>\n    <meta name=\"description\" content=\"Authentic Quran, Arabic, and Islamic Studies tailored for Muslims in the US, UK, Canada, and Europe. Learn Tajweed and Fusha with certified native tutors.\">\n    \n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500&#038;family=Playfair+Display:ital,wght@0,600;0,700;1,600&#038;display=swap\" rel=\"stylesheet\">\n\n    <script type=\"application\/ld+json\">\n    {\n      \"@context\": \"https:\/\/schema.org\",\n      \"@type\": \"EducationalOrganization\",\n      \"name\": \"Elite Quran & Arabic Academy\",\n      \"description\": \"Premium online academy providing Quranic, Arabic, and Islamic Tarbiyah education for non-Arabic speakers in North America and Europe.\",\n      \"url\": \"https:\/\/your-wordpress-domain.com\",\n      \"logo\": \"https:\/\/your-wordpress-domain.com\/logo.png\",\n      \"offers\": {\n        \"@type\": \"Offer\",\n        \"category\": \"Online Courses\",\n        \"availability\": \"https:\/\/schema.org\/InStock\"\n      },\n      \"knowsAbout\": [\n        \"Quran Memorization\",\n        \"Tajweed Rules\",\n        \"Makharij Al-Huroof\",\n        \"Fusha Arabic (Modern Standard Arabic)\",\n        \"Islamic Tarbiyah\",\n        \"Aqeedah\",\n        \"Ijazah Certification\"\n      ],\n      \"areaServed\": [\"US\", \"CA\", \"GB\", \"EU\"]\n    }\n    <\/script>\n\n    <style>\n        \/* CSS Variables *\/\n        :root {\n            --primary-color: #00B4E1; \/* Requested Brand Color *\/\n            --primary-light: rgba(0, 180, 225, 0.1);\n            --text-dark: #111827;\n            --text-muted: #4B5563;\n            --bg-light: #FAFAFA;\n            --white: #FFFFFF;\n        }\n\n        \/* Reset & Base Styles *\/\n        * { margin: 0; padding: 0; box-sizing: border-box; }\n        body {\n            font-family: 'Inter', sans-serif;\n            color: var(--text-dark);\n            background-color: var(--bg-light);\n            line-height: 1.6;\n            -webkit-font-smoothing: antialiased;\n        }\n        h1, h2, h3, h4 { font-family: 'Playfair Display', serif; }\n        a { text-decoration: none; color: inherit; }\n        \n        \/* Utility Classes *\/\n        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }\n        .text-center { text-align: center; }\n        .btn {\n            display: inline-block;\n            padding: 14px 28px;\n            font-weight: 500;\n            border-radius: 4px;\n            transition: all 0.3s ease;\n            cursor: pointer;\n            border: none;\n        }\n        .btn-primary { background-color: var(--primary-color); color: var(--white); }\n        .btn-primary:hover { background-color: #0099bf; transform: translateY(-2px); }\n        .btn-outline { border: 1px solid var(--primary-color); color: var(--primary-color); }\n        .btn-outline:hover { background-color: var(--primary-light); }\n\n        \/* Header Navigation *\/\n        header {\n            background: var(--white);\n            padding: 20px 0;\n            position: sticky;\n            top: 0;\n            z-index: 100;\n            border-bottom: 1px solid #E5E7EB;\n        }\n        .nav-wrapper { display: flex; justify-content: space-between; align-items: center; }\n        .logo { font-family: 'Playfair Display', serif; font-size: 1.5rem; font-weight: 700; color: var(--primary-color); }\n        .nav-links { display: flex; gap: 32px; list-style: none; font-size: 0.95rem; }\n        .nav-links a:hover { color: var(--primary-color); }\n\n        \/* Hero Section *\/\n        .hero {\n            padding: 100px 0;\n            background: linear-gradient(to right, #ffffff, var(--bg-light));\n            text-align: center;\n        }\n        .hero h1 { font-size: 3.5rem; line-height: 1.2; margin-bottom: 24px; color: var(--text-dark); }\n        .hero h1 span { color: var(--primary-color); font-style: italic; }\n        .hero p { font-size: 1.2rem; color: var(--text-muted); max-width: 600px; margin: 0 auto 40px; }\n        .hero-ctas { display: flex; gap: 16px; justify-content: center; }\n\n        \/* Programs Section - Maintaining Desktop Layout on Mobile *\/\n        .programs { padding: 80px 0; background: var(--white); }\n        .section-header { margin-bottom: 60px; }\n        .section-header h2 { font-size: 2.5rem; margin-bottom: 16px; }\n        \n        \/* The specific layout to prevent stacked cards on mobile *\/\n        .programs-grid {\n            display: flex;\n            flex-wrap: nowrap; \/* Prevents wrapping\/stacking *\/\n            gap: 30px;\n            overflow-x: auto; \/* Enables horizontal scrolling on mobile *\/\n            padding-bottom: 30px;\n            scroll-snap-type: x mandatory;\n            -webkit-overflow-scrolling: touch;\n            scrollbar-width: thin;\n            scrollbar-color: var(--primary-color) #f0f0f0;\n        }\n        .programs-grid::-webkit-scrollbar { height: 6px; }\n        .programs-grid::-webkit-scrollbar-thumb { background: var(--primary-color); border-radius: 10px; }\n\n        .program-card {\n            flex: 0 0 350px; \/* Fixed width to keep them looking like desktop cards *\/\n            background: var(--bg-light);\n            padding: 40px 30px;\n            border-radius: 8px;\n            border: 1px solid #E5E7EB;\n            scroll-snap-align: start;\n            transition: transform 0.3s ease;\n        }\n        .program-card:hover { transform: translateY(-5px); border-color: var(--primary-color); box-shadow: 0 10px 30px rgba(0, 180, 225, 0.05); }\n        .program-icon { width: 50px; height: 50px; background: var(--primary-light); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--primary-color); font-size: 1.5rem; margin-bottom: 24px; }\n        .program-card h3 { font-size: 1.5rem; margin-bottom: 16px; }\n        .program-card p { color: var(--text-muted); font-size: 0.95rem; margin-bottom: 24px; }\n\n        \/* Why Us Section *\/\n        .why-us { padding: 80px 0; background: var(--text-dark); color: var(--white); }\n        .why-us .section-header h2 { color: var(--white); }\n        .why-us .section-header p { color: #9CA3AF; }\n        .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; text-align: center; margin-top: 40px; }\n        .stat-item h4 { font-size: 3rem; color: var(--primary-color); font-family: 'Inter', sans-serif; font-weight: 300; margin-bottom: 8px; }\n        .stat-item p { font-size: 0.9rem; letter-spacing: 1px; text-transform: uppercase; color: #D1D5DB; }\n\n        \/* Footer *\/\n        footer { padding: 40px 0; background: var(--white); border-top: 1px solid #E5E7EB; text-align: center; color: var(--text-muted); font-size: 0.9rem; }\n\n        \/* Media Queries - Adjustments without breaking the desktop card view *\/\n        @media (max-width: 1024px) {\n            .stats-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }\n        }\n        @media (max-width: 768px) {\n            .hero h1 { font-size: 2.5rem; }\n            .nav-links { display: none; \/* Can be replaced with a hamburger menu logic in WP *\/ }\n            \/* Programs grid remains flex-nowrap as requested *\/\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <header>\n        <div class=\"container nav-wrapper\">\n            <div class=\"logo\">Minhaj Academy<\/div>\n            <ul class=\"nav-links\">\n                <li><a href=\"#programs\">Programs<\/a><\/li>\n                <li><a href=\"#methodology\">Methodology<\/a><\/li>\n                <li><a href=\"#tutors\">Our Tutors<\/a><\/li>\n                <li><a href=\"#pricing\">Tuition<\/a><\/li>\n            <\/ul>\n            <a href=\"#book-trial\" class=\"btn btn-primary\">Book Free Trial<\/a>\n        <\/div>\n    <\/header>\n\n    <section class=\"hero\">\n        <div class=\"container\">\n            <h1>Master the Quran &#038; Arabic with <span>Authentic Scholars<\/span><\/h1>\n            <p>Tailored online education for Muslims in the US, UK, Canada, and Europe. Connect with your Deen through structured, 1-on-1 sessions with native experts.<\/p>\n            <div class=\"hero-ctas\">\n                <a href=\"#book-trial\" class=\"btn btn-primary\">Start Your Journey<\/a>\n                <a href=\"#curriculum\" class=\"btn btn-outline\">Explore Curriculum<\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section id=\"programs\" class=\"programs\">\n        <div class=\"container\">\n            <div class=\"section-header text-center\">\n                <h2>Our Core Pathways<\/h2>\n                <p style=\"color: var(--text-muted); max-width: 600px; margin: 0 auto;\">Structured syllabi designed specifically for non-Arabic speakers, bridging the gap between you and classical Islamic knowledge.<\/p>\n            <\/div>\n            \n            <div class=\"programs-grid\">\n                <div class=\"program-card\">\n                    <div class=\"program-icon\">\ud83d\udcd6<\/div>\n                    <h3>Quran &#038; Tajweed<\/h3>\n                    <p>Perfect your recitation with certified tutors. From Noorani Qaida for beginners to advanced Makharij, Hifz (Memorization), and Ijazah tracks.<\/p>\n                    <a href=\"#quran\" style=\"color: var(--primary-color); font-weight: 500;\">Learn more \u2192<\/a>\n                <\/div>\n\n                <div class=\"program-card\">\n                    <div class=\"program-icon\">\u0623<\/div>\n                    <h3>Arabic Language<\/h3>\n                    <p>Master Fusha (Modern Standard Arabic). Develop reading, writing, and conversational skills to understand the Quran directly without translations.<\/p>\n                    <a href=\"#arabic\" style=\"color: var(--primary-color); font-weight: 500;\">Learn more \u2192<\/a>\n                <\/div>\n\n                <div class=\"program-card\">\n                    <div class=\"program-icon\">\ud83d\udd4c<\/div>\n                    <h3>Islamic Tarbiyah<\/h3>\n                    <p>Essential Islamic studies for kids and adults. Comprehensive curriculum covering Aqeedah, Seerah, Fiqh, and everyday Duas tailored for Western Muslims.<\/p>\n                    <a href=\"#tarbiyah\" style=\"color: var(--primary-color); font-weight: 500;\">Learn more \u2192<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <section class=\"why-us\">\n        <div class=\"container\">\n            <div class=\"section-header text-center\">\n                <h2>Why Choose Us?<\/h2>\n                <p>Built for the diaspora. We understand the challenges of learning Deen in the West.<\/p>\n            <\/div>\n            <div class=\"stats-grid\">\n                <div class=\"stat-item\">\n                    <h4>1-on-1<\/h4>\n                    <p>Personalized Sessions<\/p>\n                <\/div>\n                <div class=\"stat-item\">\n                    <h4>100%<\/h4>\n                    <p>Al-Azhar Certified Tutors<\/p>\n                <\/div>\n                <div class=\"stat-item\">\n                    <h4>24\/7<\/h4>\n                    <p>Flexible Scheduling<\/p>\n                <\/div>\n                <div class=\"stat-item\">\n                    <h4>Native<\/h4>\n                    <p>Fluent English Speakers<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <footer>\n        <div class=\"container\">\n            <p>&copy; <span id=\"year\"><\/span> Elite Quran &#038; Arabic Academy. All rights reserved.<\/p>\n        <\/div>\n    <\/footer>\n\n    <script>\n        document.getElementById('year').textContent = new Date().getFullYear();\n    <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Premium Quran &#038; Arabic Academy | Online Tutors for Western Muslims Minhaj Academy Programs Methodology Our Tutors Tuition Book Free Trial Master the Quran &#038; Arabic with Authentic Scholars Tailored online education for Muslims in the US, UK, Canada, and Europe. Connect with your Deen through structured, 1-on-1 sessions with native experts. Start Your Journey [&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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tilaawah.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tilaawah.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tilaawah.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tilaawah.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tilaawah.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":5,"href":"https:\/\/tilaawah.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":16,"href":"https:\/\/tilaawah.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/16"}],"wp:attachment":[{"href":"https:\/\/tilaawah.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}