From a49bd3f8a33e53b971a00174e3ab08c8ed5cc630 Mon Sep 17 00:00:00 2001
From: joyzhao <zhaoguiyang18@gmail.com>
Date: Sat, 21 Jun 2025 10:47:03 +0800
Subject: [PATCH] feat(homepage): add call-to-action buttons for services and
 about pages

Add prominent buttons linking to services and about pages to improve navigation and user engagement
---
 src/pages/index.astro    | 19 ++++++++++++++++++-
 src/pages/zh/index.astro | 18 ++++++++++++++++++
 2 files changed, 36 insertions(+), 1 deletion(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index c990e20..e5d50a8 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -229,6 +229,15 @@ const pageTitle = t('site.title');
             </div>
           ))}
         </div>
+        
+        <div class="mt-12 text-center">
+          <a href="/services" class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-purple-500 text-white shadow hover:bg-purple-600 h-10 px-8 py-2">
+            <svg class="h-5 w-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path>
+            </svg>
+            查看所有服务
+          </a>
+        </div>
       </Container>
     </section>
     
@@ -261,7 +270,15 @@ const pageTitle = t('site.title');
                     <p class="text-gray-700 dark:text-gray-300 leading-relaxed">
                       {paragraph}
                     </p>
-                  ))}
+                  ))}                </div>
+                
+                <div class="mt-6">
+                  <a href="/about" class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-blue-500 text-white shadow hover:bg-blue-600 h-9 px-4 py-2">
+                    <svg class="h-5 w-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                    </svg>
+                    了解更多关于我
+                  </a>
                 </div>
               </div>
 
diff --git a/src/pages/zh/index.astro b/src/pages/zh/index.astro
index 1abee5f..ec9d2da 100644
--- a/src/pages/zh/index.astro
+++ b/src/pages/zh/index.astro
@@ -229,6 +229,15 @@ const pageTitle = t('site.title');
             </div>
           ))}
         </div>
+        
+        <div class="mt-12 text-center">
+          <a href="/zh/services" class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-purple-500 text-white shadow hover:bg-purple-600 h-10 px-8 py-2">
+            <svg class="h-5 w-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path>
+            </svg>
+            查看所有服务
+          </a>
+        </div>
       </Container>
     </section>
     
@@ -263,6 +272,15 @@ const pageTitle = t('site.title');
                     </p>
                   ))}
                 </div>
+                
+                <div class="mt-6">
+                  <a href="/zh/about" class="inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 bg-blue-500 text-white shadow hover:bg-blue-600 h-9 px-4 py-2">
+                    <svg class="h-5 w-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
+                    </svg>
+                    了解更多关于我
+                  </a>
+                </div>
               </div>
 
               <!-- Stats Grid -->