From 471cdb9fa016afc42a4382b71c8908eb8cd2fc28 Mon Sep 17 00:00:00 2001
From: "2569718930@qq.com" <2569718930@qq.com>
Date: Tue, 9 Jun 2026 13:14:57 +0800
Subject: [PATCH] Add landing contact links

---
 .../landing/InstitutionalLandingPage.tsx      | 47 ++++++++++++++++++-
 .../__tests__/landingPricingReferral.test.ts  |  5 ++
 2 files changed, 51 insertions(+), 1 deletion(-)

diff --git a/frontend/components/landing/InstitutionalLandingPage.tsx b/frontend/components/landing/InstitutionalLandingPage.tsx
index 64cedcf3..fa4dd8c1 100644
--- a/frontend/components/landing/InstitutionalLandingPage.tsx
+++ b/frontend/components/landing/InstitutionalLandingPage.tsx
@@ -49,6 +49,9 @@ const PRO_FEATURES_ZH = [
   "订阅与准入问题优先支持",
 ];
 
+const CONTACT_EMAIL = "yhrsc30@gmail.com";
+const CONTACT_X_URL = "https://x.com/polyweatheryuan";
+
 const SUPPORTED_CITY_GROUPS: Array<{
   descriptionEn: string;
   descriptionZh: string;
@@ -304,7 +307,7 @@ function InstitutionalLandingScreen({ locale }: { locale: LandingLocale }) {
             PolyWeather
           </Link>
 
-          <nav className="hidden items-center gap-7 text-sm font-medium text-slate-500 md:flex">
+          <nav className="hidden items-center gap-6 text-sm font-medium text-slate-500 lg:flex">
             <a href="#platform" className="hover:text-slate-950">
               {isEn ? "Platform" : "平台"}
             </a>
@@ -323,6 +326,9 @@ function InstitutionalLandingScreen({ locale }: { locale: LandingLocale }) {
             <a href="#pricing" className="hover:text-slate-950">
               {isEn ? "Pricing" : "定价"}
             </a>
+            <a href="#contact" className="hover:text-slate-950">
+              {isEn ? "Contact" : "联系"}
+            </a>
           </nav>
 
           <LandingHeaderActions locale={locale} />
@@ -779,6 +785,45 @@ function InstitutionalLandingScreen({ locale }: { locale: LandingLocale }) {
             </div>
           </div>
         </section>
+
+        <section id="contact" className="scroll-mt-16 border-t border-slate-200 bg-white px-4 py-16 sm:px-6">
+          <div className="mx-auto grid max-w-6xl gap-6 md:grid-cols-[1fr_auto] md:items-center">
+            <div>
+              <p className="text-xs font-bold uppercase tracking-[0.18em] text-slate-400">
+                {isEn ? "Contact" : "联系"}
+              </p>
+              <h2 className="mt-3 text-2xl font-black tracking-tight text-slate-950 sm:text-3xl">
+                {isEn
+                  ? "Questions about access, payments, or supported markets?"
+                  : "有访问、付款或支持城市的问题？"}
+              </h2>
+              <p className="mt-3 max-w-2xl text-sm leading-7 text-slate-600">
+                {isEn
+                  ? "Reach out directly for subscription recovery, Telegram access, city coverage, and product feedback."
+                  : "订阅恢复、Telegram 入群、城市覆盖和产品反馈，可以直接联系我。"}
+              </p>
+            </div>
+
+            <div className="flex flex-wrap gap-3 md:justify-end">
+              <Link
+                href={`mailto:${CONTACT_EMAIL}`}
+                className="inline-flex min-h-11 items-center justify-center gap-2 rounded-md border border-slate-200 bg-[#fbfbfa] px-4 py-2 text-sm font-bold text-slate-700 shadow-sm hover:border-slate-300 hover:text-slate-950"
+              >
+                {CONTACT_EMAIL}
+                <LandingIcon name="arrow" size={15} />
+              </Link>
+              <Link
+                href={CONTACT_X_URL}
+                target="_blank"
+                rel="noreferrer"
+                className="inline-flex min-h-11 items-center justify-center gap-2 rounded-md bg-slate-950 px-4 py-2 text-sm font-bold text-white hover:bg-slate-800"
+              >
+                {isEn ? "Follow on X" : "X / Twitter"}
+                <LandingIcon name="arrow" size={15} />
+              </Link>
+            </div>
+          </div>
+        </section>
       </main>
     </div>
   );
diff --git a/frontend/components/landing/__tests__/landingPricingReferral.test.ts b/frontend/components/landing/__tests__/landingPricingReferral.test.ts
index a0947d2f..eec990d4 100644
--- a/frontend/components/landing/__tests__/landingPricingReferral.test.ts
+++ b/frontend/components/landing/__tests__/landingPricingReferral.test.ts
@@ -87,6 +87,11 @@ export function runTests() {
       source.includes("{city.icao}"),
     "landing supported cities must render names and station codes from the generated city groups",
   );
+  assert(source.includes("#contact"), "landing navigation must expose the contact section");
+  assert(source.includes('id="contact"'), "landing page must include a contact section");
+  assert(source.includes("yhrsc30@gmail.com"), "landing page must show the operator contact email");
+  assert(source.includes("mailto:${CONTACT_EMAIL}"), "landing contact email must be clickable");
+  assert(source.includes("https://x.com/polyweatheryuan"), "landing page must link to the PolyWeather X account");
   assert(source.includes("结算源优先") && source.includes("差异化卖点"), "landing page must explain the differentiated settlement-source positioning");
   assert(!source.includes('src="/static/web.png"'), "landing hero must not use the heavy PNG as its primary LCP image");
   assert(