Refactor: Improve Footer UI for Readability and Modern Aesthetics

[Copilot]

Footer had readability issues: text was too small (especially the copyright area), link spacing felt tight, top padding was excessive, and link groups used non-semantic structure.

Changes

• Typography
  • Brand text: text-base → text-lg
  • Description text: text-sm → text-base
  • Footer link group text: text-sm → text-base
  • Bottom copyright row: text-xs → text-base
• Spacing: Top padding pt-24 → pt-20; link column spacing standardized to gap-4
• Semantic HTML: Replaced bare <Link> stacks with <ul>/<li> wrappers for accessibility
• Hover polish: Added hover:underline underline-offset-4 transition-colors duration-200 to footer links

// Before
<div className="flex flex-col gap-3">
  <span className="font-medium text-foreground">เมนู</span>
  <Link href="#" className="hover:text-primary transition-colors">บริการของเรา</Link>
  ...
</div>

// After
<div className="flex flex-col gap-4">
  <span className="font-medium text-foreground">เมนู</span>
  <ul className="flex flex-col gap-4">
    <li><Link href="#" className="hover:text-primary hover:underline underline-offset-4 transition-colors duration-200">บริการของเรา</Link></li>
    ...
  </ul>
</div>

Screenshot

Updated UI screenshot: https://github.com/user-attachments/assets/c4fff3ed-b89a-4654-bf53-e946ea6fc654

[!WARNING]

---

📱 Kick off Copilot coding agent tasks wherever you are with GitHub Mobile, available on iOS and Android.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
fuen-jai	Ready	Preview, Comment	Mar 29, 2026 4:23pm

[psrisuphan]

let's go, morgan.

[withsutham]

สู้ ๆ นะมอร์แกนลูกพ่อ

[Bukutsu]

@copilot can you make it reasonable bigger

[withsutham]

ultrathick

[Copilot]

Just as a heads up, I was blocked by some firewall rules while working on your feedback. Expand below for details.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• example.supabase.co
  • Triggering command: /opt/hostedtoolcache/node/24.14.0/x64/bin/node /opt/hostedtoolcache/node/24.14.0/x64/bin/node /home/REDACTED/work/SE_KPS_68_2/SE_KPS_68_2/src/application/node_modules/next/dist/server/lib/start-server.js (dns block)
• fonts.googleapis.com
  • Triggering command: /opt/hostedtoolcache/node/24.14.0/x64/bin/node /opt/hostedtoolcache/node/24.14.0/x64/bin/node /home/REDACTED/work/SE_KPS_68_2/SE_KPS_68_2/src/application/node_modules/next/dist/server/lib/start-server.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)