When I click on 'পর্ণ কি ও কেন?' in the hamburger menu, a page about it will open. That way, it will be with everyone. - Follow Up Deployment

index.html

@@ -81,7 +81,7 @@
                 </button>
             </div>
             <div class="overflow-y-auto h-full pb-20">
-                <div class="menu-item p-4 border-b border-gray-200 flex items-center">
+                <div class="menu-item p-4 border-b border-gray-200 flex items-center" onclick="showContentPage('pornInfoPage')">
                     <i class="fas fa-book mr-3 text-blue-500"></i>
                     <span>পর্ণ কি এবং কেন?</span>
                 </div>
@@ -122,6 +122,29 @@
         
         <!-- Main Content -->
         <main class="p-6">
+            <!-- Content Pages (initially hidden) -->
+            <div id="contentPages" class="hidden">
+                <div id="pornInfoPage" class="hidden">
+                    <h2 class="text-2xl font-bold mb-4">পর্ণ কি ও কেন?</h2>
+                    <div class="prose">
+                        <p class="mb-4">পর্ণোগ্রাফি বা পর্ণ হল যৌন উদ্দেশ্যে তৈরি ভিডিও, ছবি বা লেখা যা মানুষের যৌন আচরণকে প্রদর্শন করে। ইসলামে এটি সম্পূর্ণ হারাম এবং নিষিদ্ধ।</p>
+                        
+                        <h3 class="text-xl font-semibold mb-2">পর্ণের ক্ষতিকর দিক:</h3>
+                        <ul class="list-disc pl-5 mb-4">
+                            <li class="mb-2">মানসিক ও শারীরিক স্বাস্থ্যের অবনতি</li>
+                            <li class="mb-2">পরিবার ও সামাজিক সম্পর্কের ক্ষতি</li>
+                            <li class="mb-2">ধর্মীয় ও নৈতিক মূল্যবোধের অবক্ষয়</li>
+                            <li class="mb-2">মস্তিষ্কের রাসায়নিক ভারসাম্য নষ্ট করা</li>
+                        </ul>
+
+                        <h3 class="text-xl font-semibold mb-2">ইসলামিক দৃষ্টিকোণ:</h3>
+                        <p>ইসলামে যেকোনো ধরনের অশ্লীলতা সম্পূর্ণ হারাম। কুরআনে বলা হয়েছে: "তোমরা ব্যভিচারের কাছেও যেও না, নিশ্চয় তা অশ্লীল কাজ ও নিকৃষ্ট পথ।" (সূরা আল-ইসরা, আয়াত: ৩২)</p>
+                    </div>
+                    <button onclick="hideContentPage()" class="mt-6 bg-blue-500 text-white py-2 px-4 rounded-md">
+                        <i class="fas fa-arrow-left mr-2"></i> ফিরে যান
+                    </button>
+                </div>
+            </div>
             <!-- Motivation Quote -->
             <div class="bg-blue-50 border-l-4 border-blue-500 p-4 mb-6 rounded-r">
                 <p class="text-blue-800 font-medium">"যে ব্যক্তি নিজেকে সংশোধন করে নেয়, আল্লাহ তাকে সংশোধন করে দেন।" - সহীহ বুখারী</p>
@@ -208,6 +231,20 @@
     </div>
 
     <script>
+        // Content Page Functions
+        function showContentPage(pageId) {
+            document.querySelector('#contentPages').classList.remove('hidden');
+            document.querySelector('#contentPages > div').classList.add('hidden');
+            document.querySelector(`#${pageId}`).classList.remove('hidden');
+            document.querySelector('main > div:not(#contentPages)').classList.add('hidden');
+            closeMenu();
+        }
+
+        function hideContentPage() {
+            document.querySelector('#contentPages').classList.add('hidden');
+            document.querySelector('main > div:not(#contentPages)').classList.remove('hidden');
+        }
+
         // Menu Functions
         function openMenu() {
             document.getElementById('sideMenu').classList.remove('-translate-x-full');