update why page

templates/index.html

@@ -10,11 +10,13 @@
             A beautiful site built with Zola and Tailwind CSS.
         </p>
     </div> -->
-    <div class="flex items-center justify-center">
+    <div>
         <div class="px-4 py-5 sm:p-6">
             <div class="">
-                {% if section.content %}
+                {% if section and section.content %}
                     {{ section.content | safe }}
+                {% elif page and page.content %}
+                    {{ page.content | safe }}
                 {% else %}
                     <p>This is a starter template for your Zola site with Tailwind CSS.</p>
                     <p>Edit the content in <code>content/_index.md</code> to customize this page.</p>
@@ -24,7 +26,8 @@
     </div>
 </div>
 
-<div class="mt-8 grid gap-6 grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
+{% if section and section.pages %}
+<!-- <div class="mt-8 grid gap-6 grid-cols-1 md:grid-cols-2 lg:grid-cols-3">
     {% for page in section.pages %}
         <a href="{{ page.permalink }}" class="bg-white overflow-hidden shadow rounded-lg hover:shadow-lg transition-shadow duration-300">
             <div class="px-4 py-5 sm:p-6">
@@ -38,5 +41,6 @@
             </div>
         </a>
     {% endfor %}
-</div>
+</div> -->
+{% endif %}
 {% endblock %}