Improve mobile responsive layout and site content

src/components/PageShell.astro

@@ -42,7 +42,7 @@ const {
     <meta name="twitter:image" content={new URL(image, Astro.site).toString()} />
 
     <!-- Favicons -->
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
@@ -121,7 +121,7 @@ const {
       </button>
 
       <nav id="nav-menu" class="nav-menu" aria-label="เมนูหลัก" data-nav-menu>
-        <a href="/">หน้าแรก</a>
+        <a href="/">หน้าหลัก</a>
         <div class="nav-service">
           <button type="button" aria-expanded="false" data-service-toggle>บริการ</button>
           <div class="service-mega" data-service-menu>
@@ -134,9 +134,8 @@ const {
           </div>
         </div>
         <a href="/portfolio/">ผลงาน</a>
-        <a href="/about/">เกี่ยวกับ</a>
+        <a href="/about/">เกี่ยวกับเรา</a>
         <a href="/blog/">บทความ</a>
-        <a href="/contact/">ติดต่อ</a>
       </nav>
 
       <button class="nav-cta" type="button" data-open-lead>ส่งโจทย์ให้เราดู</button>