udpate

config/page.json

@@ -1,8 +1,8 @@
 {
-    "/index":{
-        "title":"Index"
+    "/index": {
+        "title": "Hello"
     },
-    "/about":{
-        "title":"About"
+    "/about": {
+        "title": "About"
     }
 }

public/index.php

@@ -19,13 +19,13 @@ init();
     <div class="w-full flex justify-center">
         <div class="flex h-12 p-3 w-[1080px] justify-center font-thin">
 
-            <div class="flex text-xl ">
+            <div class="flex text-xl">
                 Logo
             </div>
 
             <div class="flex space-x-5 text-xl px-5">
                 <div>
-                    <a href="/">Hello</a>
+                    <a href="/">Home</a>
                 </div>
                 <div>
                     <a href="/about">About</a>
@@ -39,8 +39,9 @@ init();
         <div class="flex justify-center w-[1080px]">
 
             <div class="p-2 md:p-3 w-full">
-                <div class="h-[50px]"></div>
+                <div class="md:h-[50px] h-[10px]"></div>
                 <?php show_page(); ?>
+                <div class="md:h-[100px] h-[20px]"></div>
             </div>
         </div>
     </div>
@@ -58,12 +59,21 @@ function show_index()
 {
     ob_start(); ?>
 
-    <div class="">
-        <p class="text-2xl">
-            this is index
-        </p>
-    </div>
+    <?php
+    $list = [1, 2, 3]
 
+    ?>
+
+    <div class="flex flex-col md:space-y-10 space-y-5">
+
+        <?php foreach ($list as $row) { ?>
+            <a href="/">
+                <div class="bg-red-50 md:h-[300px] h-[180px] w-full rounded-md border-dark-100 border-2">
+
+                </div>
+            </a>
+        <?php } ?>
+    </div>
 
 <?php
     $html = ob_get_contents();