diff --git a/src/components/Layout/MobileStickyCTA.tsx b/src/components/Layout/MobileStickyCTA.tsx index ccc0e0f..a76958c 100644 --- a/src/components/Layout/MobileStickyCTA.tsx +++ b/src/components/Layout/MobileStickyCTA.tsx @@ -1,8 +1,21 @@ import { Link } from 'react-router-dom' +import { getCMSConfig, useCMS } from '@/services/cms' export default function MobileStickyCTA() { + const { data: config } = useCMS(getCMSConfig, null) + const hotline = String(config?.hotline || '').trim() + const phoneLink = hotline.replace(/[^\d+]/g, '') + return (
+ {phoneLink && ( + + + 电话 + + )} 看看你的企业 diff --git a/src/components/Layout/Navbar.tsx b/src/components/Layout/Navbar.tsx index 56974b7..a0ad1dd 100644 --- a/src/components/Layout/Navbar.tsx +++ b/src/components/Layout/Navbar.tsx @@ -13,7 +13,6 @@ export default function Navbar() { 阿美巴咨询 阿美巴咨询 - 企业进化陪跑 diff --git a/src/components/Layout/layout.css b/src/components/Layout/layout.css index 2f02a4f..ca4327c 100644 --- a/src/components/Layout/layout.css +++ b/src/components/Layout/layout.css @@ -19,8 +19,8 @@ object-fit: contain; flex: 0 0 auto; } -.brand-text strong { display: block; font-size: 15px; line-height: 1; } -.brand-text small { font-size: 11px; color: var(--text-muted); letter-spacing: 0.06em; } +.brand-text { display: flex; align-items: center; } +.brand-text strong { display: block; font-size: 15px; line-height: 1.2; } .nav-menu { display: flex; gap: 4px; align-items: center; } .nav-link { diff --git a/src/pages/Contact/contact.css b/src/pages/Contact/contact.css new file mode 100644 index 0000000..899d749 --- /dev/null +++ b/src/pages/Contact/contact.css @@ -0,0 +1,17 @@ +.contact-form-container { + max-width: 680px; +} + +.contact-form-card { + padding: 32px; +} + +@media (max-width: 768px) { + .contact-form-container { + max-width: none; + } + + .contact-form-card { + padding: 24px 20px; + } +} diff --git a/src/pages/Contact/index.tsx b/src/pages/Contact/index.tsx index 304fd49..da5befa 100644 --- a/src/pages/Contact/index.tsx +++ b/src/pages/Contact/index.tsx @@ -1,10 +1,10 @@ import { useState } from 'react' import { Link } from 'react-router-dom' -import { useCMS, useCMSTexts, getCMSConfig } from '@/services/cms' +import { useCMSTexts } from '@/services/cms' +import './contact.css' export default function Contact() { const { data: texts } = useCMSTexts() - const { data: config } = useCMS(getCMSConfig, null) const [form, setForm] = useState({ name: '', company: '', phone: '', need: '' }) const [submitted, setSubmitted] = useState(false) const [error, setError] = useState('') @@ -46,9 +46,8 @@ export default function Contact() {
-
-
-
+
+

咨询获取方案

提交后将进入顾问线索列表,请填写真实联系方式。

@@ -99,24 +98,6 @@ export default function Contact() {

{texts['contact.privacy_note'] || '提交即视为同意隐私与合规说明。'}

-
-
-

{texts['contact.channels_title'] || '其他通道'}

- {config?.hotline &&

{texts['contact.hotline_label'] || '联系电话'}:{config.hotline}

} - {config?.contact_email &&

{texts['contact.email_label'] || '联系邮箱'}:{config.contact_email}

} - {config?.contact_address &&

{texts['contact.address_label'] || '联系地址'}:{config.contact_address}

} - {config?.qr_image_url && {config.qr_label{config.qr_label || texts['contact.qr_default_label'] || '扫码联系我们'}} -
-
-

快速路径

-

首页 → 看看你的企业(轻量对照)→ 联系我们 → 顾问跟进

-

首页 → 企业进化 → 价值/A/M/B → 联系我们(深度路径)

- - 先看看你的企业 → - -
-
-
diff --git a/src/pages/Home/home.css b/src/pages/Home/home.css index 5afe8e3..2a798e0 100644 --- a/src/pages/Home/home.css +++ b/src/pages/Home/home.css @@ -4,7 +4,7 @@ padding: 64px 0 56px; } .hero-home-inner { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 32px; align-items: center; } -.hero-copy h1 { font-size: 40px; font-weight: 900; line-height: 1.15; margin: 8px 0 14px; } +.hero-copy h1 { font-size: 40px; font-weight: 900; line-height: 1.15; margin: 0 0 14px; } .hero-desc { color: rgba(255,255,255,0.82); font-size: 15px; line-height: 1.8; max-width: 560px; } .hero-actions { display: flex; gap: 12px; margin-top: 20px; flex-wrap: wrap; } .hero-actions .btn-ghost { color: #fff; border-color: rgba(255,255,255,0.55); background: rgba(255,255,255,0.08); } diff --git a/src/pages/Home/index.tsx b/src/pages/Home/index.tsx index 9eeeb17..3ed7c8d 100644 --- a/src/pages/Home/index.tsx +++ b/src/pages/Home/index.tsx @@ -18,7 +18,6 @@ export default function Home() {
-

{text('home.eyebrow', '阿美巴 · 企业进化陪跑')}

{heroTitle.map((line, i) => {i > 0 &&
}{line}
)}

diff --git a/src/styles/global.css b/src/styles/global.css index 2637bf3..a6a2d80 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -189,7 +189,26 @@ img { max-width: 100%; display: block; } box-shadow: 0 -4px 20px rgba(0,0,0,0.06); } .mobile-sticky-cta .btn { flex: 1; } +.mobile-sticky-cta .mobile-call-cta { + flex: 0 0 58px; + padding-inline: 10px; + flex-direction: column; + gap: 1px; + font-size: 10px; + line-height: 1.1; +} +.mobile-call-cta svg { + width: 19px; + height: 19px; + fill: none; + stroke: currentColor; + stroke-width: 1.8; + stroke-linecap: round; + stroke-linejoin: round; +} @media (max-width: 768px) { - .mobile-sticky-cta { display: flex; gap: 10px; } + .mobile-sticky-cta { display: flex; gap: 8px; } + .mobile-sticky-cta .btn { min-height: 46px; padding-inline: 12px; } + .mobile-sticky-cta .mobile-call-cta { padding-inline: 8px; } body { padding-bottom: 64px; } }