From 0643f185ac3b6a2aa67dba0839ecacb7ef4a19d0 Mon Sep 17 00:00:00 2001
From: Zonghao Yuan <64521992+zonghaoyuan@users.noreply.github.com>
Date: Wed, 24 Jun 2026 22:10:43 +0800
Subject: [PATCH] feat(web): move feedback entry from floating button to about
 section (#112)

Replace the fixed bottom-right ember-500 floating button with a
dedicated fourth column in the about grid, matching existing visual
language (smallcaps heading + icon link). Adds submitFeedback and
feedbackDescription i18n keys for zh-CN, en, ja.

Grid uses md:grid-cols-2 lg:grid-cols-4 for better mid-screen
responsiveness.

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
---
 app/[locale]/page.tsx     | 29 +++++++++++++++++------------
 lib/i18n/locales/en.ts    |  2 ++
 lib/i18n/locales/ja.ts    |  2 ++
 lib/i18n/locales/zh-CN.ts |  2 ++
 4 files changed, 23 insertions(+), 12 deletions(-)

diff --git a/app/[locale]/page.tsx b/app/[locale]/page.tsx
index 6273cbf..f42e87f 100644
--- a/app/[locale]/page.tsx
+++ b/app/[locale]/page.tsx
@@ -2077,7 +2077,7 @@ export default function HomePage() {
           </p>
         </div>
 
-        <div className="mx-auto grid max-w-4xl grid-cols-1 gap-y-10 text-center md:grid-cols-3 md:gap-x-10">
+        <div className="mx-auto grid max-w-5xl grid-cols-1 gap-y-10 text-center md:grid-cols-2 lg:grid-cols-4 md:gap-x-10">
           <div>
             <p className="text-[10px] smallcaps text-clay-500 mb-3">{t("home.about.team")}</p>
             <p className="font-serif italic text-clay-700 text-base leading-relaxed">
@@ -2134,6 +2134,22 @@ export default function HomePage() {
               <span className="font-sans text-sm text-clay-900">575404333</span>
             </p>
           </div>
+
+          <div>
+            <p className="text-[10px] smallcaps text-clay-500 mb-3">{t("home.ui.feedback")}</p>
+            <p className="font-serif text-clay-700 text-base leading-relaxed mb-4">
+              {t("home.about.feedbackDescription")}
+            </p>
+            <a
+              href="https://tally.so/r/VLqO1M"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="inline-flex items-center gap-2 text-clay-700 hover:text-ember-500 transition-colors"
+            >
+              <i className="fa-solid fa-comment-dots text-[15px]" />
+              <span className="font-sans text-sm">{t("home.ui.submitFeedback")}</span>
+            </a>
+          </div>
         </div>
 
         <div className="hairline-full w-full mt-14 md:mt-20 mb-12 md:mb-16" />
@@ -2155,17 +2171,6 @@ export default function HomePage() {
         </div>
       </footer>
 
-      {/* ================== 反馈悬浮按钮 ================== */}
-      <a
-        href="https://tally.so/r/VLqO1M"
-        target="_blank"
-        rel="noopener noreferrer"
-        aria-label={t("home.ui.feedback")}
-        className="fixed right-5 bottom-[calc(1.25rem+env(safe-area-inset-bottom))] z-50 flex items-center gap-2 rounded-full bg-ember-500 pl-3.5 pr-4 py-2.5 text-sm text-cream-50 shadow-lg transition-all hover:bg-clay-800 active:scale-95"
-      >
-        <i className="fa-solid fa-comment-dots text-[13px]" />
-        <span className="font-sans tracking-wide">{t("home.ui.feedback")}</span>
-      </a>
 
       {styleOpen && styleRow >= 0 && (
         <StyleModal
diff --git a/lib/i18n/locales/en.ts b/lib/i18n/locales/en.ts
index e0e66f4..799a2f7 100644
--- a/lib/i18n/locales/en.ts
+++ b/lib/i18n/locales/en.ts
@@ -120,6 +120,7 @@ export const en = {
       cancel: "Cancel",
       saveAndSelect: "Save and Select",
       feedback: "Feedback",
+      submitFeedback: "Submit Feedback",
     },
 
     styleModal: {
@@ -165,6 +166,7 @@ Dreamy watercolor style with soft tones and nostalgic atmosphere
       contact: "CONTACT",
       email: "Email",
       openSource: "OPEN SOURCE",
+      feedbackDescription: "Your thoughts matter — tell us about your experience and suggestions.",
       betaUsers: "BETA USERS",
       qqGroupLabel: "QQ Group: ",
       qqGroupAlt: "InfiPlot Public Beta Group QR Code (Group ID: 575404333)",
diff --git a/lib/i18n/locales/ja.ts b/lib/i18n/locales/ja.ts
index 990add7..242b132 100644
--- a/lib/i18n/locales/ja.ts
+++ b/lib/i18n/locales/ja.ts
@@ -131,6 +131,7 @@ export const ja = {
       cancel: "キャンセル",
       saveAndSelect: "保存して適用",
       feedback: "フィードバック",
+      submitFeedback: "フィードバックを送信",
     },
 
     // Style modal
@@ -180,6 +181,7 @@ export const ja = {
       contact: "連絡先",
       email: "メールアドレス",
       openSource: "ソースコード",
+      feedbackDescription: "ご意見をお聞かせください。体験やご提案をお待ちしています。",
       betaUsers: "クローズドβユーザーグループ",
       qqGroupLabel: "QQグループ番号：",
       qqGroupAlt: "InfiPlot オープンβ交流QQグループ QRコード（グループ番号 575404333）",
diff --git a/lib/i18n/locales/zh-CN.ts b/lib/i18n/locales/zh-CN.ts
index bd5af8e..a82fd19 100644
--- a/lib/i18n/locales/zh-CN.ts
+++ b/lib/i18n/locales/zh-CN.ts
@@ -131,6 +131,7 @@ export const zhCN = {
       cancel: "取消",
       saveAndSelect: "保存并选用",
       feedback: "反馈",
+      submitFeedback: "提交反馈",
     },
 
     // Style modal
@@ -180,6 +181,7 @@ export const zhCN = {
       contact: "联 系 方 式",
       email: "邮箱",
       openSource: "开 源 地 址",
+      feedbackDescription: "你的想法对我们很重要，欢迎告诉我们你的体验和建议。",
       betaUsers: "内 测 用 户 群",
       qqGroupLabel: "QQ群号：",
       qqGroupAlt: "InfiPlot 公测交流群 QQ 群二维码（群号 575404333）",