add github ci/cd page workflow

Author: Vonng

.github/workflows/page.yaml

@@ -0,0 +1,64 @@
+# Build Hugo site and push to page branch
+name: Build Hugo Site
+
+on:
+  push:
+    branches: ["main"]
+  pull_request:
+    branches: ["main"]
+  workflow_dispatch:
+
+permissions:
+  contents: write
+
+defaults:
+  run:
+    shell: bash
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    env:
+      HUGO_VERSION: 0.154.1
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+          submodules: recursive
+
+      - name: Setup Go
+        uses: actions/setup-go@v5
+        with:
+          go-version: '1.25'
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '24'
+
+      - name: Install npm dependencies
+        run: npm ci --prefer-offline --no-audit
+
+      - name: Setup Hugo
+        run: |
+          wget -q -O ${{ runner.temp }}/hugo.deb https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_extended_${HUGO_VERSION}_linux-amd64.deb \
+          && sudo dpkg -i ${{ runner.temp }}/hugo.deb
+
+      - name: Build with Hugo
+        env:
+          HUGO_ENVIRONMENT: production
+          HUGO_ENV: production
+        run: hugo --gc --minify
+
+      - name: Deploy to page branch
+        if: github.event_name == 'push' && github.ref == 'refs/heads/main'
+        uses: peaceiris/actions-gh-pages@v4
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_branch: page
+          publish_dir: ./public
+          force_orphan: true
+          user_name: 'github-actions[bot]'
+          user_email: 'github-actions[bot]@users.noreply.github.com'
+          commit_message: 'deploy: ${{ github.sha }}'

static/css/landing.css

@@ -63,6 +63,21 @@
    Base Styles
    ============================================ */
 
+/* Ensure html and body have no gaps and match hero background */
+html {
+  background: var(--pigsty-dark);
+}
+
+body.landing-page {
+  margin: 0;
+  padding: 0;
+  font-family: var(--font-sans);
+  line-height: 1.6;
+  color: var(--pigsty-gray-100);
+  background: var(--pigsty-dark);
+  overflow-x: hidden;
+}
+
 .landing-page {
   font-family: var(--font-sans);
   line-height: 1.6;
@@ -159,9 +174,10 @@
 }
 
 .landing-header.scrolled {
-  background: rgba(15, 20, 25, 0.95);
-  backdrop-filter: blur(10px);
-  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+  background: rgba(15, 20, 25, 0.98);
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
 }
 
 .landing-nav {
@@ -2076,6 +2092,21 @@
   font-size: 0.85rem;
 }
 
+.footer-copyright a {
+  color: inherit;
+  text-decoration: none;
+}
+
+.footer-icp a {
+  color: var(--pigsty-gray-500);
+  text-decoration: none;
+  transition: color var(--transition-fast);
+}
+
+.footer-icp a:hover {
+  color: var(--pigsty-gray-300);
+}
+
 .footer-lang-switch a {
   color: var(--pigsty-gray-400);
   text-decoration: none;