<html lang="en">
    <head>
        <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta charSet="utf-8">
        <meta content="width=device-width, initial-scale=1" name="viewport">
        <link as="image" imageSrcSet="/_next/image?url=%2Fimages%2FTaqwamainlogo.png&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fimages%2FTaqwamainlogo.png&amp;w=256&amp;q=75 2x" rel="preload">
        <link as="image" imageSrcSet="/_next/image?url=%2Fimages%2FTaqwamainlogo.png&amp;w=48&amp;q=75 1x, /_next/image?url=%2Fimages%2FTaqwamainlogo.png&amp;w=96&amp;q=75 2x" rel="preload">
        <link data-precedence="next" href="/_next/static/css/30c71dbfbdf0a9ea.css" rel="stylesheet">
        <link as="script" fetchPriority="low" href="/_next/static/chunks/webpack-4c9c27e0f0fab02a.js" rel="preload">
        <script async="" src="/_next/static/chunks/4bd1b696-cf72ae8a39fa05aa.js"></script><script async="" src="/_next/static/chunks/964-b440f7af22c41ca5.js"></script><script async="" src="/_next/static/chunks/main-app-0f20f4d91de0a5c5.js"></script><script async="" src="/_next/static/chunks/8e1d74a4-440b6d8f359bb37c.js"></script><script async="" src="/_next/static/chunks/63-e830d34011207317.js"></script><script async="" src="/_next/static/chunks/259-143dd27813b1318c.js"></script><script async="" src="/_next/static/chunks/app/layout-0ef5417b39c8056c.js"></script><script async="" src="/_next/static/chunks/102-8054c3b8c8375b1c.js"></script><script async="" src="/_next/static/chunks/app/page-468cc95c0bb72d4d.js"></script>
        <meta content="" name="next-size-adjust">
        <title>Masjid At Taqwa</title>
        <meta content="Spreading the word of ALLAH" name="description">
        <link href="/favicon.ico" rel="shortcut icon">
        <link href="/favicon.ico" rel="icon">
        <link href="/favicon.ico" rel="apple-touch-icon">
        <script noModule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script>
    </head>
    <body class="           __variable_f367f3            __variable_c968c1            __variable_c1a059            __variable_246ccd            antialiased         ">
        <div hidden="">
            <!--$-->
            <!--/$-->
        </div>
        <header class="w-full bg-gray-50">
            <div class="hidden md:flex items-center justify-between max-w-7xl mx-auto py-4 px-6">
                <div class="flex items-center space-x-4">
                    <a aria-label="Go to homepage" class="flex items-center space-x-3" href="/"><img alt="Masjid At Taqwa logo" data-nimg="1" decoding="async" height="90" src="/_next/image?url=%2Fimages%2FTaqwamainlogo.png&amp;w=256&amp;q=75" srcSet="/_next/image?url=%2Fimages%2FTaqwamainlogo.png&amp;w=96&amp;q=75 1x, /_next/image?url=%2Fimages%2FTaqwamainlogo.png&amp;w=256&amp;q=75 2x" style="color:transparent" width="90">
                        <div class="leading-tight">
                            <h1 class="text-3xl font-light font-geist text-gray-800"> مسجد التقوى</h1>
                            <h2 class="text-3xl font-bold -mt-1 font-poppins text-gray-800">Masjid At Taqwa</h2>
                        </div>
                    </a>
                </div>
                <div class="flex-1 mx-6 text-center">
                    <p class="text-base text-gray-700">Loading&hellip;</p>
                </div>
                <div class="flex items-center space-x-6">
                    <a class="px-5 py-2 bg-amber-400 text-white rounded-full font-bold hover:bg-amber-500 transition" href="/donations">Donate</a>
                    <div class="flex space-x-4 text-emerald-600">
                        <a aria-label="Facebook" class="hover:text-amber-500 transition-colors" href="https://www.facebook.com/masjidattaqwanz/" rel="noopener noreferrer" target="_blank">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="20" stroke="currentColor" stroke-width="0" viewBox="0 0 320 512" width="20">
                                <path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
                            </svg>
                        </a><a aria-label="Instagram" class="hover:text-amber-500 transition-colors" href="https://www.instagram.com/masjidattaqwa_nz/?hl=en" rel="noopener noreferrer" target="_blank" xmlns="">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="20" stroke="currentColor" stroke-width="0" viewBox="0 0 448 512" width="20">
                                <path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
                            </svg>
                        </a><a aria-label="YouTube" class="hover:text-amber-500 transition-colors" href="https://www.youtube.com/channel/UCgTOl0AnsH4UR_09NxJ0mXQ" rel="noopener noreferrer" target="_blank" xmlns="">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="20" stroke="currentColor" stroke-width="0" viewBox="0 0 576 512" width="20">
                                <path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
                            </svg>
                        </a>
                    </div>
                </div>
            </div>
            <div class="md:hidden max-w-7xl mx-auto px-3 pt-2" xmlns="">
                <div class="flex items-center justify-between">
                    <a aria-label="Go to homepage" class="flex items-center space-x-2" href="/"><img alt="Masjid At Taqwa logo" data-nimg="1" decoding="async" height="48" src="/_next/image?url=%2Fimages%2FTaqwamainlogo.png&amp;w=96&amp;q=75" srcSet="/_next/image?url=%2Fimages%2FTaqwamainlogo.png&amp;w=48&amp;q=75 1x, /_next/image?url=%2Fimages%2FTaqwamainlogo.png&amp;w=96&amp;q=75 2x" style="color:transparent" width="48">
                        <div class="leading-tight">
                            <h1 class="text-base font-light font-geist text-gray-800">مسجد التقوى</h1>
                            <h2 class="text-sm font-bold -mt-0.5 font-poppins text-gray-800">Masjid At Taqwa</h2>
                        </div>
                    </a>
                    <div class="flex items-center space-x-3">
                        <a class="px-3 py-1.5 bg-amber-400 text-white rounded-full text-sm font-semibold hover:bg-amber-500 transition" href="/donations">Donate</a>
                        <div class="flex items-center space-x-2 text-emerald-600">
                            <a aria-label="Facebook" class="hover:text-amber-500 transition-colors" href="https://www.facebook.com/masjidattaqwanz/" rel="noopener noreferrer" target="_blank">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="16" stroke="currentColor" stroke-width="0" viewBox="0 0 320 512" width="16">
                                    <path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
                                </svg>
                            </a><a aria-label="Instagram" class="hover:text-amber-500 transition-colors" href="https://www.instagram.com/masjidattaqwa_nz/?hl=en" rel="noopener noreferrer" target="_blank" xmlns="">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="16" stroke="currentColor" stroke-width="0" viewBox="0 0 448 512" width="16">
                                    <path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
                                </svg>
                            </a><a aria-label="YouTube" class="hover:text-amber-500 transition-colors" href="https://www.youtube.com/channel/UCgTOl0AnsH4UR_09NxJ0mXQ" rel="noopener noreferrer" target="_blank" xmlns="">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="16" stroke="currentColor" stroke-width="0" viewBox="0 0 576 512" width="16">
                                    <path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="mt-2 pb-3 text-center" xmlns="">
                    <p class="text-xs text-gray-700">Loading&hellip;</p>
                </div>
            </div>
        </header>
        <nav class="relative bg-emerald-600">
            <button aria-label="Toggle menu" class="md:hidden text-white p-3 focus:outline-none z-20">
                <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="20" stroke="currentColor" stroke-width="0" viewBox="0 0 448 512" width="20">
                    <path d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"></path>
                </svg>
            </button>
            <ul class="           bg-white md:bg-transparent           absolute md:static           w-full md:w-auto           top-full left-0 z-10           hidden            md:flex md:space-x-6 md:justify-center         " xmlns="">
                <li class="relative group">
                    <a class="                   flex justify-between items-center                   px-4 py-2                   text-emerald-600 md:text-gray-50                   hover:bg-white md:hover:bg-transparent md:hover:text-amber-400 font-semibold                   transition                   cursor-pointer                 " href="#">Services
                        <svg xmlns="http://www.w3.org/2000/svg" class="ml-2 transition-transform " fill="currentColor" height="12" stroke="currentColor" stroke-width="0" viewBox="0 0 448 512" width="12">
                            <path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path>
                        </svg>
                    </a>
                    <ul class="                     bg-white                     hidden                     md:group-hover:block                     md:absolute md:top-full md:left-0                     md:min-w-[200px]                     md:shadow-lg md:z-50                   " xmlns="">
                        <li>
                            <a class="block px-4 py-2 text-emerald-600 hover:bg-white transition" href="/services/madrassah">Madrasah</a>
                        </li>
                        <li>
                            <a class="block px-4 py-2 text-emerald-600 hover:bg-white transition" href="/services/janaza">Janaza</a>
                        </li>
                        <li>
                            <a class="block px-4 py-2 text-emerald-600 hover:bg-white transition" href="/services/ask-shaykh">Ask Shaykh</a>
                        </li>
                        <li>
                            <a class="block px-4 py-2 text-emerald-600 hover:bg-white transition" href="/services/community">Community Service</a>
                        </li>
                    </ul>
                </li>
                <li class="relative group">
                    <a class="                   flex justify-between items-center                   px-4 py-2                   text-emerald-600 md:text-gray-50                   hover:bg-white md:hover:bg-transparent md:hover:text-amber-400 font-semibold                   transition                   cursor-pointer                 " href="#">Programs
                        <svg xmlns="http://www.w3.org/2000/svg" class="ml-2 transition-transform " fill="currentColor" height="12" stroke="currentColor" stroke-width="0" viewBox="0 0 448 512" width="12">
                            <path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path>
                        </svg>
                    </a>
                    <ul class="                     bg-white                     hidden                     md:group-hover:block                     md:absolute md:top-full md:left-0                     md:min-w-[200px]                     md:shadow-lg md:z-50                   " xmlns="">
                        <li>
                            <a class="block px-4 py-2 text-emerald-600 hover:bg-white transition" href="/programs/daily">Daily</a>
                        </li>
                        <li>
                            <a class="block px-4 py-2 text-emerald-600 hover:bg-white transition" href="/programs/weekly">Weekly</a>
                        </li>
                        <li>
                            <a class="block px-4 py-2 text-emerald-600 hover:bg-white transition" href="/programs/jummah">Jumuah</a>
                        </li>
                        <li>
                            <a class="block px-4 py-2 text-emerald-600 hover:bg-white transition" href="/programs/monthly">Monthly</a>
                        </li>
                        <li>
                            <a class="block px-4 py-2 text-emerald-600 hover:bg-white transition" href="/programs/specialevents">Special Event</a>
                        </li>
                    </ul>
                </li>
                <li class="relative group">
                    <a class="                   flex justify-between items-center                   px-4 py-2                   text-emerald-600 md:text-gray-50                   hover:bg-white md:hover:bg-transparent md:hover:text-amber-400 font-semibold                   transition                   cursor-pointer                 " href="/dawahhub">Dawah Hub</a>
                </li>
                <li class="relative group">
                    <a class="                   flex justify-between items-center                   px-4 py-2                   text-emerald-600 md:text-gray-50                   hover:bg-white md:hover:bg-transparent md:hover:text-amber-400 font-semibold                   transition                   cursor-pointer                 " href="/newmuslim">New Muslims</a>
                </li>
                <li class="relative group">
                    <a class="                   flex justify-between items-center                   px-4 py-2                   text-emerald-600 md:text-gray-50                   hover:bg-white md:hover:bg-transparent md:hover:text-amber-400 font-semibold                   transition                   cursor-pointer                 " href="/youth">Youth</a>
                </li>
                <li class="relative group">
                    <a class="                   flex justify-between items-center                   px-4 py-2                   text-emerald-600 md:text-gray-50                   hover:bg-white md:hover:bg-transparent md:hover:text-amber-400 font-semibold                   transition                   cursor-pointer                 " href="/hajjandumrah">Hajj &amp; Umrah</a>
                </li>
                <li class="relative group">
                    <a class="                   flex justify-between items-center                   px-4 py-2                   text-emerald-600 md:text-gray-50                   hover:bg-white md:hover:bg-transparent md:hover:text-amber-400 font-semibold                   transition                   cursor-pointer                 " href="/about">About Us</a>
                </li>
            </ul>
        </nav>
        <main>
            <section class="relative w-full overflow-hidden">
                <div class="w-full h-[60vh] sm:h-[60vh] md:h-[calc(90vh-80px)] relative">
                    <video autoPlay="" class="w-full h-full object-cover" loop="" muted="" playsInline="" poster="/videos/heroposter.jpg">
                        <source src="/videos/herodesktop.mp4" type="video/mp4"></source>
                        Your browser does not support HTML5 video.
                    </video>
                    <div class="absolute inset-0 bg-black/40 pointer-events-none"></div>
                </div>
                <div class="absolute left-8 bottom-8 max-w-xs sm:max-w-md md:max-w-lg">
                    <h1 class="text-white font-bold text-2xl sm:text-4xl md:text-6xl leading-tight mb-4">Support our Masjid</h1>
                    <a class="inline-block bg-yellow-600 hover:bg-yellow-400 text-white font-semibold text-base sm:text-lg py-2 sm:py-3 px-4 sm:px-6 rounded-lg transition-colors duration-200" href="/donations">Donate Now</a>
                </div>
            </section>
            <p class="text-center py-12">No upcoming events.</p>
            <section class="relative py-16" style="background-image:url('/images/renovation-bg.jpg');background-size:cover;background-position:center">
                <div class="absolute inset-0 bg-white bg-opacity-80"></div>
                <div class="relative max-w-5xl mx-auto">
                    <div class="max-w-3xl mx-auto text-center mb-12 px-4">
                        <h2 class="text-4xl font-bold mb-4 text-gray-900">Masjid Renovation Project</h2>
                        <p class="text-gray-700 leading-relaxed">Our beloved mosque needs structural reinforcement, new ablution facilities, and upgraded community spaces. Your support ensures a safe, welcoming place of worship and gatherings for generations to come.</p>
                    </div>
                    <div class="container mx-auto px-4">
                        <div class="lg:grid lg:grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] lg:gap-8 justify-items-center items-start">
                            <div class="space-y-6 max-w-xs w-full">
                                <div class="overflow-hidden rounded-xl border-2 border-gray-200 shadow-xl hover:shadow-2xl transition-shadow duration-300" style="width:300px;height:200px">
                                    <img alt="Proposed Ground Floor" class="object-cover" data-nimg="1" decoding="async" height="200" loading="lazy" src="/_next/image?url=%2Fimages%2Frenovation1.jpg&amp;w=640&amp;q=75" srcSet="/_next/image?url=%2Fimages%2Frenovation1.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Frenovation1.jpg&amp;w=640&amp;q=75 2x" style="color:transparent" width="300">
                                </div>
                                <div class="overflow-hidden rounded-xl border-2 border-gray-200 shadow-xl hover:shadow-2xl transition-shadow duration-300" style="width:300px;height:200px">
                                    <img alt="Proposed First Floor" class="object-cover" data-nimg="1" decoding="async" height="200" loading="lazy" src="/_next/image?url=%2Fimages%2Frenovation2.jpg&amp;w=640&amp;q=75" srcSet="/_next/image?url=%2Fimages%2Frenovation2.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Frenovation2.jpg&amp;w=640&amp;q=75 2x" style="color:transparent" width="300">
                                </div>
                            </div>
                            <div class="flex flex-col items-center my-8 lg:my-0 overflow-visible">
                                <svg aria-label="Raised 500000 of 2000000" class="mx-auto overflow-visible" height="500" width="120">
                                    <rect fill="#E5E7EB" height="450" rx="30" ry="30" width="60" x="30" y="0"></rect>
                                    <rect fill="#84CC16" height="112.5" rx="30" ry="30" width="60" x="30" y="337.5"></rect>
                                    <ellipse cx="60" cy="480" fill="#84CC16" rx="30" ry="30"></ellipse>
                                    <g>
                                        <line stroke="#9CA3AF" stroke-width="1" x1="94" x2="102" y1="450" y2="450"></line>
                                        <text fill="#6B7280" font-size="12" x="106" y="454">$0</text>
                                    </g>
                                    <g>
                                        <line stroke="#9CA3AF" stroke-width="1" x1="94" x2="102" y1="405" y2="405"></line>
                                        <text fill="#6B7280" font-size="12" x="106" y="409">$200,000</text>
                                    </g>
                                    <g>
                                        <line stroke="#9CA3AF" stroke-width="1" x1="94" x2="102" y1="360" y2="360"></line>
                                        <text fill="#6B7280" font-size="12" x="106" y="364">$400,000</text>
                                    </g>
                                    <g>
                                        <line stroke="#9CA3AF" stroke-width="1" x1="94" x2="102" y1="315" y2="315"></line>
                                        <text fill="#6B7280" font-size="12" x="106" y="319">$600,000</text>
                                    </g>
                                    <g>
                                        <line stroke="#9CA3AF" stroke-width="1" x1="94" x2="102" y1="270" y2="270"></line>
                                        <text fill="#6B7280" font-size="12" x="106" y="274">$800,000</text>
                                    </g>
                                    <g>
                                        <line stroke="#9CA3AF" stroke-width="1" x1="94" x2="102" y1="225" y2="225"></line>
                                        <text fill="#6B7280" font-size="12" x="106" y="229">$1,000,000</text>
                                    </g>
                                    <g>
                                        <line stroke="#9CA3AF" stroke-width="1" x1="94" x2="102" y1="180" y2="180"></line>
                                        <text fill="#6B7280" font-size="12" x="106" y="184">$1,200,000</text>
                                    </g>
                                    <g>
                                        <line stroke="#9CA3AF" stroke-width="1" x1="94" x2="102" y1="135" y2="135"></line>
                                        <text fill="#6B7280" font-size="12" x="106" y="139">$1,400,000</text>
                                    </g>
                                    <g>
                                        <line stroke="#9CA3AF" stroke-width="1" x1="94" x2="102" y1="90" y2="90"></line>
                                        <text fill="#6B7280" font-size="12" x="106" y="94">$1,600,000</text>
                                    </g>
                                    <g>
                                        <line stroke="#9CA3AF" stroke-width="1" x1="94" x2="102" y1="45" y2="45"></line>
                                        <text fill="#6B7280" font-size="12" x="106" y="49">$1,800,000</text>
                                    </g>
                                    <g>
                                        <line stroke="#9CA3AF" stroke-width="1" x1="94" x2="102" y1="0" y2="0"></line>
                                        <text fill="#6B7280" font-size="12" x="106" y="4">$2,000,000</text>
                                    </g>
                                </svg>
                                <p class="mt-4 text-gray-600">
                                    Raised: <strong>NZ$
                                        <!-- -->500,000</strong>
                                </p>
                                <p class="text-gray-400">
                                    Goal: NZ$
                                    <!-- -->
                                    2,000,000
                                </p>
                            </div>
                            <div class="space-y-6 max-w-xs w-full">
                                <div class="overflow-hidden rounded-xl border-2 border-gray-200 shadow-xl hover:shadow-2xl transition-shadow duration-300" style="width:300px;height:200px">
                                    <img alt="View from Street" class="object-cover" data-nimg="1" decoding="async" height="200" loading="lazy" src="/_next/image?url=%2Fimages%2Frenovation3.jpg&amp;w=640&amp;q=75" srcSet="/_next/image?url=%2Fimages%2Frenovation3.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Frenovation3.jpg&amp;w=640&amp;q=75 2x" style="color:transparent" width="300">
                                </div>
                                <div class="overflow-hidden rounded-xl border-2 border-gray-200 shadow-xl hover:shadow-2xl transition-shadow duration-300" style="width:300px;height:200px">
                                    <img alt="Exterior Elevation" class="object-cover" data-nimg="1" decoding="async" height="200" loading="lazy" src="/_next/image?url=%2Fimages%2Frenovation4.jpg&amp;w=640&amp;q=75" srcSet="/_next/image?url=%2Fimages%2Frenovation4.jpg&amp;w=384&amp;q=75 1x, /_next/image?url=%2Fimages%2Frenovation4.jpg&amp;w=640&amp;q=75 2x" style="color:transparent" width="300">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="text-center mt-12 px-4">
                        <a class="inline-block bg-amber-400 text-white rounded-full px-8 py-3 font-semibold shadow-lg hover:bg-yellow-700 transition-colors duration-300" href="donations">Buy a Plot for $1,000</a>
                    </div>
                </div>
            </section>
            <section class="w-full py-16 bg-gradient-to-b from-emerald-50 to-white">
                <div class="max-w-7xl mx-auto px-4">
                    <h2 class="text-3xl font-bold text-center mb-12">Our Programs</h2>
                    <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8">
                        <a class="group block relative overflow-hidden rounded-xl shadow-lg transform hover:-translate-y-1 transition" href="/programs/daily">
                            <div class="relative h-72 w-full">
                                <img alt="Daily Admonition" class="group-hover:scale-105 transition-transform" data-nimg="fill" decoding="async" loading="lazy" sizes="100vw" src="/_next/image?url=%2Fimages%2Fprograms%2Fdaily.jpg&amp;w=3840&amp;q=75" srcSet="/_next/image?url=%2Fimages%2Fprograms%2Fdaily.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fprograms%2Fdaily.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fprograms%2Fdaily.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fprograms%2Fdaily.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fprograms%2Fdaily.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fprograms%2Fdaily.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fprograms%2Fdaily.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fprograms%2Fdaily.jpg&amp;w=3840&amp;q=75 3840w" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent">
                            </div>
                            <div class="bg-emerald-600 px-6 py-4">
                                <h3 class="text-xl font-semibold text-white">Daily Admonition</h3>
                            </div>
                            <div class="absolute inset-0 bg-black bg-opacity-60 opacity-0 group-hover:opacity-100 transition-opacity flex flex-col justify-center items-center text-center p-6">
                                <p class="text-white mb-6">Short daily reminders from the Prophet ﷺ to inspire your day.</p>
                                <span class="inline-block bg-white text-gray-800 font-medium px-6 py-3 rounded hover:bg-gray-200 transition">Learn More &rarr;</span>
                            </div>
                        </a><a class="group block relative overflow-hidden rounded-xl shadow-lg transform hover:-translate-y-1 transition" href="/programs/weekly">
                            <div class="relative h-72 w-full">
                                <img alt="Weekly Daras" class="group-hover:scale-105 transition-transform" data-nimg="fill" decoding="async" loading="lazy" sizes="100vw" src="/_next/image?url=%2Fimages%2Fprograms%2Fweekly.jpg&amp;w=3840&amp;q=75" srcSet="/_next/image?url=%2Fimages%2Fprograms%2Fweekly.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fprograms%2Fweekly.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fprograms%2Fweekly.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fprograms%2Fweekly.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fprograms%2Fweekly.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fprograms%2Fweekly.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fprograms%2Fweekly.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fprograms%2Fweekly.jpg&amp;w=3840&amp;q=75 3840w" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent">
                            </div>
                            <div class="bg-emerald-600 px-6 py-4">
                                <h3 class="text-xl font-semibold text-white">Weekly Daras</h3>
                            </div>
                            <div class="absolute inset-0 bg-black bg-opacity-60 opacity-0 group-hover:opacity-100 transition-opacity flex flex-col justify-center items-center text-center p-6">
                                <p class="text-white mb-6">Join our weekly classes diving deep into Islamic knowledge.</p>
                                <span class="inline-block bg-white text-gray-800 font-medium px-6 py-3 rounded hover:bg-gray-200 transition">Learn More &rarr;</span>
                            </div>
                        </a><a class="group block relative overflow-hidden rounded-xl shadow-lg transform hover:-translate-y-1 transition" href="/programs/jummah">
                            <div class="relative h-72 w-full">
                                <img alt="Jumuah" class="group-hover:scale-105 transition-transform" data-nimg="fill" decoding="async" loading="lazy" sizes="100vw" src="/_next/image?url=%2Fimages%2Fprograms%2Fjummah.jpg&amp;w=3840&amp;q=75" srcSet="/_next/image?url=%2Fimages%2Fprograms%2Fjummah.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fprograms%2Fjummah.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fprograms%2Fjummah.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fprograms%2Fjummah.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fprograms%2Fjummah.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fprograms%2Fjummah.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fprograms%2Fjummah.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fprograms%2Fjummah.jpg&amp;w=3840&amp;q=75 3840w" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent">
                            </div>
                            <div class="bg-emerald-600 px-6 py-4">
                                <h3 class="text-xl font-semibold text-white">Jumuah</h3>
                            </div>
                            <div class="absolute inset-0 bg-black bg-opacity-60 opacity-0 group-hover:opacity-100 transition-opacity flex flex-col justify-center items-center text-center p-6">
                                <p class="text-white mb-6">Listen to our weekly Friday khutbahs anytime, anywhere.</p>
                                <span class="inline-block bg-white text-gray-800 font-medium px-6 py-3 rounded hover:bg-gray-200 transition">Learn More &rarr;</span>
                            </div>
                        </a><a class="group block relative overflow-hidden rounded-xl shadow-lg transform hover:-translate-y-1 transition" href="/programs/monthly">
                            <div class="relative h-72 w-full">
                                <img alt="Monthly Lecture" class="group-hover:scale-105 transition-transform" data-nimg="fill" decoding="async" loading="lazy" sizes="100vw" src="/_next/image?url=%2Fimages%2Fprograms%2Fmonthly.jpg&amp;w=3840&amp;q=75" srcSet="/_next/image?url=%2Fimages%2Fprograms%2Fmonthly.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fprograms%2Fmonthly.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fprograms%2Fmonthly.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fprograms%2Fmonthly.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fprograms%2Fmonthly.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fprograms%2Fmonthly.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fprograms%2Fmonthly.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fprograms%2Fmonthly.jpg&amp;w=3840&amp;q=75 3840w" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent">
                            </div>
                            <div class="bg-emerald-600 px-6 py-4">
                                <h3 class="text-xl font-semibold text-white">Monthly Lecture</h3>
                            </div>
                            <div class="absolute inset-0 bg-black bg-opacity-60 opacity-0 group-hover:opacity-100 transition-opacity flex flex-col justify-center items-center text-center p-6">
                                <p class="text-white mb-6">Special guest scholars deliver lectures every month.</p>
                                <span class="inline-block bg-white text-gray-800 font-medium px-6 py-3 rounded hover:bg-gray-200 transition">Learn More &rarr;</span>
                            </div>
                        </a><a class="group block relative overflow-hidden rounded-xl shadow-lg transform hover:-translate-y-1 transition" href="/programs/specialevents">
                            <div class="relative h-72 w-full">
                                <img alt="Special Events" class="group-hover:scale-105 transition-transform" data-nimg="fill" decoding="async" loading="lazy" sizes="100vw" src="/_next/image?url=%2Fimages%2Fprograms%2Fspecialevents.jpg&amp;w=3840&amp;q=75" srcSet="/_next/image?url=%2Fimages%2Fprograms%2Fspecialevents.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fprograms%2Fspecialevents.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fprograms%2Fspecialevents.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fprograms%2Fspecialevents.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fprograms%2Fspecialevents.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fprograms%2Fspecialevents.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fprograms%2Fspecialevents.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fprograms%2Fspecialevents.jpg&amp;w=3840&amp;q=75 3840w" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;color:transparent">
                            </div>
                            <div class="bg-emerald-600 px-6 py-4">
                                <h3 class="text-xl font-semibold text-white">Special Events</h3>
                            </div>
                            <div class="absolute inset-0 bg-black bg-opacity-60 opacity-0 group-hover:opacity-100 transition-opacity flex flex-col justify-center items-center text-center p-6">
                                <p class="text-white mb-6">Highlights from our Ramadan, Eid and community events.</p>
                                <span class="inline-block bg-white text-gray-800 font-medium px-6 py-3 rounded hover:bg-gray-200 transition">Learn More &rarr;</span>
                            </div>
                        </a>
                    </div>
                </div>
            </section>
            <section class="py-16 bg-gray-100">
                <div class="max-w-7xl mx-auto px-4">
                    <h2 class="text-3xl font-bold text-center mb-8">Our Services</h2>
                    <div class="flex space-x-6 overflow-x-auto py-4 snap-x snap-mandatory">
                        <a class="group relative flex-shrink-0 snap-center overflow-hidden rounded-2xl shadow-lg w-40 h-48 sm:h-56 md:h-64 md:w-40 md:hover:w-[500px] transition-all duration-300 ease-out" href="/services/madrassah"><img alt="Madrassah" class="absolute inset-0" data-nimg="fill" decoding="async" loading="lazy" sizes="(max-width: 640px) 160px, (max-width: 768px) 224px, 500px" src="/_next/image?url=%2Fimages%2Fservices%2Fmadrassah.jpg&amp;w=3840&amp;q=75" srcSet="/_next/image?url=%2Fimages%2Fservices%2Fmadrassah.jpg&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fimages%2Fservices%2Fmadrassah.jpg&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fimages%2Fservices%2Fmadrassah.jpg&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fimages%2Fservices%2Fmadrassah.jpg&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fimages%2Fservices%2Fmadrassah.jpg&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fimages%2Fservices%2Fmadrassah.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fimages%2Fservices%2Fmadrassah.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fservices%2Fmadrassah.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fservices%2Fmadrassah.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fservices%2Fmadrassah.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fservices%2Fmadrassah.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fservices%2Fmadrassah.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fservices%2Fmadrassah.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fservices%2Fmadrassah.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fservices%2Fmadrassah.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fservices%2Fmadrassah.jpg&amp;w=3840&amp;q=75 3840w" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;object-position:center;color:transparent">
                            <div class="absolute inset-0"></div>
                            <div class="relative z-10 p-4 flex items-start justify-start h-full">
                                <h1 class="text-xl font-bold text-white">Madrassah</h1>
                            </div>
                            <div class="absolute bottom-0 left-0 w-full p-3 md:hidden">
                                <p class="text-white text-sm font-bold">Engaging Islamic education for all ages.</p>
                            </div>
                            <div class="hidden md:block absolute left-0 bottom-0 w-full max-h-0 group-hover:max-h-24 overflow-hidden transition-all duration-300">
                                <div class="px-6 pb-4">
                                    <p class="text-white font-bold text-base leading-snug text-left whitespace-normal">Engaging Islamic education for all ages.</p>
                                </div>
                            </div>
                        </a><a class="group relative flex-shrink-0 snap-center overflow-hidden rounded-2xl shadow-lg w-40 h-48 sm:h-56 md:h-64 md:w-40 md:hover:w-[500px] transition-all duration-300 ease-out" href="/dawahhub"><img alt="Dawah Hub" class="absolute inset-0" data-nimg="fill" decoding="async" loading="lazy" sizes="(max-width: 640px) 160px, (max-width: 768px) 224px, 500px" src="/_next/image?url=%2Fimages%2Fservices%2Fdawahhub.jpg&amp;w=3840&amp;q=75" srcSet="/_next/image?url=%2Fimages%2Fservices%2Fdawahhub.jpg&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fimages%2Fservices%2Fdawahhub.jpg&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fimages%2Fservices%2Fdawahhub.jpg&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fimages%2Fservices%2Fdawahhub.jpg&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fimages%2Fservices%2Fdawahhub.jpg&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fimages%2Fservices%2Fdawahhub.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fimages%2Fservices%2Fdawahhub.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fservices%2Fdawahhub.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fservices%2Fdawahhub.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fservices%2Fdawahhub.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fservices%2Fdawahhub.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fservices%2Fdawahhub.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fservices%2Fdawahhub.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fservices%2Fdawahhub.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fservices%2Fdawahhub.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fservices%2Fdawahhub.jpg&amp;w=3840&amp;q=75 3840w" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;object-position:center;color:transparent">
                            <div class="absolute inset-0"></div>
                            <div class="relative z-10 p-4 flex items-start justify-start h-full">
                                <h1 class="text-xl font-bold text-white">Dawah Hub</h1>
                            </div>
                            <div class="absolute bottom-0 left-0 w-full p-3 md:hidden">
                                <p class="text-white text-sm font-bold">Spreading the message with wisdom and compassion.</p>
                            </div>
                            <div class="hidden md:block absolute left-0 bottom-0 w-full max-h-0 group-hover:max-h-24 overflow-hidden transition-all duration-300">
                                <div class="px-6 pb-4">
                                    <p class="text-white font-bold text-base leading-snug text-left whitespace-normal">Spreading the message with wisdom and compassion.</p>
                                </div>
                            </div>
                        </a><a class="group relative flex-shrink-0 snap-center overflow-hidden rounded-2xl shadow-lg w-40 h-48 sm:h-56 md:h-64 md:w-40 md:hover:w-[500px] transition-all duration-300 ease-out" href="/services/janaza"><img alt="Janaza" class="absolute inset-0" data-nimg="fill" decoding="async" loading="lazy" sizes="(max-width: 640px) 160px, (max-width: 768px) 224px, 500px" src="/_next/image?url=%2Fimages%2Fservices%2Fjanaza.jpg&amp;w=3840&amp;q=75" srcSet="/_next/image?url=%2Fimages%2Fservices%2Fjanaza.jpg&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fimages%2Fservices%2Fjanaza.jpg&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fimages%2Fservices%2Fjanaza.jpg&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fimages%2Fservices%2Fjanaza.jpg&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fimages%2Fservices%2Fjanaza.jpg&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fimages%2Fservices%2Fjanaza.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fimages%2Fservices%2Fjanaza.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fservices%2Fjanaza.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fservices%2Fjanaza.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fservices%2Fjanaza.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fservices%2Fjanaza.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fservices%2Fjanaza.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fservices%2Fjanaza.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fservices%2Fjanaza.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fservices%2Fjanaza.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fservices%2Fjanaza.jpg&amp;w=3840&amp;q=75 3840w" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;object-position:center;color:transparent">
                            <div class="absolute inset-0"></div>
                            <div class="relative z-10 p-4 flex items-start justify-start h-full">
                                <h1 class="text-xl font-bold text-white">Janaza</h1>
                            </div>
                            <div class="absolute bottom-0 left-0 w-full p-3 md:hidden">
                                <p class="text-white text-sm font-bold">Dignified funeral rites with full support.</p>
                            </div>
                            <div class="hidden md:block absolute left-0 bottom-0 w-full max-h-0 group-hover:max-h-24 overflow-hidden transition-all duration-300">
                                <div class="px-6 pb-4">
                                    <p class="text-white font-bold text-base leading-snug text-left whitespace-normal">Dignified funeral rites with full support.</p>
                                </div>
                            </div>
                        </a><a class="group relative flex-shrink-0 snap-center overflow-hidden rounded-2xl shadow-lg w-40 h-48 sm:h-56 md:h-64 md:w-40 md:hover:w-[500px] transition-all duration-300 ease-out" href="/services/ask-shaykh"><img alt="Ask Shaykh" class="absolute inset-0" data-nimg="fill" decoding="async" loading="lazy" sizes="(max-width: 640px) 160px, (max-width: 768px) 224px, 500px" src="/_next/image?url=%2Fimages%2Fservices%2Faskshykh.jpg&amp;w=3840&amp;q=75" srcSet="/_next/image?url=%2Fimages%2Fservices%2Faskshykh.jpg&amp;w=16&amp;q=75 16w, /_next/image?url=%2Fimages%2Fservices%2Faskshykh.jpg&amp;w=32&amp;q=75 32w, /_next/image?url=%2Fimages%2Fservices%2Faskshykh.jpg&amp;w=48&amp;q=75 48w, /_next/image?url=%2Fimages%2Fservices%2Faskshykh.jpg&amp;w=64&amp;q=75 64w, /_next/image?url=%2Fimages%2Fservices%2Faskshykh.jpg&amp;w=96&amp;q=75 96w, /_next/image?url=%2Fimages%2Fservices%2Faskshykh.jpg&amp;w=128&amp;q=75 128w, /_next/image?url=%2Fimages%2Fservices%2Faskshykh.jpg&amp;w=256&amp;q=75 256w, /_next/image?url=%2Fimages%2Fservices%2Faskshykh.jpg&amp;w=384&amp;q=75 384w, /_next/image?url=%2Fimages%2Fservices%2Faskshykh.jpg&amp;w=640&amp;q=75 640w, /_next/image?url=%2Fimages%2Fservices%2Faskshykh.jpg&amp;w=750&amp;q=75 750w, /_next/image?url=%2Fimages%2Fservices%2Faskshykh.jpg&amp;w=828&amp;q=75 828w, /_next/image?url=%2Fimages%2Fservices%2Faskshykh.jpg&amp;w=1080&amp;q=75 1080w, /_next/image?url=%2Fimages%2Fservices%2Faskshykh.jpg&amp;w=1200&amp;q=75 1200w, /_next/image?url=%2Fimages%2Fservices%2Faskshykh.jpg&amp;w=1920&amp;q=75 1920w, /_next/image?url=%2Fimages%2Fservices%2Faskshykh.jpg&amp;w=2048&amp;q=75 2048w, /_next/image?url=%2Fimages%2Fservices%2Faskshykh.jpg&amp;w=3840&amp;q=75 3840w" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;object-fit:cover;object-position:center;color:transparent">
                            <div class="absolute inset-0"></div>
                            <div class="relative z-10 p-4 flex items-start justify-start h-full">
                                <h1 class="text-xl font-bold text-white">Ask Shaykh</h1>
                            </div>
                            <div class="absolute bottom-0 left-0 w-full p-3 md:hidden">
                                <p class="text-white text-sm font-bold">Get answers to your fiqh and lifestyle questions.</p>
                            </div>
                            <div class="hidden md:block absolute left-0 bottom-0 w-full max-h-0 group-hover:max-h-24 overflow-hidden transition-all duration-300">
                                <div class="px-6 pb-4">
                                    <p class="text-white font-bold text-base leading-snug text-left whitespace-normal">Get answers to your fiqh and lifestyle questions.</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="mt-4 flex justify-center space-x-2 md:hidden">
                        <span class="block w-2 h-2 rounded-full transition-colors bg-blue-600"></span><span class="block w-2 h-2 rounded-full transition-colors bg-gray-300"></span><span class="block w-2 h-2 rounded-full transition-colors bg-gray-300"></span><span class="block w-2 h-2 rounded-full transition-colors bg-gray-300"></span>
                    </div>
                </div>
            </section>
            <!--$-->
            <!--/$-->
        </main>
        <footer class="bg-gray-900 text-gray-100 py-12 border-t-2 border-emerald-600">
            <div class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-4 gap-8 px-4">
                <div class="order-1 md:order-1">
                    <h3 class="text-xl font-semibold mb-4">Subscribe for the latest news and events</h3>
                    <form class="space-y-3">
                        <input class="w-full px-3 py-2 rounded bg-slate-600 focus:outline-none" placeholder="First name" required="" type="text" value=""><input class="w-full px-3 py-2 rounded bg-slate-600 focus:outline-none" placeholder="Last name" required="" type="text" value=""><input class="w-full px-3 py-2 rounded bg-slate-600 focus:outline-none" placeholder="Email" required="" type="email" value=""><button class="mt-2 w-full bg-emerald-600 hover:bg-amber-400 transition px-4 py-2 rounded" type="submit">Subscribe</button>
                    </form>
                </div>
                <div class="flex flex-col items-center order-2">
                    <img alt="Majid Taqwah" class="h-25 md:h-16 lg:h-40 mb-2 w-auto" src="/images/masjidattaqwa-logo.png"><span class="font-bold text-2xl md:text-2xl lg:text-3xl">Masjid At Taqwa</span>
                    <p>Charities Commission No: CC43494</p>
                    <div class="text-center mt-4 px-4">
                        <a class="inline-block bg-amber-400 text-white rounded-full px-8 py-3 font-semibold shadow-lg hover:bg-yellow-700 transition-colors duration-300" href="donations">Donate</a>
                    </div>
                </div>
                <div class="flex flex-col items-center order-2">
                    <h3 class="text-xl font-semibold underline mb-4">Stay Connected</h3>
                    <p class="text-center">56-58 Grayson Ave, Manukau, Auckland New Zealand </p>
                    <p class="text-center">PO Box 276044, Manukau. Auckland 2241 </p>
                    <p class="mt-2 flex items-center gap-2">
                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="text-white" fill="currentColor" height="20" stroke="currentColor" stroke-width="0" viewBox="0 0 512 512" width="20">
                            <path d="M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z"></path>
                        </svg>
                        <a aria-label="Call 0800 247 526" class="hover:underline whitespace-nowrap" href="tel:0800247526" xmlns="">0800 247 526</a>
                    </p>
                    <p class="mt-2 flex items-center">
                        <svg xmlns="http://www.w3.org/2000/svg" class="mr-2" fill="currentColor" height="20" stroke="currentColor" stroke-width="0" viewBox="0 0 512 512" width="20">
                            <path d="M512 464c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V200.724a48 48 0 0 1 18.387-37.776c24.913-19.529 45.501-35.365 164.2-121.511C199.412 29.17 232.797-.347 256 .003c23.198-.354 56.596 29.172 73.413 41.433 118.687 86.137 139.303 101.995 164.2 121.512A48 48 0 0 1 512 200.724V464zm-65.666-196.605c-2.563-3.728-7.7-4.595-11.339-1.907-22.845 16.873-55.462 40.705-105.582 77.079-16.825 12.266-50.21 41.781-73.413 41.43-23.211.344-56.559-29.143-73.413-41.43-50.114-36.37-82.734-60.204-105.582-77.079-3.639-2.688-8.776-1.821-11.339 1.907l-9.072 13.196a7.998 7.998 0 0 0 1.839 10.967c22.887 16.899 55.454 40.69 105.303 76.868 20.274 14.781 56.524 47.813 92.264 47.573 35.724.242 71.961-32.771 92.263-47.573 49.85-36.179 82.418-59.97 105.303-76.868a7.998 7.998 0 0 0 1.839-10.967l-9.071-13.196z"></path>
                        </svg>
                        info@taqwa.nz
                    </p>
                    <div class="py-5 flex space-x-4 text-emerald-600" xmlns="">
                        <a class="hover:text-amber-500 transition-colors" href="https://www.facebook.com/masjidattaqwanz/" rel="noopener noreferrer" target="_blank">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="30" stroke="currentColor" stroke-width="0" viewBox="0 0 320 512" width="30">
                                <path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path>
                            </svg>
                        </a><a class="hover:text-amber-500 transition-colors" href="https://www.instagram.com/masjidattaqwa_nz/?hl=en" rel="noopener noreferrer" target="_blank" xmlns="">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="30" stroke="currentColor" stroke-width="0" viewBox="0 0 448 512" width="30">
                                <path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
                            </svg>
                        </a><a class="hover:text-amber-500 transition-colors" href="https://www.youtube.com/channel/UCgTOl0AnsH4UR_09NxJ0mXQ" rel="noopener noreferrer" target="_blank" xmlns="">
                            <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" height="30" stroke="currentColor" stroke-width="0" viewBox="0 0 576 512" width="30">
                                <path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
                            </svg>
                        </a>
                    </div>
                </div>
                <div class="flex flex-col items-center order-2" xmlns="">
                    <h3 class="text-xl font-semibold underline mb-4">Useful Links</h3>
                    <ul class="space-y-2">
                        <li>
                            <a class="hover:underline" href="/">Home</a>
                        </li>
                        <li>
                            <a class="hover:underline" href="/dawahhub">DawahHub</a>
                        </li>
                        <li>
                            <a class="hover:underline" href="/hajjandumrah">Hajj &amp; Umrah</a>
                        </li>
                        <li>
                            <a class="hover:underline" href="/newmuslim">New Muslim</a>
                        </li>
                        <li>
                            <a class="hover:underline" href="/about">About</a>
                        </li>
                    </ul>
                </div>
            </div>
            <hr class="border-gray-700 my-6">
            <p class="text-center text-sm text-gray-400">&copy; 2025 Masjid At Taqwa Trust. All rights reserved.</p>
        </footer>
        <script async="" id="_R_" src="/_next/static/chunks/webpack-4c9c27e0f0fab02a.js"></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[4615,[\"711\",\"static/chunks/8e1d74a4-440b6d8f359bb37c.js\",\"63\",\"static/chunks/63-e830d34011207317.js\",\"259\",\"static/chunks/259-143dd27813b1318c.js\",\"177\",\"static/chunks/app/layout-0ef5417b39c8056c.js\"],\"default\"]\n3:I[6055,[\"711\",\"static/chunks/8e1d74a4-440b6d8f359bb37c.js\",\"63\",\"static/chunks/63-e830d34011207317.js\",\"259\",\"static/chunks/259-143dd27813b1318c.js\",\"177\",\"static/chunks/app/layout-0ef5417b39c8056c.js\"],\"default\"]\n4:I[7555,[],\"\"]\n5:I[1295,[],\"\"]\n6:I[6821,[\"711\",\"static/chunks/8e1d74a4-440b6d8f359bb37c.js\",\"63\",\"static/chunks/63-e830d34011207317.js\",\"259\",\"static/chunks/259-143dd27813b1318c.js\",\"177\",\"static/chunks/app/layout-0ef5417b39c8056c.js\"],\"default\"]\n7:I[5720,[\"63\",\"static/chunks/63-e830d34011207317.js\",\"259\",\"static/chunks/259-143dd27813b1318c.js\",\"102\",\"static/chunks/102-8054c3b8c8375b1c.js\",\"974\",\"static/chunks/app/page-468cc95c0bb72d4d.js\"],\"default\"]\n8:I[2992,[\"63\",\"static/chunks/63-e830d34011207317.js\",\"259\",\"static/chunks/259-143dd27813b1318c.js\",\"102\",\"static/chunks/102-8054c3b8c8375b1c.js\",\"974\",\"static/chunks/app/page-468cc95c0bb72d4d.js\"],\"default\"]\n9:I[3063,[\"63\",\"static/chunks/63-e830d34011207317.js\",\"259\",\"static/chunks/259-143dd27813b1318c.js\",\"102\",\"static/chunks/102-8054c3b8c8375b1c.js\",\"974\",\"static/chunks/app/page-468cc95c0bb72d4d.js\"],\"Image\"]\n1c:I[8393,[],\"\"]\n1d:I[6874,[\"63\",\"static/chunks/63-e830d34011207317.js\",\"259\",\"static/chunks/259-143dd27813b1318c.js\",\"102\",\"static/chunks/102-8054c3b8c8375b1c.js\",\"974\",\"static/chunks/app/page-468cc95c0bb72d4d.js\"],\"\"]\n20:I[9116,[\"63\",\"static/chunks/63-e830d34011207317.js\",\"259\",\"static/chunks/259-143dd27813b1318c.js\",\"102\",\"static/chunks/102-8054c3b8c8375b1c.js\",\"974\",\"static/chunks/app/page-468cc95c0bb72d4d.js\"],\"default\"]\n21:I[9665,[],\"OutletBoundary\"]\n23:I[4911,[],\"AsyncMetadataOutlet\"]\n25:I[9665,[],\"ViewportBoundary\"]\n27:I[9665,[],\"MetadataBoundary\"]\n28:\"$Sreact.suspense\"\n2a:I[8175,[],\"IconMark\"]\n:HL[\"/_next/static/media/22a5144ee8d83bca-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/"])</script><script>self.__next_f.push([1,"static/media/5c0c2bcbaa4149ca-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/b957ea75a84b6ea7-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/eafabf029ad39a43-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/30c71dbfbdf0a9ea.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"yLw4UHGlY4GIIUTwp-4el\",\"p\":\"\",\"c\":[\"\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/30c71dbfbdf0a9ea.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"\\n          __variable_f367f3 \\n          __variable_c968c1 \\n          __variable_c1a059 \\n          __variable_246ccd \\n          antialiased\\n        \",\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"$L3\",null,{}],[\"$\",\"main\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$L6\",null,{}]]}]}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"$L7\",null,{\"desktopVideo\":\"/videos/herodesktop.mp4\",\"poster\":\"/videos/heroposter.jpg\"}],[\"$\",\"$L8\",null,{}],[\"$\",\"section\",null,{\"className\":\"relative py-16\",\"style\":{\"backgroundImage\":\"url('/images/renovation-bg.jpg')\",\"backgroundSize\":\"cover\",\"backgroundPosition\":\"center\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-white bg-opacity-80\"}],[\"$\",\"div\",null,{\"className\":\"relative max-w-5xl mx-auto\",\"children\":[[\"$\",\"div\",null,{\"className\":\"max-w-3xl mx-auto text-center mb-12 px-4\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-4xl font-bold mb-4 text-gray-900\",\"children\":\"Masjid Renovation Project\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-700 leading-relaxed\",\"children\":\"Our beloved mosque needs structural reinforcement, new ablution facilities, and upgraded community spaces. Your support ensures a safe, welcoming place of worship and gatherings for generations to come.\"}]]}],[\"$\",\"div\",null,{\"className\":\"container mx-auto px-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"lg:grid lg:grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] lg:gap-8 justify-items-center items-start\",\"children\":[[\"$\",\"div\",null,{\"className\":\"space-y-6 max-w-xs w-full\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"overflow-hidden rounded-xl border-2 border-gray-200 shadow-xl hover:shadow-2xl transition-shadow duration-300\",\"style\":{\"width\":300,\"height\":200},\"children\":[\"$\",\"$L9\",null,{\"src\":\"/images/renovation1.jpg\",\"alt\":\"Proposed Ground Floor\",\"width\":300,\"height\":200,\"className\":\"object-cover\"}]}],[\"$\",\"div\",\"1\",{\"className\":\"overflow-hidden rounded-xl border-2 border-gray-200 shadow-xl hover:shadow-2xl transition-shadow duration-300\",\"style\":{\"width\":300,\"height\":200},\"children\":[\"$\",\"$L9\",null,{\"src\":\"/images/renovation2.jpg\",\"alt\":\"Proposed First Floor\",\"width\":300,\"height\":200,\"className\":\"object-cover\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center my-8 lg:my-0 overflow-visible\",\"children\":[[\"$\",\"svg\",null,{\"width\":120,\"height\":500,\"className\":\"mx-auto overflow-visible\",\"aria-label\":\"Raised 500000 of 2000000\",\"children\":[[\"$\",\"rect\",null,{\"x\":30,\"y\":0,\"width\":60,\"height\":450,\"rx\":30,\"ry\":30,\"fill\":\"#E5E7EB\"}],[\"$\",\"rect\",null,{\"x\":30,\"y\":337.5,\"width\":60,\"height\":112.5,\"rx\":30,\"ry\":30,\"fill\":\"#84CC16\"}],[\"$\",\"ellipse\",null,{\"cx\":60,\"cy\":480,\"rx\":30,\"ry\":30,\"fill\":\"#84CC16\"}],[[\"$\",\"g\",\"0\",{\"children\":[[\"$\",\"line\",null,{\"x1\":94,\"y1\":450,\"x2\":102,\"y2\":450,\"stroke\":\"#9CA3AF\",\"strokeWidth\":1}],[\"$\",\"text\",null,{\"x\":106,\"y\":454,\"fontSize\":12,\"fill\":\"#6B7280\",\"children\":\"$$0\"}]]}],[\"$\",\"g\",\"200000\",{\"children\":[[\"$\",\"line\",null,{\"x1\":94,\"y1\":405,\"x2\":102,\"y2\":405,\"stroke\":\"#9CA3AF\",\"strokeWidth\":1}],\"$La\"]}],\"$Lb\",\"$Lc\",\"$Ld\",\"$Le\",\"$Lf\",\"$L10\",\"$L11\",\"$L12\",\"$L13\"]]}],\"$L14\",\"$L15\"]}],\"$L16\"]}]}],\"$L17\"]}]]}],\"$L18\",\"$L19\"],null,\"$L1a\"]}],{},null,false]},null,false],\"$L1b\",false]],\"m\":\"$undefined\",\"G\":[\"$1c\",[]],\"s\":false,\"S\":false}\n"])</script><script>self.__next_f.push([1,"a:[\"$\",\"text\",null,{\"x\":106,\"y\":409,\"fontSize\":12,\"fill\":\"#6B7280\",\"children\":\"$$200,000\"}]\nb:[\"$\",\"g\",\"400000\",{\"children\":[[\"$\",\"line\",null,{\"x1\":94,\"y1\":360,\"x2\":102,\"y2\":360,\"stroke\":\"#9CA3AF\",\"strokeWidth\":1}],[\"$\",\"text\",null,{\"x\":106,\"y\":364,\"fontSize\":12,\"fill\":\"#6B7280\",\"children\":\"$$400,000\"}]]}]\nc:[\"$\",\"g\",\"600000\",{\"children\":[[\"$\",\"line\",null,{\"x1\":94,\"y1\":315,\"x2\":102,\"y2\":315,\"stroke\":\"#9CA3AF\",\"strokeWidth\":1}],[\"$\",\"text\",null,{\"x\":106,\"y\":319,\"fontSize\":12,\"fill\":\"#6B7280\",\"children\":\"$$600,000\"}]]}]\nd:[\"$\",\"g\",\"800000\",{\"children\":[[\"$\",\"line\",null,{\"x1\":94,\"y1\":270,\"x2\":102,\"y2\":270,\"stroke\":\"#9CA3AF\",\"strokeWidth\":1}],[\"$\",\"text\",null,{\"x\":106,\"y\":274,\"fontSize\":12,\"fill\":\"#6B7280\",\"children\":\"$$800,000\"}]]}]\ne:[\"$\",\"g\",\"1000000\",{\"children\":[[\"$\",\"line\",null,{\"x1\":94,\"y1\":225,\"x2\":102,\"y2\":225,\"stroke\":\"#9CA3AF\",\"strokeWidth\":1}],[\"$\",\"text\",null,{\"x\":106,\"y\":229,\"fontSize\":12,\"fill\":\"#6B7280\",\"children\":\"$$1,000,000\"}]]}]\nf:[\"$\",\"g\",\"1200000\",{\"children\":[[\"$\",\"line\",null,{\"x1\":94,\"y1\":180,\"x2\":102,\"y2\":180,\"stroke\":\"#9CA3AF\",\"strokeWidth\":1}],[\"$\",\"text\",null,{\"x\":106,\"y\":184,\"fontSize\":12,\"fill\":\"#6B7280\",\"children\":\"$$1,200,000\"}]]}]\n10:[\"$\",\"g\",\"1400000\",{\"children\":[[\"$\",\"line\",null,{\"x1\":94,\"y1\":135,\"x2\":102,\"y2\":135,\"stroke\":\"#9CA3AF\",\"strokeWidth\":1}],[\"$\",\"text\",null,{\"x\":106,\"y\":139,\"fontSize\":12,\"fill\":\"#6B7280\",\"children\":\"$$1,400,000\"}]]}]\n11:[\"$\",\"g\",\"1600000\",{\"children\":[[\"$\",\"line\",null,{\"x1\":94,\"y1\":90,\"x2\":102,\"y2\":90,\"stroke\":\"#9CA3AF\",\"strokeWidth\":1}],[\"$\",\"text\",null,{\"x\":106,\"y\":94,\"fontSize\":12,\"fill\":\"#6B7280\",\"children\":\"$$1,600,000\"}]]}]\n12:[\"$\",\"g\",\"1800000\",{\"children\":[[\"$\",\"line\",null,{\"x1\":94,\"y1\":45,\"x2\":102,\"y2\":45,\"stroke\":\"#9CA3AF\",\"strokeWidth\":1}],[\"$\",\"text\",null,{\"x\":106,\"y\":49,\"fontSize\":12,\"fill\":\"#6B7280\",\"children\":\"$$1,800,000\"}]]}]\n13:[\"$\",\"g\",\"2000000\",{\"children\":[[\"$\",\"line\",null,{\"x1\":94,\"y1\":0,\"x2\":102,\"y2\":0,\"stroke\":\"#9CA3AF\",\"strokeWidth\":1}],[\"$\",\"text\",null,{\"x\":106,\"y\":4,\"fontSize\":12,\"fill\":\"#6B7280\",\"children\":\"$$2,000,000\"}]]}]\n14"])</script><script>self.__next_f.push([1,":[\"$\",\"p\",null,{\"className\":\"mt-4 text-gray-600\",\"children\":[\"Raised: \",[\"$\",\"strong\",null,{\"children\":[\"NZ$\",\"500,000\"]}]]}]\n15:[\"$\",\"p\",null,{\"className\":\"text-gray-400\",\"children\":[\"Goal: NZ$\",\"2,000,000\"]}]\n"])</script><script>self.__next_f.push([1,"16:[\"$\",\"div\",null,{\"className\":\"space-y-6 max-w-xs w-full\",\"children\":[[\"$\",\"div\",\"0\",{\"className\":\"overflow-hidden rounded-xl border-2 border-gray-200 shadow-xl hover:shadow-2xl transition-shadow duration-300\",\"style\":{\"width\":300,\"height\":200},\"children\":[\"$\",\"$L9\",null,{\"src\":\"/images/renovation3.jpg\",\"alt\":\"View from Street\",\"width\":300,\"height\":200,\"className\":\"object-cover\"}]}],[\"$\",\"div\",\"1\",{\"className\":\"overflow-hidden rounded-xl border-2 border-gray-200 shadow-xl hover:shadow-2xl transition-shadow duration-300\",\"style\":{\"width\":300,\"height\":200},\"children\":[\"$\",\"$L9\",null,{\"src\":\"/images/renovation4.jpg\",\"alt\":\"Exterior Elevation\",\"width\":300,\"height\":200,\"className\":\"object-cover\"}]}]]}]\n"])</script><script>self.__next_f.push([1,"17:[\"$\",\"div\",null,{\"className\":\"text-center mt-12 px-4\",\"children\":[\"$\",\"a\",null,{\"href\":\"donations\",\"className\":\"inline-block bg-amber-400 text-white rounded-full px-8 py-3 font-semibold shadow-lg hover:bg-yellow-700 transition-colors duration-300\",\"children\":\"Buy a Plot for $1,000\"}]}]\n"])</script><script>self.__next_f.push([1,"18:[\"$\",\"section\",null,{\"className\":\"w-full py-16 bg-gradient-to-b from-emerald-50 to-white\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-7xl mx-auto px-4\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-3xl font-bold text-center mb-12\",\"children\":\"Our Programs\"}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8\",\"children\":[[\"$\",\"$L1d\",\"Daily Admonition\",{\"href\":\"/programs/daily\",\"className\":\"group block relative overflow-hidden rounded-xl shadow-lg transform hover:-translate-y-1 transition\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative h-72 w-full\",\"children\":[\"$\",\"$L9\",null,{\"src\":\"/images/programs/daily.jpg\",\"alt\":\"Daily Admonition\",\"fill\":true,\"style\":{\"objectFit\":\"cover\"},\"className\":\"group-hover:scale-105 transition-transform\"}]}],[\"$\",\"div\",null,{\"className\":\"bg-emerald-600 px-6 py-4\",\"children\":[\"$\",\"h3\",null,{\"className\":\"text-xl font-semibold text-white\",\"children\":\"Daily Admonition\"}]}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-black bg-opacity-60 opacity-0 group-hover:opacity-100 transition-opacity flex flex-col justify-center items-center text-center p-6\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-white mb-6\",\"children\":\"Short daily reminders from the Prophet ﷺ to inspire your day.\"}],[\"$\",\"span\",null,{\"className\":\"inline-block bg-white text-gray-800 font-medium px-6 py-3 rounded hover:bg-gray-200 transition\",\"children\":\"Learn More →\"}]]}]]}],[\"$\",\"$L1d\",\"Weekly Daras\",{\"href\":\"/programs/weekly\",\"className\":\"group block relative overflow-hidden rounded-xl shadow-lg transform hover:-translate-y-1 transition\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative h-72 w-full\",\"children\":[\"$\",\"$L9\",null,{\"src\":\"/images/programs/weekly.jpg\",\"alt\":\"Weekly Daras\",\"fill\":true,\"style\":{\"objectFit\":\"cover\"},\"className\":\"group-hover:scale-105 transition-transform\"}]}],[\"$\",\"div\",null,{\"className\":\"bg-emerald-600 px-6 py-4\",\"children\":[\"$\",\"h3\",null,{\"className\":\"text-xl font-semibold text-white\",\"children\":\"Weekly Daras\"}]}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-black bg-opacity-60 opacity-0 group-hover:opacity-100 transition-opacity flex flex-col justify-center items-center text-center p-6\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-white mb-6\",\"children\":\"Join our weekly classes diving deep into Islamic knowledge.\"}],[\"$\",\"span\",null,{\"className\":\"inline-block bg-white text-gray-800 font-medium px-6 py-3 rounded hover:bg-gray-200 transition\",\"children\":\"Learn More →\"}]]}]]}],[\"$\",\"$L1d\",\"Jumuah\",{\"href\":\"/programs/jummah\",\"className\":\"group block relative overflow-hidden rounded-xl shadow-lg transform hover:-translate-y-1 transition\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative h-72 w-full\",\"children\":[\"$\",\"$L9\",null,{\"src\":\"/images/programs/jummah.jpg\",\"alt\":\"Jumuah\",\"fill\":true,\"style\":{\"objectFit\":\"cover\"},\"className\":\"group-hover:scale-105 transition-transform\"}]}],[\"$\",\"div\",null,{\"className\":\"bg-emerald-600 px-6 py-4\",\"children\":[\"$\",\"h3\",null,{\"className\":\"text-xl font-semibold text-white\",\"children\":\"Jumuah\"}]}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-black bg-opacity-60 opacity-0 group-hover:opacity-100 transition-opacity flex flex-col justify-center items-center text-center p-6\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-white mb-6\",\"children\":\"Listen to our weekly Friday khutbahs anytime, anywhere.\"}],[\"$\",\"span\",null,{\"className\":\"inline-block bg-white text-gray-800 font-medium px-6 py-3 rounded hover:bg-gray-200 transition\",\"children\":\"Learn More →\"}]]}]]}],[\"$\",\"$L1d\",\"Monthly Lecture\",{\"href\":\"/programs/monthly\",\"className\":\"group block relative overflow-hidden rounded-xl shadow-lg transform hover:-translate-y-1 transition\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative h-72 w-full\",\"children\":[\"$\",\"$L9\",null,{\"src\":\"/images/programs/monthly.jpg\",\"alt\":\"Monthly Lecture\",\"fill\":true,\"style\":{\"objectFit\":\"cover\"},\"className\":\"group-hover:scale-105 transition-transform\"}]}],[\"$\",\"div\",null,{\"className\":\"bg-emerald-600 px-6 py-4\",\"children\":[\"$\",\"h3\",null,{\"className\":\"text-xl font-semibold text-white\",\"children\":\"Monthly Lecture\"}]}],\"$L1e\"]}],\"$L1f\"]}]]}]}]\n"])</script><script>self.__next_f.push([1,"19:[\"$\",\"$L20\",null,{}]\n1a:[\"$\",\"$L21\",null,{\"children\":[\"$L22\",[\"$\",\"$L23\",null,{\"promise\":\"$@24\"}]]}]\n1b:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L25\",null,{\"children\":\"$L26\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L27\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$28\",null,{\"fallback\":null,\"children\":\"$L29\"}]}]}]]}]\n1e:[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-black bg-opacity-60 opacity-0 group-hover:opacity-100 transition-opacity flex flex-col justify-center items-center text-center p-6\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-white mb-6\",\"children\":\"Special guest scholars deliver lectures every month.\"}],[\"$\",\"span\",null,{\"className\":\"inline-block bg-white text-gray-800 font-medium px-6 py-3 rounded hover:bg-gray-200 transition\",\"children\":\"Learn More →\"}]]}]\n"])</script><script>self.__next_f.push([1,"1f:[\"$\",\"$L1d\",\"Special Events\",{\"href\":\"/programs/specialevents\",\"className\":\"group block relative overflow-hidden rounded-xl shadow-lg transform hover:-translate-y-1 transition\",\"children\":[[\"$\",\"div\",null,{\"className\":\"relative h-72 w-full\",\"children\":[\"$\",\"$L9\",null,{\"src\":\"/images/programs/specialevents.jpg\",\"alt\":\"Special Events\",\"fill\":true,\"style\":{\"objectFit\":\"cover\"},\"className\":\"group-hover:scale-105 transition-transform\"}]}],[\"$\",\"div\",null,{\"className\":\"bg-emerald-600 px-6 py-4\",\"children\":[\"$\",\"h3\",null,{\"className\":\"text-xl font-semibold text-white\",\"children\":\"Special Events\"}]}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-black bg-opacity-60 opacity-0 group-hover:opacity-100 transition-opacity flex flex-col justify-center items-center text-center p-6\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-white mb-6\",\"children\":\"Highlights from our Ramadan, Eid and community events.\"}],[\"$\",\"span\",null,{\"className\":\"inline-block bg-white text-gray-800 font-medium px-6 py-3 rounded hover:bg-gray-200 transition\",\"children\":\"Learn More →\"}]]}]]}]\n"])</script><script>self.__next_f.push([1,"26:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n22:null\n24:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Masjid At Taqwa\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Spreading the word of ALLAH\"}],[\"$\",\"link\",\"2\",{\"rel\":\"shortcut icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",\"3\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",\"4\",{\"rel\":\"apple-touch-icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"$L2a\",\"5\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n29:\"$24:metadata\"\n"])</script>
    </body>
</html>
