diff --git a/README.md b/README.md index 43713d2..6e4ce40 100644 --- a/README.md +++ b/README.md @@ -1,114 +1,177 @@ -# B2B Trade — 汽车贴膜企业 B2B 主题 +# B2B Trade — 汽车贴膜门店 WordPress 主题 -B2B Trade 是一款面向 OEM、ODM 和贴牌汽车贴膜制造商的经典 WordPress 主题。专为帮助海外品牌方、进口商、经销商、零售商和项目采购方评估生产能力并提交合格询价而设计。 +专业汽车贴膜门店（面向终端车主）的经典 WordPress 主题。支持服务项目展示、施工案例作品集、在线预约联系，适配移动端。 -本主题不依赖 WooCommerce，不含购物车、价格、结账或在线下单流程。产品卡片是工厂生产参考案例，引导买家进入询价表单。附带的参考图片使用浅灰色 SVG 占位符，上线前请替换为实际产品图片。 +## 项目说明 + +本主题面向汽车贴膜门店（TPU 保护膜 / 彩色改色膜 / 隔热防爆膜等），不是 B2B 代工厂模板。站点采用多页面架构 + 自定义文章类型，首页为落地页，引导车主浏览服务、查看案例并预约到店。 + +> 仓库名 `fragrance-trade` 为历史遗留（原是香水贸易模板），代码标识符（文本域 `fragrance-trade`、CSS 前缀 `fragrance-`、PHP 函数前缀 `fragrance_trade_`）保持不变，不影响功能。 ## 环境要求 -- WordPress 6.5 或更高版本 -- PHP 7.4 或更高版本 +- WordPress 6.5+ +- PHP 7.4+ - 生产环境建议使用 HTTPS 和认证 SMTP ## 安装 1. 将 `fragrance-trade` 文件夹复制到 `wp-content/themes/`。 2. 在 **外观 → 主题** 中激活 **B2B Trade**。 -3. 在 **外观 → 自定义 → 站点身份** 中设置站点标题和自定义 Logo。 -4. 创建菜单并分配到 **主导航**。未分配时主题使用单页 B2B 回退菜单。 -5. 打开 **外观 → 自定义 → B2B 企业首页**，将所有演示文案和图片替换为经验证的工厂信息。 +3. 主题激活时自动完成初始化： + - 注册 `service`（服务项目）和 `case`（案例作品）两个自定义文章类型 + - 将 Customizer 中的 7 个产品数据迁移为 `service` 文章 + - 自动创建首页、关于门店、常见问题、预约/联系四个页面 + - 将首页设置为静态首页 +4. **重要：** 激活后进入 **设置 → 固定链接**，点击"保存更改"刷新路由规则。 +5. 在 **外观 → 自定义 → 站点身份** 中设置站点标题和 Logo。 +6. 在 **外观 → 菜单** 中创建导航菜单并分配到 **主导航**。 +7. 打开 **外观 → 自定义 → 门店首页**，将所有演示文案替换为真实门店信息。 -## 首页架构 +## 站点架构 -首页遵循 B2B 采购方的决策路径： +### 页面结构 -1. 制造商定位与询价入口 -2. 工厂合作证明点 -3. OEM/ODM 和贴牌服务 -4. 产品制造能力 -5. 膜料、颜色和包装定制 -6. 工厂证明与可选工厂参观视频 -7. 品质管控环节 -8. 从打样到发货的项目流程 -9. 典型采购方项目案例 -10. 文档与出口支持 -11. 起订量、打样、包装和文件常见问题 -12. 合格询价表单 +| 页面 | 模板 | 说明 | +|------|------|------| +| 首页 | `front-page.php` | 落地页：Hero + 信任栏 + 服务项目预览 + 案例预览 + CTA | +| 服务项目列表 | `archive-service.php` | 展示全部服务项目（膜品） | +| 服务项目详情 | `single-service.php` | 单个膜品详情 | +| 案例作品列表 | `archive-case.php` | 施工案例作品集，支持按分类筛选 | +| 案例详情 | `single-case.php` | 单个施工案例 | +| 关于门店 | `page-about.php` | 门店介绍、环境展示、视频、服务保障 | +| 常见问题 | `page-faq.php` | FAQ 手风琴 | +| 预约/联系 | `page-contact.php` | 预约表单 + 门店信息 + 百度地图导航 | -## 自定义器板块 +### 首页板块（5 个模板片段） -**B2B 企业首页** 面板管理： +`front-page.php` 组装以下片段（来自 `template-parts/home/`）： -- 首屏定位、按钮和图片 -- 四个信任/证明点 -- 四个 OEM/ODM 服务卡片 -- 七个工厂生产产品参考卡片及图片 -- 八个定制选项 -- 工厂说明、证明点和四张图片 -- 工厂参观视频链接和封面 -- 六个品质管控环节 -- 八个项目流程步骤 -- 三个项目案例 -- 四个文档卡片 -- 八条 B2B 常见问题 -- 询价标题和提交按钮文字 -- 询价收件邮箱、WhatsApp 和社交链接 +1. `hero` — 首屏定位与行动按钮 +2. `trust` — 信任栏（4 个证明点） +3. `service-teaser` — 服务项目预览（从 `service` CPT 读取最新 3 条） +4. `case-teaser` — 案例预览（从 `case` CPT 读取最新 3 条） +5. `cta` — 行动召唤板块 -指标、认证、起订量、交期、产能、出口市场和可用文件必须在工厂验证后方可发布。 +### 自定义文章类型 -## 询价表单 +| CPT | 功能 | URL | +|-----|------|-----| +| `service` | 服务项目 / 膜品（TPU保护膜、彩色改色膜、隔热防爆膜等） | `/services/` | +| `case` | 施工案例作品集 | `/cases/` | +| `case_type` | 案例分类（taxonomy，挂在 `case` 上） | `/case-type/` | -精简的询价表单仅收集启动对话所需的信息： +主题激活时自动将 Customizer 中的 7 个产品数据迁移为 `service` 文章。 -- 采购方姓名和企业邮箱 -- 可选的公司名称和 WhatsApp/电话 -- 所需产品或服务 +## 自定义器（Customizer） + +**门店首页** 面板包含以下板块： + +- 首屏定位（眉标、主标题、简介、双按钮） +- 信任栏（4 个证明点） +- 服务项目（4 张服务卡片） +- 产品能力（7 个产品参考卡片及图片） +- 定制选项（8 个定制项） +- 门店环境与参观（简介、4 张门店图片、视频链接） +- 品质管控（6 个品质步骤） +- 项目流程（8 个流程步骤） +- 项目案例（3 个案例，可开关显示） +- 文档支持（4 个文档卡片，可开关显示） +- 常见问题（8 条 FAQ，可开关显示） +- 预约表单（标题、简介、按钮文字） +- 联系方式与社交链接（收件邮箱、WhatsApp、门店地址、电话、营业时间、地图嵌入、社交媒体链接） + +> 注：首页仅使用 5 个板块。其余板块（产品能力、定制选项、品质管控等）保留为 Customizer 配置源，同时 `service` CPT 激活时从这些配置迁移数据。 + +## 预约表单 + +预约/联系页面包含精简表单，收集启动对话所需的信息： + +- 客户姓名和企业邮箱 +- 可选的 WhatsApp/电话和所需服务 - 简要需求描述 -表单处理器验证 WordPress nonce，拒绝隐藏反垃圾字段，校验四个必填项，应用隐私保护的速率限制，并通过 `wp_mail()` 发送询价邮件。 +**安全措施：** +- WordPress nonce 验证 +- 隐藏反垃圾蜜罐字段 +- 速率限制（transient，防重复提交） +- `wp_mail()` 发送预约邮件 +- 提交后跳转回表单页面并显示状态提示 -生产环境请配置认证 SMTP 或事务性邮件插件。上线前请测试有效提交、无效邮箱和重复提交。 +服务项目页面和首页的"预约"按钮可通过 URL 参数 `?service=膜品名` 预填表单中的服务字段。 -## 工厂内容清单 +## 前端技术栈 -上线前请准备并验证以下内容： +- **Bootstrap 5.3**（CDN）：响应式栅格、offcanvas 移动导航、手风琴、表单控件 +- **AOS**：滚动动画 +- **Colorbox**：图片灯箱 +- **Google Fonts**：Josefin Sans + Jost + Noto Sans SC（思源黑体） +- **jQuery**：由 WordPress 提供，主题不另行打包 +- CSS/JS 使用 `filemtime()` 版本号防缓存 -- 公司法定名称和工厂地址 -- 成立年份、占地面积、员工人数和产能 -- 支持的膜料类型、颜色和表面工艺 -- 起订量、样品政策和生产交期 -- 工厂、涂布、分切、质检和仓库照片 -- 品质管控流程和批次记录 -- 认证及每份证书上的确切实体名称 -- 各目的地市场的可用文件 -- 出口市场和可披露的项目案例 +## 文件结构 -如某项数字或证书无法验证，请保留主题的安全通用文案，不要发布未经支持声明的内容。 +``` +fragrance-trade/ +├── functions.php # 加载 6 个 inc/ 模块 +├── front-page.php # 首页（5 个模板片段） +├── header.php # 导航栏 + offcanvas 移动导航 +├── footer.php # 页脚 + 联系/社交链接 +├── style.css # 主题信息头 + 基础样式 +├── archive-service.php # 服务项目列表 +├── single-service.php # 服务项目详情 +├── archive-case.php # 案例列表（支持分类筛选） +├── single-case.php # 案例详情 +├── page-about.php # 关于门店 +├── page-faq.php # 常见问题 +├── page-contact.php # 预约/联系 +├── index.php / single.php / page.php / archive.php / 404.php +├── inc/ +│ ├── defaults.php # 全中文安全默认值 +│ ├── setup.php # 主题初始化、资源加载 +│ ├── helpers.php # 工具函数（菜单回退、WhatsApp/邮件链接、通知） +│ ├── cpt.php # 自定义文章类型注册 + 激活迁移 +│ ├── customizer.php # Customizer 面板和字段 +│ └── inquiry.php # 预约表单处理器 +├── template-parts/ +│ ├── home/ # 首页片段（hero/trust/service-teaser/case-teaser/cta + 旧板块） +│ ├── content.php / content-page.php / content-none.php +├── assets/ +│ ├── css/ # normalize.css + vendor.css + theme.css +│ ├── js/ # theme.js + plugins.js +│ └── images/ # SVG 占位图 + 产品/门店图片 +└── languages/ # 翻译文件目录 +``` -## 前端行为 +## 占位资源 -- Bootstrap 提供响应式栅格、offcanvas 导航、手风琴和表单控件。 -- WordPress 提供 jQuery；主题不另行打包。 -- AOS 和 Colorbox 仅在其 API 可用时初始化。 -- 本地 CSS 和 JavaScript 使用文件修改时间版本号防止浏览器缓存过期。 -- 产品参考按钮预填询价表单中的产品字段。 -- 七个附带的参考产品使用 SVG 占位图，上线前请替换为实拍产品图。 -- 工厂流程封面为通用示意图，非特定车间实拍；有实拍素材时请替换。 -- 布局包含显式的 `min-width: 0` 栅格边界和移动端水平溢出防护。 +主题附带以下占位资源，上线前请替换为真实素材： -## 生产验证 +- 7 个产品 SVG 占位图（灰底虚线边框 + 中文标签） +- 4 个门店环境 SVG 占位图 +- 1 个视频封面 SVG +- 1 个 Logo SVG +- 6 张 Instagram 图片（jpg） +- 3 张产品图片（jpg） +- 7 张产品 webp 图片 +- 1 张工厂流程示意图（webp） -部署后请验证： +## 上线检查清单 -1. 首页清晰标识公司为汽车贴膜制造商而非零售品牌。 -2. 所有工厂指标、照片、品质声明和文件真实有效。 -3. 导航可达服务、产品、工厂、品质、流程和询价。 -4. 产品参考按钮正确预填询价产品字段。 -5. 精简询价邮件成功送达。 -6. 移动端无水平滚动，所有表单字段适配视口。 -7. 键盘焦点、跳转链接、标签、手风琴控件和图片替代文本保持可用。 -8. 常规文章、页面、归档、搜索和 404 路由正常渲染。 +1. 在 Customizer 中将所有演示文案替换为真实门店信息 +2. 替换所有 SVG 占位图为实拍照片 +3. 配置认证 SMTP 或事务性邮件插件 +4. 测试预约表单提交、无效邮箱、重复提交 +5. 检查移动端无水平滚动 +6. 验证固定链接路由（`/services/`、`/cases/`、`/about/`、`/faq/`、`/contact/`） +7. 确认导航菜单链接正确 +8. 测试键盘焦点、跳转链接、图片替代文本等无障碍项 + +## Git 仓库 + +- **远程仓库**：http://git.xgouo.cn/zhs123/car-t-t.git +- **分支**：main ## 许可证 -B2B Trade 基于 GNU General Public License v2 or later 许可。打包的第三方前端资源保留其各自许可证。 +GNU General Public License v2 or later。打包的第三方前端资源保留其各自许可证。 diff --git a/archive-case.php b/archive-case.php index 6a3df31..fcb807f 100644 --- a/archive-case.php +++ b/archive-case.php @@ -7,7 +7,7 @@ get_header(); ?>
-
+

diff --git a/archive-service.php b/archive-service.php index 3d5be11..9e494d3 100644 --- a/archive-service.php +++ b/archive-service.php @@ -7,7 +7,7 @@ get_header(); ?>
-
+

diff --git a/assets/css/theme.css b/assets/css/theme.css index 5fcdd35..6616874 100644 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -1,66 +1,91 @@ +/* ============================================================ + Fragrance Trade v3.0 — Minimalist Luxury Design System + 汽车贴膜门店 · 极简高级感 · 黑白灰单色体系 + ============================================================ + Design Philosophy: + - "Less, but better" — every element serves content + - Warm monochromatic palette — no pure black, no stark white + - Typography-driven hierarchy — spacing > decoration + - Anti-card: use whitespace and dividers, not boxed containers + - Sharp edges, thin strokes, generous breathing room + ============================================================ */ + +/* ---- Design Tokens ---- */ :root { - --b2b-ink: #19343d; - --b2b-ink-soft: #526a72; - --b2b-blue: #6f929f; - --b2b-blue-dark: #426874; - --b2b-mist: #e8f1f4; - --b2b-mist-light: #f5f9fa; - --b2b-sand: #f2eee8; - --b2b-line: #d9e2e5; - --b2b-white: #ffffff; - --b2b-shadow: 0 20px 55px rgba(25, 52, 61, 0.1); + /* Surface hierarchy — warm whites */ + --b2b-surface: #FAFAF8; /* Page background — warm white */ + --b2b-elevated: #F3F2EE; /* Cards, elevated surfaces */ + --b2b-mist: #E8E6E1; /* Alternate section background */ + + /* Text hierarchy — warm blacks */ + --b2b-ink: #1C1C1A; /* Primary text — near-black with warmth */ + --b2b-ink-soft: #4A4A46; /* Secondary text — muted charcoal */ + --b2b-ink-muted: #888780; /* Tertiary/hint text */ + + /* Borders & dividers */ + --b2b-line: #D3D1C7; /* Default border */ + --b2b-line-light: #E8E6E1; /* Subtle divider */ + + /* Semantic — minimal use */ + --b2b-error: #C0392B; /* Error states only */ + + /* Depth — shadows used sparingly */ + --b2b-shadow-sm: 0 1px 0 0 rgba(28, 28, 26, 0.04); + --b2b-shadow-md: 0 2px 8px rgba(28, 28, 26, 0.06); + --b2b-shadow-lg: 0 8px 32px rgba(28, 28, 26, 0.08); } +/* ---- Reset & Base ---- */ html { scroll-behavior: smooth; - scroll-padding-top: 92px; + scroll-padding-top: 80px; overflow-x: clip; } body { margin: 0; color: var(--b2b-ink-soft); - background: var(--b2b-white); - font-family: "Josefin Sans", "Noto Sans SC", Arial, sans-serif; - font-size: 17px; - line-height: 1.65; + background: var(--b2b-surface); + font-family: "Jost", "Noto Sans SC", Arial, sans-serif; + font-size: 1rem; + font-weight: 400; + line-height: 1.7; + letter-spacing: 0.01em; overflow-x: clip; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -body, -button, -input, -select, -textarea { - letter-spacing: 0.015em; -} - -h1, -h2, -h3, -h4, -h5, -h6 { +/* ---- Typography ---- */ +h1, h2, h3, h4, h5, h6 { margin-top: 0; color: var(--b2b-ink); font-family: "Jost", "Noto Sans SC", Arial, sans-serif; font-weight: 400; line-height: 1.15; + letter-spacing: -0.02em; } -p:last-child { - margin-bottom: 0; -} +h1 { font-size: clamp(2.4rem, 5vw, 3.6rem); } +h2 { font-size: clamp(1.8rem, 3.5vw, 2.6rem); } +h3 { font-size: 1.25rem; } +h4 { font-size: 1.1rem; font-weight: 500; } + +p:last-child { margin-bottom: 0; } a { - color: var(--b2b-blue-dark); + color: var(--b2b-ink); text-decoration-thickness: 1px; - text-underline-offset: 0.2em; + text-underline-offset: 0.15em; + transition: opacity 180ms ease; } +a:hover { opacity: 0.7; } + img { max-width: 100%; height: auto; + display: block; } .fragrance-symbols { @@ -70,225 +95,308 @@ img { overflow: hidden; } +/* ---- Section Layout ---- */ .b2b-section { position: relative; - padding: 110px 0; + padding: 7rem 0; } .section-heading { - max-width: 860px; + max-width: 720px; } .section-heading.text-center { - max-width: 820px; + margin-left: auto; + margin-right: auto; } -.section-heading h2, -.factory-proof h2, -.customization-section h2, -.documents-section h2, -.faq-section h2, -.rfq-section h2 { - margin-bottom: 22px; - font-size: clamp(2.25rem, 4vw, 4rem); +.section-heading h2 { + margin-bottom: 1.25rem; + font-size: clamp(2rem, 3.5vw, 2.8rem); letter-spacing: -0.025em; } .section-heading p, .section-lead { - font-size: 1.1rem; + font-size: 1.05rem; + color: var(--b2b-ink-soft); + max-width: 60ch; } +.section-heading.text-center .section-lead { + margin-left: auto; + margin-right: auto; +} + +/* Eyebrow — small label above headings */ .section-eyebrow { - margin-bottom: 16px; - color: var(--b2b-blue-dark); - font-size: 0.78rem; - font-weight: 700; - letter-spacing: 0.2em; + margin-bottom: 0.75rem; + color: var(--b2b-ink-muted); + font-size: 0.72rem; + font-weight: 500; + letter-spacing: 0.15em; text-transform: uppercase; } +/* ---- Buttons — sharp, minimal, two variants ---- */ .btn { + display: inline-flex; + align-items: center; + justify-content: center; + gap: 0.5rem; + padding: 0.875rem 1.75rem; border-radius: 0; - font-size: 0.86rem; - font-weight: 700; + font-family: "Jost", "Noto Sans SC", Arial, sans-serif; + font-size: 0.8rem; + font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; - transition: transform 180ms ease, background-color 180ms ease, color 180ms ease, border-color 180ms ease; + text-decoration: none; + line-height: 1.2; + cursor: pointer; + transition: opacity 180ms ease, background-color 180ms ease, border-color 180ms ease; + user-select: none; } .btn:hover { - transform: translateY(-2px); + opacity: 0.85; + transform: none; } +.btn:focus-visible { + outline: 2px solid var(--b2b-ink); + outline-offset: 2px; +} + +.btn:disabled { + opacity: 0.35; + cursor: not-allowed; +} + +/* Primary: solid ink */ .btn-b2b-primary { - padding: 15px 24px; - color: var(--b2b-white); + color: var(--b2b-surface); background: var(--b2b-ink); border: 1px solid var(--b2b-ink); } .btn-b2b-primary:hover, .btn-b2b-primary:focus { - color: var(--b2b-white); - background: var(--b2b-blue-dark); - border-color: var(--b2b-blue-dark); + opacity: 0.88; + color: var(--b2b-surface); + background: var(--b2b-ink); } +/* Outline: transparent with border */ .btn-b2b-secondary, .btn-b2b-outline { - padding: 15px 24px; color: var(--b2b-ink); background: transparent; - border: 1px solid var(--b2b-ink); + border: 1px solid var(--b2b-line); } .btn-b2b-secondary:hover, .btn-b2b-outline:hover { - color: var(--b2b-white); - background: var(--b2b-ink); -} - -.btn-b2b-light { - padding: 14px 22px; color: var(--b2b-ink); - background: var(--b2b-white); - border: 1px solid var(--b2b-white); + background: var(--b2b-mist); + border-color: var(--b2b-ink); } +/* Light: white text on transparent */ +.btn-b2b-light { + color: var(--b2b-surface); + background: transparent; + border: 1px solid rgba(250, 250, 248, 0.3); +} + +.btn-b2b-light:hover { + background: var(--b2b-surface); + color: var(--b2b-ink); + border-color: var(--b2b-surface); + opacity: 1; +} + +/* Text link with arrow */ .text-link { display: inline-flex; align-items: center; - gap: 8px; + gap: 0.5rem; color: var(--b2b-ink); - font-size: 0.83rem; - font-weight: 700; + font-size: 0.8rem; + font-weight: 500; letter-spacing: 0.06em; text-decoration: none; text-transform: uppercase; + transition: opacity 180ms ease; +} + +.text-link::after { + content: "→"; + transition: transform 180ms ease; } .text-link:hover { - color: var(--b2b-blue-dark); + opacity: 0.7; +} + +.text-link:hover::after { + transform: translateX(3px); +} + +.btn-lg { + padding: 1rem 2.25rem; + font-size: 0.85rem; +} + +/* ---- Header / Navigation ---- */ +.site-header { + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 1030; } -/* Header */ .b2b-header { color: var(--b2b-ink); - background: rgba(255, 255, 255, 0.96); - border-bottom: 1px solid rgba(25, 52, 61, 0.08); - backdrop-filter: blur(14px); - transition: box-shadow 180ms ease, background-color 180ms ease; -} - -.b2b-header.sticky { - background: rgba(255, 255, 255, 0.99); - box-shadow: 0 8px 28px rgba(25, 52, 61, 0.09); + background: rgba(250, 250, 248, 0.92); + border-bottom: 1px solid var(--b2b-line-light); + backdrop-filter: blur(12px); + -webkit-backdrop-filter: blur(12px); + transition: border-color 180ms ease; } .b2b-header .navbar { - min-height: 86px; + min-height: 72px; } .b2b-wordmark { color: var(--b2b-ink); - font-family: "Jost", "Noto Sans SC", Arial, sans-serif; - font-size: 1.45rem; - letter-spacing: 0.12em; + font-family: "Josefin Sans", "Noto Sans SC", Arial, sans-serif; + font-size: 1.35rem; + font-weight: 400; + letter-spacing: 0.1em; text-decoration: none; text-transform: uppercase; } +.b2b-wordmark:hover { + opacity: 0.7; +} + .custom-logo, .custom-logo-link img { width: auto; - max-width: 220px; - max-height: 62px; + max-width: 180px; + max-height: 48px; } .b2b-header .nav-link { - color: var(--b2b-ink); - font-size: 0.84rem; - font-weight: 600; + color: var(--b2b-ink-soft); + font-size: 0.82rem; + font-weight: 500; letter-spacing: 0.04em; + padding: 0.375rem 0; + transition: color 180ms ease; } .b2b-header .nav-link:hover, -.b2b-header .nav-link:focus { - color: var(--b2b-blue-dark); +.b2b-header .nav-link:focus, +.b2b-header .nav-link.active { + color: var(--b2b-ink); } +/* Header CTA button */ .b2b-header-cta { - padding: 11px 17px; - color: var(--b2b-white); + display: inline-flex; + align-items: center; + padding: 0.625rem 1.25rem; + color: var(--b2b-surface); background: var(--b2b-ink); border: 1px solid var(--b2b-ink); + font-size: 0.76rem; + font-weight: 500; + letter-spacing: 0.08em; + text-transform: uppercase; + text-decoration: none; white-space: nowrap; } -.admin-bar .site-header { - top: 32px; +.b2b-header-cta:hover { + opacity: 0.85; + color: var(--b2b-surface); } -/* Hero */ +.admin-bar .site-header { top: 32px; } + +/* ---- Hero Section ---- */ .b2b-hero { display: flex; - min-height: 780px; - padding: 160px 0 90px; + min-height: 85vh; + padding: 8rem 0 5rem; align-items: center; - background: - radial-gradient(circle at 84% 12%, rgba(111, 146, 159, 0.18), transparent 30%), - linear-gradient(135deg, var(--b2b-mist-light), var(--b2b-mist)); + background: var(--b2b-surface); } .b2b-hero h1 { - max-width: 900px; - margin-bottom: 28px; - font-size: clamp(3rem, 6.4vw, 6.4rem); - letter-spacing: -0.04em; + max-width: 780px; + margin-bottom: 1.75rem; + font-family: "Josefin Sans", "Noto Sans SC", Arial, sans-serif; + font-size: clamp(2.8rem, 6vw, 5.2rem); + font-weight: 300; + letter-spacing: -0.03em; + line-height: 1.05; } .b2b-hero-lead { - max-width: 760px; - font-size: clamp(1.08rem, 1.7vw, 1.35rem); + max-width: 560px; + font-size: clamp(1rem, 1.4vw, 1.15rem); + color: var(--b2b-ink-soft); + line-height: 1.7; +} + +.hero-proof-list { + display: flex; + flex-wrap: wrap; + gap: 1.5rem; + list-style: none; + padding: 0; + margin: 3rem 0 0; } .hero-proof-list li { position: relative; - padding-left: 18px; - color: var(--b2b-ink); - font-size: 0.82rem; - font-weight: 700; - letter-spacing: 0.05em; + padding-left: 1.25rem; + color: var(--b2b-ink-soft); + font-size: 0.8rem; + font-weight: 500; + letter-spacing: 0.06em; text-transform: uppercase; } .hero-proof-list li::before { - position: absolute; - top: 0.72em; - left: 0; - width: 7px; - height: 7px; content: ""; - background: var(--b2b-blue); - border-radius: 50%; + position: absolute; + top: 0.5em; + left: 0; + width: 6px; + height: 1px; + background: var(--b2b-ink); } -/* Trust strip */ +/* ---- Trust Strip ---- */ .trust-strip { - color: var(--b2b-white); + color: var(--b2b-surface); background: var(--b2b-ink); } .trust-metric { - min-height: 145px; - padding: 30px 24px; - border-right: 1px solid rgba(255, 255, 255, 0.14); + min-height: 120px; + padding: 2rem 2rem 1.75rem; + border-right: 1px solid rgba(250, 250, 248, 0.1); } -.trust-metric:last-child { - border-right: 0; -} +.trust-metric:last-child { border-right: 0; } .trust-metric strong, .trust-metric span { @@ -296,69 +404,31 @@ img { } .trust-metric strong { - margin-bottom: 7px; - color: var(--b2b-white); + margin-bottom: 0.5rem; + color: var(--b2b-surface); font-family: "Jost", "Noto Sans SC", Arial, sans-serif; - font-size: clamp(1.45rem, 2.7vw, 2.25rem); + font-size: clamp(1.3rem, 2.2vw, 1.8rem); font-weight: 400; } .trust-metric span { - color: rgba(255, 255, 255, 0.72); - font-size: 0.82rem; + color: rgba(250, 250, 248, 0.6); + font-size: 0.76rem; letter-spacing: 0.06em; text-transform: uppercase; } -/* Services */ -.services-section { - background: var(--b2b-white); -} - -.service-card { - display: flex; - min-height: 360px; - padding: 32px; - flex-direction: column; - background: var(--b2b-mist-light); - border: 1px solid var(--b2b-line); - transition: transform 180ms ease, box-shadow 180ms ease; -} - -.service-card:hover { - transform: translateY(-6px); - box-shadow: var(--b2b-shadow); -} - -.card-index { - margin-bottom: 46px; - color: var(--b2b-blue); - font-family: "Jost", "Noto Sans SC", Arial, sans-serif; - font-size: 1.1rem; -} - -.service-card h3 { - margin-bottom: 18px; - font-size: 1.55rem; -} - -.service-card p { - margin-bottom: 28px; -} - -.service-card .text-link { - margin-top: auto; -} - -/* Capability grid */ +/* ---- Service Cards (Capability Grid) ---- */ +.services-section, .capabilities-section { - background: var(--b2b-mist-light); + background: var(--b2b-surface); } .capability-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); - gap: 28px; + gap: 1px; + background: var(--b2b-line); } .capability-card { @@ -366,12 +436,11 @@ img { min-width: 0; overflow: hidden; grid-template-rows: auto 1fr; - background: var(--b2b-white); - border: 1px solid var(--b2b-line); + background: var(--b2b-surface); } .capability-image { - aspect-ratio: 1; + aspect-ratio: 4 / 3; overflow: hidden; background: var(--b2b-mist); } @@ -380,39 +449,57 @@ img { width: 100%; height: 100%; object-fit: cover; - transition: transform 400ms ease; + transition: transform 500ms ease; } .capability-card:hover .capability-image img { - transform: scale(1.035); + transform: scale(1.03); } .capability-body { display: flex; min-width: 0; - padding: 28px; + padding: 1.5rem; flex-direction: column; } .capability-label { - color: var(--b2b-blue-dark); - font-size: 0.72rem; - font-weight: 700; + margin-bottom: 0.5rem; + color: var(--b2b-ink-muted); + font-size: 0.7rem; + font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; } .capability-body h3 { - font-size: clamp(1.4rem, 2vw, 1.85rem); + margin-bottom: 0.75rem; + font-size: 1.3rem; + font-weight: 400; +} + +.capability-body h3 a { + color: var(--b2b-ink); + text-decoration: none; +} + +.capability-body h3 a:hover { + opacity: 0.7; +} + +.capability-body p { + margin-bottom: 1.25rem; + font-size: 0.95rem; + color: var(--b2b-ink-soft); } .capability-specs { - padding-top: 18px; - margin-bottom: 22px; + padding-top: 1rem; + margin-bottom: 1.25rem; color: var(--b2b-ink); border-top: 1px solid var(--b2b-line); - font-size: 0.88rem; - font-weight: 600; + font-size: 0.85rem; + font-weight: 500; } .capability-body .btn { @@ -420,66 +507,392 @@ img { align-self: flex-start; } -/* Customization */ +/* ---- Case Grid ---- */ +.cases-section { + background: var(--b2b-mist); +} + +.case-grid { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); + gap: 1px; + background: var(--b2b-line); +} + +.case-card { + position: relative; + display: block; + overflow: hidden; + background: var(--b2b-surface); + text-decoration: none; + aspect-ratio: 4 / 3; +} + +.case-card img { + width: 100%; + height: 100%; + object-fit: cover; + display: block; + transition: transform 500ms ease; +} + +.case-card:hover img { + transform: scale(1.04); +} + +.case-card-title { + position: absolute; + left: 0; + right: 0; + bottom: 0; + padding: 1.5rem 1.25rem; + color: var(--b2b-surface); + font-family: "Jost", "Noto Sans SC", Arial, sans-serif; + font-size: 1.1rem; + font-weight: 400; + letter-spacing: 0.02em; + background: linear-gradient(to top, rgba(28, 28, 26, 0.9), transparent); +} + +/* Case filter pills */ +.case-filter { + display: flex; + flex-wrap: wrap; + gap: 0.5rem; + margin-bottom: 1.5rem; +} + +.case-filter .btn { + border-radius: 0; + font-size: 0.72rem; + padding: 0.5rem 1rem; + letter-spacing: 0.08em; +} + +/* ---- CTA Section ---- */ +.cta-section { + background: var(--b2b-ink); + color: var(--b2b-surface); + text-align: center; + padding: 5rem 0; +} + +.cta-section h2 { + color: var(--b2b-surface); + font-size: clamp(2rem, 3.5vw, 2.8rem); + margin-bottom: 1rem; +} + +.cta-section .section-lead { + color: rgba(250, 250, 248, 0.7); + margin: 0 auto 2rem; + max-width: 520px; +} + +/* ---- FAQ Section ---- */ +.faq-section { + background: var(--b2b-surface); +} + +.faq-section .accordion-item { + border: 0; + border-bottom: 1px solid var(--b2b-line); +} + +.faq-section .accordion-button { + padding: 1.5rem 0; + color: var(--b2b-ink); + background: transparent; + box-shadow: none; + font-family: "Jost", "Noto Sans SC", Arial, sans-serif; + font-size: 1.1rem; + font-weight: 400; +} + +.faq-section .accordion-button:not(.collapsed) { + color: var(--b2b-ink); +} + +.faq-section .accordion-button::after { + filter: none; + opacity: 0.4; +} + +.faq-section .accordion-body { + padding: 0 0 1.5rem; + color: var(--b2b-ink-soft); +} + +/* ---- RFQ / Contact Form ---- */ +.rfq-section { + background: var(--b2b-mist); +} + +.rfq-direct { + margin-top: 2.5rem; + padding: 1.5rem; + background: var(--b2b-surface); + border-left: 2px solid var(--b2b-ink); +} + +.rfq-direct h3 { + font-size: 1.05rem; + margin-bottom: 0.5rem; +} + +.rfq-form-card { + padding: 2rem; + background: var(--b2b-surface); + border: 1px solid var(--b2b-line); +} + +.rfq-form-card label { + display: block; + margin-bottom: 0.4rem; + color: var(--b2b-ink); + font-size: 0.8rem; + font-weight: 500; + letter-spacing: 0.04em; +} + +.rfq-form-card .form-control, +.rfq-form-card .form-select { + min-height: 46px; + padding: 0.625rem 0.875rem; + color: var(--b2b-ink); + background-color: var(--b2b-surface); + border: 1px solid var(--b2b-line); + border-radius: 0; + font-family: "Jost", "Noto Sans SC", Arial, sans-serif; + font-size: 0.95rem; + transition: border-color 180ms ease; +} + +.rfq-form-card textarea.form-control { + min-height: auto; +} + +.rfq-form-card .form-control:focus, +.rfq-form-card .form-select:focus { + border-color: var(--b2b-ink); + box-shadow: none; + outline: none; +} + +.rfq-form-card .form-control::placeholder { + color: var(--b2b-ink-muted); +} + +.fragrance-form-status p { + margin-bottom: 1.5rem; + padding: 1rem 1.25rem; + color: var(--b2b-ink); + background: var(--b2b-mist); + border-left: 2px solid var(--b2b-ink); +} + +.rfq-privacy-note { + margin: 1rem 0; + color: var(--b2b-ink-muted); + font-size: 0.78rem; +} + +.fragrance-honeypot { + position: absolute !important; + left: -10000px !important; + width: 1px; + height: 1px; + overflow: hidden; +} + +/* ---- Quality Grid ---- */ +.quality-section { + background: var(--b2b-mist); +} + +.quality-grid { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 1px; + background: var(--b2b-line); +} + +.quality-card { + min-width: 0; + min-height: 240px; + padding: 2rem 1.75rem; + background: var(--b2b-mist); +} + +.quality-number { + display: block; + margin-bottom: 2.5rem; + color: var(--b2b-ink-muted); + font-size: 0.75rem; + font-weight: 500; + letter-spacing: 0.1em; +} + +.quality-card h3 { + margin-bottom: 0.75rem; + font-size: 1.15rem; +} + +.quality-card p { + color: var(--b2b-ink-soft); + font-size: 0.95rem; +} + +/* ---- Process Grid ---- */ +.process-section { + background: var(--b2b-surface); +} + +.process-grid { + display: grid; + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 1rem; +} + +.process-step { + position: relative; + min-width: 0; + min-height: 250px; + padding: 1.75rem 1.5rem; + background: var(--b2b-elevated); + border-top: 2px solid var(--b2b-ink); +} + +.process-step span { + display: block; + margin-bottom: 2rem; + color: var(--b2b-ink-muted); + font-size: 0.75rem; + font-weight: 500; + letter-spacing: 0.08em; +} + +.process-step h3 { + margin-bottom: 0.75rem; + font-size: 1.15rem; +} + +.process-step p { + color: var(--b2b-ink-soft); + font-size: 0.92rem; +} + +/* ---- Project Scenarios ---- */ +.projects-section { + background: var(--b2b-mist); +} + +.project-grid { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 1px; + background: var(--b2b-line); +} + +.project-card { + display: flex; + min-width: 0; + min-height: 300px; + padding: 2rem 1.75rem; + flex-direction: column; + background: var(--b2b-mist); +} + +.project-meta { + color: var(--b2b-ink-muted); + font-size: 0.7rem; + font-weight: 500; + letter-spacing: 0.12em; + text-transform: uppercase; +} + +.project-card h3 { + margin: 1.25rem 0 0.75rem; + font-size: 1.5rem; +} + +.project-card p { + color: var(--b2b-ink-soft); + font-size: 0.95rem; +} + +.project-card .text-link { + margin-top: auto; +} + +/* ---- Customization Grid ---- */ .customization-section { - color: rgba(255, 255, 255, 0.74); + color: var(--b2b-surface); background: var(--b2b-ink); } .customization-section h2, .customization-section .section-eyebrow { - color: var(--b2b-white); + color: var(--b2b-surface); } .customization-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); - border-top: 1px solid rgba(255, 255, 255, 0.16); - border-left: 1px solid rgba(255, 255, 255, 0.16); + border-top: 1px solid rgba(250, 250, 248, 0.12); + border-left: 1px solid rgba(250, 250, 248, 0.12); } .customization-item { min-width: 0; - padding: 27px; - border-right: 1px solid rgba(255, 255, 255, 0.16); - border-bottom: 1px solid rgba(255, 255, 255, 0.16); + padding: 1.75rem; + border-right: 1px solid rgba(250, 250, 248, 0.12); + border-bottom: 1px solid rgba(250, 250, 248, 0.12); } .customization-item span { display: block; - margin-bottom: 20px; - color: var(--b2b-blue); - font-size: 0.8rem; + margin-bottom: 1.25rem; + color: rgba(250, 250, 248, 0.4); + font-size: 0.75rem; + letter-spacing: 0.1em; } .customization-item h3 { margin: 0; - color: var(--b2b-white); - font-size: 1.2rem; + color: var(--b2b-surface); + font-size: 1.15rem; } -/* Factory proof */ +/* ---- Factory / Store Environment ---- */ .factory-proof { - background: var(--b2b-white); + background: var(--b2b-surface); +} + +.factory-points { + list-style: none; + padding: 0; } .factory-points li { display: flex; - margin-bottom: 14px; - gap: 12px; + margin-bottom: 0.75rem; + gap: 0.75rem; color: var(--b2b-ink); + font-size: 1rem; } .factory-points span { - color: var(--b2b-blue-dark); - font-weight: 700; + color: var(--b2b-ink-soft); + font-weight: 500; } .factory-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); - grid-template-rows: repeat(2, 250px); - gap: 16px; + grid-template-rows: repeat(2, 220px); + gap: 1px; + background: var(--b2b-line); } .factory-gallery figure { @@ -498,14 +911,14 @@ img { object-fit: cover; } -/* Factory video */ +/* ---- Factory Video ---- */ .factory-video-section { - padding-bottom: 110px; + padding-bottom: 7rem; } .factory-video-card { position: relative; - min-height: 560px; + min-height: 500px; overflow: hidden; background: var(--b2b-ink); } @@ -516,336 +929,168 @@ img { width: 100%; height: 100%; object-fit: cover; - opacity: 0.68; + opacity: 0.55; } .factory-video-overlay { position: relative; z-index: 1; display: flex; - max-width: 760px; - min-height: 560px; - padding: 70px; + max-width: 640px; + min-height: 500px; + padding: 3rem; flex-direction: column; justify-content: center; - color: rgba(255, 255, 255, 0.82); + color: rgba(250, 250, 248, 0.75); } .factory-video-overlay h2, .factory-video-overlay .section-eyebrow { - color: var(--b2b-white); + color: var(--b2b-surface); } .factory-video-overlay h2 { - font-size: clamp(2.2rem, 4.6vw, 4.6rem); + font-size: clamp(2rem, 4vw, 3.6rem); } .factory-video-disclosure { - max-width: 620px; - margin-top: 8px; - color: rgba(255, 255, 255, 0.68); - font-size: 0.78rem; - font-weight: 600; + max-width: 560px; + margin-top: 0.5rem; + color: rgba(250, 250, 248, 0.5); + font-size: 0.75rem; + font-weight: 500; letter-spacing: 0.04em; } .video-play-link { display: inline-flex; - margin-top: 24px; + margin-top: 1.5rem; align-items: center; - gap: 16px; - color: var(--b2b-white); - font-weight: 700; + gap: 1rem; + color: var(--b2b-surface); + font-weight: 500; text-decoration: none; } -/* Quality */ -.quality-section { - background: var(--b2b-sand); +.video-play-link:hover { + opacity: 0.8; } -.quality-grid { - display: grid; - grid-template-columns: repeat(3, minmax(0, 1fr)); - gap: 1px; - background: rgba(25, 52, 61, 0.14); - border: 1px solid rgba(25, 52, 61, 0.14); -} - -.quality-card { - min-width: 0; - min-height: 285px; - padding: 34px; - background: var(--b2b-sand); -} - -.quality-number { - display: block; - margin-bottom: 45px; - color: var(--b2b-blue-dark); - font-size: 0.82rem; - font-weight: 700; -} - -.quality-card h3 { - font-size: 1.35rem; -} - -/* Process */ -.process-section { - background: var(--b2b-white); -} - -.process-grid { - display: grid; - grid-template-columns: repeat(4, minmax(0, 1fr)); - gap: 22px; -} - -.process-step { - position: relative; - min-width: 0; - min-height: 285px; - padding: 30px 26px; - background: var(--b2b-mist-light); - border-top: 4px solid var(--b2b-blue); -} - -.process-step span { - display: block; - margin-bottom: 35px; - color: var(--b2b-blue-dark); - font-weight: 700; -} - -.process-step h3 { - font-size: 1.28rem; -} - -/* Project scenarios */ -.projects-section { - background: var(--b2b-mist); -} - -.project-grid { - display: grid; - grid-template-columns: repeat(3, minmax(0, 1fr)); - gap: 24px; -} - -.project-card { - display: flex; - min-width: 0; - min-height: 360px; - padding: 36px; - flex-direction: column; - background: var(--b2b-white); -} - -.project-meta { - color: var(--b2b-blue-dark); - font-size: 0.72rem; - font-weight: 700; - letter-spacing: 0.12em; -} - -.project-card h3 { - margin: 22px 0; - font-size: 1.75rem; -} - -.project-card .text-link { - margin-top: auto; -} - -/* Documents */ +/* ---- Documents Section ---- */ .documents-section { - color: rgba(255, 255, 255, 0.72); - background: var(--b2b-blue-dark); + color: rgba(250, 250, 248, 0.65); + background: var(--b2b-ink); } .documents-section h2, .documents-section h3, .documents-section .section-eyebrow { - color: var(--b2b-white); + color: var(--b2b-surface); } .document-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); - gap: 18px; + gap: 1px; + background: rgba(250, 250, 248, 0.12); } .document-grid article { display: flex; min-width: 0; - padding: 26px; - gap: 16px; - border: 1px solid rgba(255, 255, 255, 0.18); + padding: 1.75rem; + gap: 1rem; + background: var(--b2b-ink); } .document-grid article > span { - color: var(--b2b-white); - font-weight: 700; + color: rgba(250, 250, 248, 0.4); + font-weight: 500; + font-size: 0.75rem; + flex-shrink: 0; } .document-grid h3 { - font-size: 1.18rem; + font-size: 1.1rem; + margin-bottom: 0.5rem; } .document-grid p { - font-size: 0.94rem; + font-size: 0.92rem; + color: rgba(250, 250, 248, 0.6); } -/* FAQ */ -.faq-section { - background: var(--b2b-white); -} - -.faq-section .accordion-item { - border: 0; - border-bottom: 1px solid var(--b2b-line); -} - -.faq-section .accordion-button { - padding: 24px 0; - color: var(--b2b-ink); - background: transparent; - box-shadow: none; - font-family: "Jost", "Noto Sans SC", Arial, sans-serif; - font-size: 1.15rem; -} - -.faq-section .accordion-button:not(.collapsed) { - color: var(--b2b-blue-dark); -} - -.faq-section .accordion-body { - padding: 0 0 25px; -} - -/* RFQ */ -.rfq-section { - background: var(--b2b-mist-light); -} - -.rfq-direct { - margin-top: 40px; - padding: 24px; - background: var(--b2b-white); - border-left: 4px solid var(--b2b-blue); -} - -.rfq-direct h3 { - font-size: 1.1rem; -} - -.rfq-form-card { - padding: 34px; - background: var(--b2b-white); - box-shadow: var(--b2b-shadow); -} - -.rfq-form-card label { - display: block; - margin-bottom: 7px; - color: var(--b2b-ink); - font-size: 0.82rem; - font-weight: 700; -} - -.rfq-form-card .form-control, -.rfq-form-card .form-select { - min-height: 46px; - color: var(--b2b-ink); - background-color: var(--b2b-mist-light); - border: 1px solid var(--b2b-line); - border-radius: 0; -} - -.rfq-form-card textarea.form-control { - min-height: auto; -} - -.rfq-form-card .form-control:focus, -.rfq-form-card .form-select:focus { - border-color: var(--b2b-blue-dark); - box-shadow: 0 0 0 3px rgba(111, 146, 159, 0.16); -} - -.rfq-privacy-note { - margin: 18px 0 14px; - color: var(--b2b-muted); - font-size: 0.78rem; -} - -.fragrance-form-status p { - margin-bottom: 24px; - padding: 14px 16px; - color: var(--b2b-ink); - background: var(--b2b-mist); - border-left: 4px solid var(--b2b-blue-dark); -} - -.fragrance-honeypot { - position: absolute !important; - left: -10000px !important; - width: 1px; - height: 1px; - overflow: hidden; -} - -/* Footer */ +/* ---- Footer ---- */ .b2b-footer { - color: rgba(255, 255, 255, 0.68); - background: #11282f; + color: rgba(250, 250, 248, 0.55); + background: #141412; } .b2b-footer a { - color: rgba(255, 255, 255, 0.8); + color: rgba(250, 250, 248, 0.7); + text-decoration: none; } .b2b-footer a:hover { - color: var(--b2b-white); + color: var(--b2b-surface); + opacity: 1; +} + +.b2b-footer .h3, +.b2b-footer h2 { + color: var(--b2b-surface); } .footer-positioning { - max-width: 520px; - font-size: 1.08rem; + max-width: 480px; + font-size: 1rem; } .footer-kicker { - color: var(--b2b-white); - font-size: 0.78rem; - letter-spacing: 0.14em; + color: rgba(250, 250, 248, 0.4); + font-size: 0.75rem; + letter-spacing: 0.12em; text-transform: uppercase; } +.footer-links { + list-style: none; + padding: 0; +} + .footer-links li { - margin-bottom: 10px; + margin-bottom: 0.625rem; +} + +.footer-links a { + font-size: 0.95rem; } .footer-bottom { - border-color: rgba(255, 255, 255, 0.14) !important; - font-size: 0.8rem; + border-color: rgba(250, 250, 248, 0.08) !important; + font-size: 0.78rem; } -/* WordPress content and accessibility */ +/* ---- WordPress Content Area ---- */ .fragrance-content-area { min-height: 65vh; - padding-top: 135px !important; - padding-bottom: 80px !important; + padding-top: 8.5rem !important; + padding-bottom: 5rem !important; } .fragrance-entry { - max-width: 920px; + max-width: 780px; margin: 0 auto; } .entry-title { - font-size: clamp(2.2rem, 4vw, 4rem); + font-family: "Jost", "Noto Sans SC", Arial, sans-serif; + font-size: clamp(2rem, 4vw, 3rem); + font-weight: 400; + letter-spacing: -0.02em; } +/* ---- Accessibility ---- */ .screen-reader-text { position: absolute !important; width: 1px; @@ -865,12 +1110,12 @@ img { z-index: 100000; width: auto; height: auto; - padding: 12px 16px; + padding: 0.75rem 1rem; clip: auto !important; clip-path: none; color: var(--b2b-ink); - background: var(--b2b-white); - box-shadow: 0 0 0 3px rgba(25, 52, 61, 0.25); + background: var(--b2b-surface); + border: 2px solid var(--b2b-ink); } a:focus-visible, @@ -878,25 +1123,195 @@ button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { - outline: 3px solid var(--b2b-blue-dark); - outline-offset: 3px; + outline: 2px solid var(--b2b-ink); + outline-offset: 2px; } -.alignleft { float: left; margin: 0 1.5rem 1rem 0; } -.alignright { float: right; margin: 0 0 1rem 1.5rem; } +/* ---- WordPress Alignments ---- */ +.alignleft { float: left; margin: 0 1.5rem 1rem 0; } +.alignright { float: right; margin: 0 0 1rem 1.5rem; } .aligncenter { display: block; margin-right: auto; margin-left: auto; } -.alignwide { width: 90vw; max-width: 90vw; margin-left: calc(50% - 45vw); } -.wp-caption, .gallery-caption { max-width: 100%; } +.alignwide { width: 90vw; max-width: 90vw; margin-left: calc(50% - 45vw); } +.wp-caption, +.gallery-caption { max-width: 100%; } +/* ---- Inner Pages ---- */ +.page-header, +.b2b-section.about-intro, +.contact-section, +.page-content { + padding-top: 8.5rem; +} + +.page-content { + padding-bottom: 5rem; +} + +/* Breadcrumb */ +.breadcrumb-nav { + color: var(--b2b-ink-muted); + font-size: 0.9rem; +} + +.breadcrumb-nav a { + color: var(--b2b-ink-soft); + text-decoration: none; +} + +.breadcrumb-nav a:hover { + color: var(--b2b-ink); + opacity: 1; +} + +/* Content typography */ +.service-content, +.about-content, +.case-content { + font-size: 1.02rem; + line-height: 1.8; + color: var(--b2b-ink-soft); +} + +.case-types { + color: var(--b2b-ink-muted); + font-weight: 500; + font-size: 0.9rem; +} + +/* ---- About Page CTA ---- */ +.about-cta { + padding: 5rem 0; + background: var(--b2b-mist); + text-align: center; +} + +.about-cta h2 { + font-size: clamp(1.8rem, 3vw, 2.4rem); +} + +/* ---- Contact Page ---- */ +.contact-info-card { + padding: 2.5rem 2rem; + background: var(--b2b-surface); + border: 1px solid var(--b2b-line); +} + +.contact-info-item { + display: flex; + align-items: flex-start; + gap: 1rem; + padding: 1.25rem 0; +} + +.contact-info-item + .contact-info-item { + border-top: 1px solid var(--b2b-line-light); +} + +.contact-info-icon { + flex-shrink: 0; + width: 44px; + height: 44px; + display: flex; + align-items: center; + justify-content: center; + background: var(--b2b-mist); +} + +.contact-info-body h3 { + font-size: 0.9rem; + margin-bottom: 0.2rem; + color: var(--b2b-ink-muted); + font-weight: 500; +} + +.contact-info-body p, +.contact-info-body a { + font-size: 1rem; + font-weight: 500; + color: var(--b2b-ink); + text-decoration: none; + margin: 0; +} + +.contact-info-body a:hover { + opacity: 0.7; +} + +.contact-info-body .whatsapp-link { + display: inline-block; + margin-top: 0.25rem; + padding: 0.375rem 1rem; + background: var(--b2b-ink); + color: var(--b2b-surface); + font-size: 0.85rem; + font-weight: 500; + text-decoration: none; + letter-spacing: 0.04em; +} + +.contact-info-body .whatsapp-link:hover { + opacity: 0.85; + color: var(--b2b-surface); +} + +/* Map card */ +.contact-map-card { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + min-height: 320px; + padding: 3rem 2rem; + background: var(--b2b-mist); + border: 1px solid var(--b2b-line); + text-align: center; + text-decoration: none; + transition: background 180ms ease; +} + +.contact-map-card:hover { + background: var(--b2b-elevated); + text-decoration: none; +} + +.contact-map-icon { + color: var(--b2b-ink-soft); + margin-bottom: 1rem; +} + +.contact-map-address { + font-size: 1rem; + font-weight: 500; + color: var(--b2b-ink); + margin: 0; + max-width: 320px; +} + +/* ---- Reduced Motion ---- */ +@media (prefers-reduced-motion: reduce) { + html { scroll-behavior: auto !important; } + + *, *::before, *::after { + animation-duration: 0.01ms !important; + animation-iteration-count: 1 !important; + transition-duration: 0.01ms !important; + } +} + +/* ============================================================ + Responsive Breakpoints + ============================================================ */ + +/* XL down — 1199px */ @media (max-width: 1199px) { .b2b-header .offcanvas-body { display: block; - padding: 36px; + padding: 2rem; } .b2b-header .navbar-nav { - gap: 22px; - margin-bottom: 28px; + gap: 1.25rem; + margin-bottom: 1.5rem; } .capability-grid { @@ -908,14 +1323,15 @@ textarea:focus-visible { } } +/* LG down — 991px */ @media (max-width: 991px) { .b2b-section { - padding: 82px 0; + padding: 5rem 0; } .b2b-hero { min-height: 0; - padding: 150px 0 80px; + padding: 7rem 0 4.5rem; } .project-grid { @@ -927,47 +1343,57 @@ textarea:focus-visible { } .factory-gallery { - margin-top: 20px; + margin-top: 1.5rem; } .factory-video-section { - padding-bottom: 82px; + padding-bottom: 5rem; + } + + .contact-map-card { + min-height: 220px; + padding: 2rem 1.5rem; } } +/* Admin bar — 782px */ @media (max-width: 782px) { - .admin-bar .site-header { - top: 46px; - } + .admin-bar .site-header { top: 46px; } } +/* MD down — 768px */ @media (max-width: 768px) { body { - font-size: 16px; + font-size: 0.95rem; } .b2b-section { - padding: 66px 0; + padding: 4rem 0; } .b2b-hero { - padding-top: 132px; + padding-top: 6.5rem; } .b2b-hero h1 { - font-size: clamp(2.6rem, 12vw, 4rem); + font-size: clamp(2.2rem, 10vw, 3.4rem); } .hero-proof-list { display: grid !important; grid-template-columns: 1fr; + gap: 0.75rem; } .trust-metric { - min-height: 130px; - padding: 24px 17px; - border-right: 1px solid rgba(255, 255, 255, 0.14); - border-bottom: 1px solid rgba(255, 255, 255, 0.14); + min-height: 110px; + padding: 1.5rem 1.25rem; + border-right: 1px solid rgba(250, 250, 248, 0.1); + border-bottom: 1px solid rgba(250, 250, 248, 0.1); + } + + .trust-metric:nth-child(even) { + border-right: 0; } .capability-grid, @@ -978,26 +1404,51 @@ textarea:focus-visible { grid-template-columns: 1fr; } + .case-grid { + grid-template-columns: 1fr; + } + .factory-gallery { - grid-template-rows: repeat(2, 180px); + grid-template-rows: repeat(2, 160px); } .factory-video-card, .factory-video-overlay { - min-height: 480px; + min-height: 420px; + } + + .factory-video-overlay { + padding: 2rem 1.5rem; } - .factory-video-overlay, .rfq-form-card { - padding: 30px 24px; + padding: 1.5rem; } .project-card, - .service-card { + .quality-card, + .process-step { min-height: 0; + padding: 1.5rem 1.25rem; + } + + .page-header, + .b2b-section.about-intro, + .contact-section, + .page-content { + padding-top: 7rem; + } + + .page-content { + padding-bottom: 4rem; + } + + .about-cta { + padding: 4rem 0; } } +/* SM down — 480px */ @media (max-width: 480px) { .b2b-hero .btn { width: 100%; @@ -1006,26 +1457,22 @@ textarea:focus-visible { .factory-gallery { display: grid; grid-template-columns: 1fr; - grid-template-rows: repeat(4, 220px); + grid-template-rows: repeat(4, 200px); } .factory-gallery figure:first-child { grid-row: auto; } - .capability-body, - .service-card, - .quality-card, - .project-card { - padding: 26px 22px; + .capability-body { + padding: 1.25rem; } -} -@media (prefers-reduced-motion: reduce) { - html { scroll-behavior: auto !important; } - *, *::before, *::after { - animation-duration: 0.01ms !important; - animation-iteration-count: 1 !important; - transition-duration: 0.01ms !important; + .trust-metric { + padding: 1.25rem 1rem; + } + + .contact-map-card { + min-height: 180px; } } diff --git a/assets/js/theme.js b/assets/js/theme.js index 42731f2..d993675 100644 --- a/assets/js/theme.js +++ b/assets/js/theme.js @@ -37,21 +37,10 @@ }); } - function initRfqPrefill() { - var field = document.querySelector('[data-rfq-product-field]'); - if (!field) return; - document.querySelectorAll('[data-rfq-product]').forEach(function (trigger) { - trigger.addEventListener('click', function () { - field.value = trigger.dataset.rfqProduct || ''; - }); - }); - } - $(function () { initStickyHeader(); initAnimations(); initVideoLightbox(); initNavigation(); - initRfqPrefill(); }); })(jQuery); diff --git a/footer.php b/footer.php index 69174d7..5bcc0eb 100644 --- a/footer.php +++ b/footer.php @@ -14,15 +14,15 @@ $fragrance_whatsapp = fragrance_trade_whatsapp_number();

-

+

-

+

    -
    • -
    • -
    • -
    • +
    • +
    • +
    • +
@@ -38,7 +38,7 @@ $fragrance_whatsapp = fragrance_trade_whatsapp_number();

©

-

+

diff --git a/header.php b/header.php index 45c60b4..bff8127 100644 --- a/header.php +++ b/header.php @@ -1,6 +1,6 @@ class="no-js"> @@ -34,8 +34,8 @@ $fragrance_rfq_url = is_front_page() ? '#rfq' : home_url( '/#rfq' );
- 'primary', 'menu_class' => 'navbar-nav justify-content-end flex-grow-1 gap-xl-4 pe-xl-3', 'container' => false, 'fallback_cb' => 'fragrance_trade_fallback_menu' ) ); ?> - + 'primary', 'menu_class' => 'navbar-nav justify-content-end flex-grow-1 gap-xl-4 pe-xl-3', 'container' => false, 'fallback_cb' => false ) ); ?> +
diff --git a/inc/cpt.php b/inc/cpt.php index 47845d2..4c4ba97 100644 --- a/inc/cpt.php +++ b/inc/cpt.php @@ -149,6 +149,7 @@ function fragrance_trade_setup_site_on_activation() { update_option( 'show_on_front', 'page' ); } + flush_rewrite_rules(); update_option( 'fragrance_trade_setup_done', 1 ); } add_action( 'after_switch_theme', 'fragrance_trade_setup_site_on_activation' ); diff --git a/inc/customizer.php b/inc/customizer.php index 07ec4a7..aaf4642 100644 --- a/inc/customizer.php +++ b/inc/customizer.php @@ -1,5 +1,5 @@ add_panel( 'fragrance_b2b_homepage', array( - 'title' => __( 'B2B 企业首页', 'fragrance-trade' ), - 'description' => __( '编辑固定布局的 OEM/ODM 汽车贴膜企业首页。上线前请将所有演示文案替换为经验证的工厂信息。', 'fragrance-trade' ), + 'title' => __( '门店首页', 'fragrance-trade' ), + 'description' => __( '编辑固定布局的汽车贴膜门店首页。上线前请将所有演示文案替换为真实门店信息。', 'fragrance-trade' ), 'priority' => 30, ) ); @@ -55,13 +55,13 @@ function fragrance_trade_customize_register( $wp_customize ) { 'fragrance_b2b_services' => __( '服务项目', 'fragrance-trade' ), 'fragrance_b2b_products' => __( '产品能力', 'fragrance-trade' ), 'fragrance_b2b_customization' => __( '定制选项', 'fragrance-trade' ), - 'fragrance_b2b_factory' => __( '工厂证明与参观', 'fragrance-trade' ), + 'fragrance_b2b_factory' => __( '门店环境与参观', 'fragrance-trade' ), 'fragrance_b2b_quality' => __( '品质管控', 'fragrance-trade' ), 'fragrance_b2b_process' => __( '项目流程', 'fragrance-trade' ), 'fragrance_b2b_projects' => __( '项目案例', 'fragrance-trade' ), 'fragrance_b2b_documents' => __( '文档支持', 'fragrance-trade' ), 'fragrance_b2b_faq' => __( '常见问题', 'fragrance-trade' ), - 'fragrance_b2b_rfq' => __( '询价表单', 'fragrance-trade' ), + 'fragrance_b2b_rfq' => __( '预约表单', 'fragrance-trade' ), 'fragrance_contact_social' => __( '联系方式与社交链接', 'fragrance-trade' ), ); $priority = 10; @@ -87,8 +87,8 @@ function fragrance_trade_customize_register( $wp_customize ) { array( 'b2b_custom_text', 'fragrance_b2b_customization', __( '板块简介', 'fragrance-trade' ), 'textarea' ), array( 'b2b_factory_eyebrow', 'fragrance_b2b_factory', __( '眉标', 'fragrance-trade' ), 'text' ), array( 'b2b_factory_title', 'fragrance_b2b_factory', __( '板块标题', 'fragrance-trade' ), 'text' ), - array( 'b2b_factory_text', 'fragrance_b2b_factory', __( '工厂简介', 'fragrance-trade' ), 'textarea' ), - array( 'b2b_show_video', 'fragrance_b2b_factory', __( '显示工厂视频', 'fragrance-trade' ), 'checkbox' ), + array( 'b2b_factory_text', 'fragrance_b2b_factory', __( '门店简介', 'fragrance-trade' ), 'textarea' ), + array( 'b2b_show_video', 'fragrance_b2b_factory', __( '显示门店视频', 'fragrance-trade' ), 'checkbox' ), array( 'b2b_video_title', 'fragrance_b2b_factory', __( '视频标题', 'fragrance-trade' ), 'text' ), array( 'b2b_video_text', 'fragrance_b2b_factory', __( '视频描述', 'fragrance-trade' ), 'textarea' ), array( 'b2b_video_url', 'fragrance_b2b_factory', __( 'YouTube、Vimeo 或视频链接', 'fragrance-trade' ), 'url' ), @@ -105,16 +105,20 @@ function fragrance_trade_customize_register( $wp_customize ) { array( 'b2b_documents_text', 'fragrance_b2b_documents', __( '板块简介', 'fragrance-trade' ), 'textarea' ), array( 'b2b_show_faq', 'fragrance_b2b_faq', __( '显示常见问题', 'fragrance-trade' ), 'checkbox' ), array( 'b2b_faq_title', 'fragrance_b2b_faq', __( '常见问题标题', 'fragrance-trade' ), 'text' ), - array( 'b2b_rfq_title', 'fragrance_b2b_rfq', __( '询价标题', 'fragrance-trade' ), 'text' ), - array( 'b2b_rfq_text', 'fragrance_b2b_rfq', __( '询价简介', 'fragrance-trade' ), 'textarea' ), + array( 'b2b_rfq_title', 'fragrance_b2b_rfq', __( '预约标题', 'fragrance-trade' ), 'text' ), + array( 'b2b_rfq_text', 'fragrance_b2b_rfq', __( '预约简介', 'fragrance-trade' ), 'textarea' ), array( 'b2b_rfq_button_label', 'fragrance_b2b_rfq', __( '提交按钮文字', 'fragrance-trade' ), 'text' ), - array( 'inquiry_email', 'fragrance_contact_social', __( '询价收件邮箱', 'fragrance-trade' ), 'email' ), + array( 'inquiry_email', 'fragrance_contact_social', __( '预约收件邮箱', 'fragrance-trade' ), 'email' ), array( 'whatsapp', 'fragrance_contact_social', __( 'WhatsApp 号码（含国家代码）', 'fragrance-trade' ), 'text' ), array( 'facebook_url', 'fragrance_contact_social', __( 'Facebook 链接', 'fragrance-trade' ), 'url' ), array( 'twitter_url', 'fragrance_contact_social', __( 'X / Twitter 链接', 'fragrance-trade' ), 'url' ), array( 'youtube_url', 'fragrance_contact_social', __( 'YouTube 链接', 'fragrance-trade' ), 'url' ), array( 'linkedin_url', 'fragrance_contact_social', __( 'LinkedIn 链接', 'fragrance-trade' ), 'url' ), array( 'instagram_social_url', 'fragrance_contact_social', __( 'Instagram 链接', 'fragrance-trade' ), 'url' ), + array( 'store_address', 'fragrance_contact_social', __( '门店地址', 'fragrance-trade' ), 'textarea' ), + array( 'store_phone', 'fragrance_contact_social', __( '联系电话', 'fragrance-trade' ), 'text' ), + array( 'store_hours', 'fragrance_contact_social', __( '营业时间', 'fragrance-trade' ), 'text' ), + array( 'store_map_url', 'fragrance_contact_social', __( '百度/高德地图嵌入链接', 'fragrance-trade' ), 'url' ), array( 'footer_text', 'fragrance_contact_social', __( '页脚定位文案', 'fragrance-trade' ), 'text' ), ); @@ -123,8 +127,8 @@ function fragrance_trade_customize_register( $wp_customize ) { $fields[] = array( 'b2b_metric_' . $index . '_label', 'fragrance_b2b_trust', sprintf( __( '信任点 %d 标签', 'fragrance-trade' ), $index ), 'text' ); $fields[] = array( 'b2b_service_' . $index . '_title', 'fragrance_b2b_services', sprintf( __( '服务 %d 标题', 'fragrance-trade' ), $index ), 'text' ); $fields[] = array( 'b2b_service_' . $index . '_text', 'fragrance_b2b_services', sprintf( __( '服务 %d 描述', 'fragrance-trade' ), $index ), 'textarea' ); - $fields[] = array( 'b2b_factory_point_' . $index, 'fragrance_b2b_factory', sprintf( __( '工厂证明点 %d', 'fragrance-trade' ), $index ), 'text' ); - $fields[] = array( 'b2b_factory_image_' . $index, 'fragrance_b2b_factory', sprintf( __( '工厂图片 %d', 'fragrance-trade' ), $index ), 'image' ); + $fields[] = array( 'b2b_factory_point_' . $index, 'fragrance_b2b_factory', sprintf( __( '门店亮点 %d', 'fragrance-trade' ), $index ), 'text' ); + $fields[] = array( 'b2b_factory_image_' . $index, 'fragrance_b2b_factory', sprintf( __( '门店图片 %d', 'fragrance-trade' ), $index ), 'image' ); $fields[] = array( 'b2b_document_' . $index . '_title', 'fragrance_b2b_documents', sprintf( __( '文档卡片 %d 标题', 'fragrance-trade' ), $index ), 'text' ); $fields[] = array( 'b2b_document_' . $index . '_text', 'fragrance_b2b_documents', sprintf( __( '文档卡片 %d 描述', 'fragrance-trade' ), $index ), 'textarea' ); } diff --git a/inc/defaults.php b/inc/defaults.php index 5a0e4c5..7b42d31 100644 --- a/inc/defaults.php +++ b/inc/defaults.php @@ -1,6 +1,6 @@ __( '汽车贴膜 · 专业制造', 'fragrance-trade' ), - 'b2b_hero_title' => __( '专业汽车贴膜制造商，为品牌提供一站式贴膜解决方案', 'fragrance-trade' ), - 'b2b_hero_text' => __( '从膜料研发、色彩定制到裁切包装和出口支持，我们帮助客户将概念转化为市场领先的汽车贴膜产品。', 'fragrance-trade' ), - 'b2b_hero_primary_label' => __( '获取报价', 'fragrance-trade' ), - 'b2b_hero_primary_url' => '#rfq', - 'b2b_hero_secondary_label' => __( '了解生产能力', 'fragrance-trade' ), - 'b2b_hero_secondary_url' => '#capabilities', - 'b2b_trust_title' => __( '从概念到交付的专业制造伙伴', 'fragrance-trade' ), - 'b2b_metric_1_value' => __( 'OEM / ODM', 'fragrance-trade' ), - 'b2b_metric_1_label' => __( '灵活合作模式', 'fragrance-trade' ), + 'b2b_hero_eyebrow' => __( '汽车贴膜 · 专业施工', 'fragrance-trade' ), + 'b2b_hero_title' => __( '专业汽车贴膜门店，为您提供一站式贴膜服务', 'fragrance-trade' ), + 'b2b_hero_text' => __( '从选膜咨询、色彩定制到专业施工和售后保障，我们帮您呵护爱车每一寸车漆。', 'fragrance-trade' ), + 'b2b_hero_primary_label' => __( '立即预约', 'fragrance-trade' ), + 'b2b_hero_primary_url' => '/contact/', + 'b2b_hero_secondary_label' => __( '了解服务项目', 'fragrance-trade' ), + 'b2b_hero_secondary_url' => '/services/', + 'b2b_trust_title' => __( '从选膜到施工的专业服务团队', 'fragrance-trade' ), + 'b2b_metric_1_value' => __( '正品膜料', 'fragrance-trade' ), + 'b2b_metric_1_label' => __( '品牌授权 · 质保可查', 'fragrance-trade' ), 'b2b_metric_2_value' => __( '一站式', 'fragrance-trade' ), - 'b2b_metric_2_label' => __( '从膜料到成品包装', 'fragrance-trade' ), - 'b2b_metric_3_value' => __( '批次质检', 'fragrance-trade' ), - 'b2b_metric_3_label' => __( '出货前品质检验', 'fragrance-trade' ), - 'b2b_metric_4_value' => __( '全球覆盖', 'fragrance-trade' ), - 'b2b_metric_4_label' => __( '出口项目支持', 'fragrance-trade' ), - 'b2b_services_title' => __( '围绕您的项目定制的贴膜服务', 'fragrance-trade' ), - 'b2b_services_text' => __( '选择与您的品牌、产品和上市计划匹配的合作起点。', 'fragrance-trade' ), - 'b2b_service_1_title' => __( '品牌贴膜定制', 'fragrance-trade' ), - 'b2b_service_1_text' => __( '从现有膜料、颜色和规格中选择，打造您的品牌贴膜系列。', 'fragrance-trade' ), - 'b2b_service_2_title' => __( 'OEM 代工生产', 'fragrance-trade' ), - 'b2b_service_2_text' => __( '根据您认可的配方、参考样品或产品规格进行生产制造。', 'fragrance-trade' ), - 'b2b_service_3_title' => __( 'ODM 产品开发', 'fragrance-trade' ), - 'b2b_service_3_text' => __( '涵盖膜料选型、颜色开发、样品制作和量产准备的全程项目支持。', 'fragrance-trade' ), - 'b2b_service_4_title' => __( '包装与定制', 'fragrance-trade' ), - 'b2b_service_4_text' => __( '协调卷芯、外包装、标签和运输包装，贴合您的品牌定位。', 'fragrance-trade' ), - 'b2b_products_title' => __( '工厂生产的贴膜产品参考', 'fragrance-trade' ), - 'b2b_products_text' => __( '以下为我们工厂生产的部分产品。客户品牌信息已做模糊处理以保护保密性，产品质感和工艺细节完整可见。', 'fragrance-trade' ), + 'b2b_metric_2_label' => __( '从选膜到施工交付', 'fragrance-trade' ), + 'b2b_metric_3_value' => __( '逐车质检', 'fragrance-trade' ), + 'b2b_metric_3_label' => __( '交付前品质复检', 'fragrance-trade' ), + 'b2b_metric_4_value' => __( '售后无忧', 'fragrance-trade' ), + 'b2b_metric_4_label' => __( '施工质保与维护指导', 'fragrance-trade' ), + 'b2b_services_title' => __( '围绕您的车型与需求定制的贴膜服务', 'fragrance-trade' ), + 'b2b_services_text' => __( '根据您的车型、预算和用车场景，选择最适合的贴膜方案。', 'fragrance-trade' ), + 'b2b_service_1_title' => __( '隐形车衣施工', 'fragrance-trade' ), + 'b2b_service_1_text' => __( 'TPU 材质全车或局部施工，自修复抗划伤，保护原厂车漆。', 'fragrance-trade' ), + 'b2b_service_2_title' => __( '改色膜施工', 'fragrance-trade' ), + 'b2b_service_2_text' => __( '丰富色彩与表面效果可选，专业无痕施工，不伤原车漆。', 'fragrance-trade' ), + 'b2b_service_3_title' => __( '隔热膜施工', 'fragrance-trade' ), + 'b2b_service_3_text' => __( '前挡、侧窗、天窗全覆盖，高效隔热阻紫外线，提升驾乘舒适度。', 'fragrance-trade' ), + 'b2b_service_4_title' => __( '定制彩绘施工', 'fragrance-trade' ), + 'b2b_service_4_text' => __( '支持个性化图案设计与施工，满足改装车友和商业用车外观需求。', 'fragrance-trade' ), + 'b2b_products_title' => __( '门店可选膜料参考', 'fragrance-trade' ), + 'b2b_products_text' => __( '以下为本店施工经验验证的主流膜料。施工效果因车型和颜色而异，欢迎到店看样。', 'fragrance-trade' ), 'b2b_product_1_title' => __( '隐形车衣（TPU 保护膜）', 'fragrance-trade' ), 'b2b_product_1_text' => __( '高透明度 TPU 材质，具备自修复功能，有效保护车漆免受石子划伤和紫外线损伤。', 'fragrance-trade' ), 'b2b_product_1_specs' => __( 'TPU 材质 · 自修复 · 高透光 · 抗黄变', 'fragrance-trade' ), @@ -65,111 +65,111 @@ function fragrance_trade_defaults() { 'b2b_product_6_specs' => __( '前挡专用 · 高透光 · 符合国标 · 隔热', 'fragrance-trade' ), 'b2b_product_6_image' => '', 'b2b_product_7_title' => __( '个性定制彩绘膜', 'fragrance-trade' ), - 'b2b_product_7_text' => __( '支持图案定制、品牌 LOGO 印刷，适用于商业车队包装和个性化改装需求。', 'fragrance-trade' ), - 'b2b_product_7_specs' => __( '图案定制 · LOGO 印刷 · 车队包装 · 个性改装', 'fragrance-trade' ), + 'b2b_product_7_text' => __( '支持图案定制设计，适用于个性化改装和商业用车外观需求。', 'fragrance-trade' ), + 'b2b_product_7_specs' => __( '图案定制 · 个性化设计 · 专业施工 · 持久耐用', 'fragrance-trade' ), 'b2b_product_7_image' => '', - 'b2b_custom_title' => __( '定制产品的每一个细节', 'fragrance-trade' ), - 'b2b_custom_text' => __( '选择并确认影响产品性能、外观和成本的关键要素。', 'fragrance-trade' ), + 'b2b_custom_title' => __( '定制您想要的每一处细节', 'fragrance-trade' ), + 'b2b_custom_text' => __( '根据车型、预算和个人喜好，灵活调整贴膜方案的关键要素。', 'fragrance-trade' ), 'b2b_custom_1_title' => __( '膜料选型', 'fragrance-trade' ), 'b2b_custom_2_title' => __( '颜色定制', 'fragrance-trade' ), 'b2b_custom_3_title' => __( '厚度规格', 'fragrance-trade' ), - 'b2b_custom_4_title' => __( '宽度规格', 'fragrance-trade' ), + 'b2b_custom_4_title' => __( '施工范围', 'fragrance-trade' ), 'b2b_custom_5_title' => __( '表面工艺', 'fragrance-trade' ), 'b2b_custom_6_title' => __( '图案定制', 'fragrance-trade' ), - 'b2b_custom_7_title' => __( '包装设计', 'fragrance-trade' ), - 'b2b_custom_8_title' => __( '出口标识', 'fragrance-trade' ), - 'b2b_factory_eyebrow' => __( '工厂与生产', 'fragrance-trade' ), - 'b2b_factory_title' => __( '可验证的生产实力', 'fragrance-trade' ), - 'b2b_factory_text' => __( '在正式上线前，请用经过验证的工厂数据、生产照片和能力说明替换以下演示内容。', 'fragrance-trade' ), - 'b2b_factory_point_1' => __( '自有涂布与分切生产线', 'fragrance-trade' ), - 'b2b_factory_point_2' => __( '量产前样品确认制度', 'fragrance-trade' ), - 'b2b_factory_point_3' => __( '原材料与包装协调管理', 'fragrance-trade' ), - 'b2b_factory_point_4' => __( '生产与发货进度透明沟通', 'fragrance-trade' ), + 'b2b_custom_7_title' => __( '交车时间', 'fragrance-trade' ), + 'b2b_custom_8_title' => __( '售后质保', 'fragrance-trade' ), + 'b2b_factory_eyebrow' => __( '门店环境', 'fragrance-trade' ), + 'b2b_factory_title' => __( '专业的施工环境', 'fragrance-trade' ), + 'b2b_factory_text' => __( '标准无尘施工车间，专业技师团队，每台车均按流程规范操作。', 'fragrance-trade' ), + 'b2b_factory_point_1' => __( '标准无尘施工车间', 'fragrance-trade' ), + 'b2b_factory_point_2' => __( '施工前样板确认制度', 'fragrance-trade' ), + 'b2b_factory_point_3' => __( '膜料与辅材规范管理', 'fragrance-trade' ), + 'b2b_factory_point_4' => __( '施工进度实时沟通', 'fragrance-trade' ), 'b2b_factory_image_1' => '', 'b2b_factory_image_2' => '', 'b2b_factory_image_3' => '', 'b2b_factory_image_4' => '', 'b2b_show_video' => true, - 'b2b_video_title' => __( '汽车贴膜生产流程', 'fragrance-trade' ), - 'b2b_video_text' => __( '了解涂布、分切、质检和包装如何在一条生产线上协同完成。', 'fragrance-trade' ), + 'b2b_video_title' => __( '汽车贴膜施工流程', 'fragrance-trade' ), + 'b2b_video_text' => __( '了解从接车检查、裁膜、施工到交付的完整流程。', 'fragrance-trade' ), 'b2b_video_url' => '', 'b2b_video_image' => '', - 'b2b_quality_title' => __( '每个生产环节的品质管控', 'fragrance-trade' ), - 'b2b_quality_text' => __( '具体检验方案根据每份已确认的产品规格和目的地要求制定。', 'fragrance-trade' ), - 'b2b_quality_1_title' => __( '来料检验', 'fragrance-trade' ), - 'b2b_quality_1_text' => __( '生产前对原材料、基膜和包装材料进行验收。', 'fragrance-trade' ), - 'b2b_quality_2_title' => __( '样品确认', 'fragrance-trade' ), - 'b2b_quality_2_text' => __( '以已确认的样品和规格作为生产基准。', 'fragrance-trade' ), - 'b2b_quality_3_title' => __( '生产过程检验', 'fragrance-trade' ), - 'b2b_quality_3_text' => __( '监控涂布厚度、贴合度和工艺一致性。', 'fragrance-trade' ), + 'b2b_quality_title' => __( '每个施工环节的品质管控', 'fragrance-trade' ), + 'b2b_quality_text' => __( '严格遵循标准施工流程，每道工序均有检查确认。', 'fragrance-trade' ), + 'b2b_quality_1_title' => __( '车辆检查', 'fragrance-trade' ), + 'b2b_quality_1_text' => __( '施工前对车身漆面、玻璃和饰件进行全面检查记录。', 'fragrance-trade' ), + 'b2b_quality_2_title' => __( '样板确认', 'fragrance-trade' ), + 'b2b_quality_2_text' => __( '以小面积样板确认颜色、质感和贴合效果。', 'fragrance-trade' ), + 'b2b_quality_3_title' => __( '施工过程检验', 'fragrance-trade' ), + 'b2b_quality_3_text' => __( '监控裁膜精度、贴合平整度和边角处理。', 'fragrance-trade' ), 'b2b_quality_4_title' => __( '色差检测', 'fragrance-trade' ), - 'b2b_quality_4_text' => __( '使用分光仪对颜色一致性进行检测。', 'fragrance-trade' ), + 'b2b_quality_4_text' => __( '对比确认施工效果与样板颜色的一致性。', 'fragrance-trade' ), 'b2b_quality_5_title' => __( '成品外观检验', 'fragrance-trade' ), - 'b2b_quality_5_text' => __( '检查膜面瑕疵、分切边缘和包装外观。', 'fragrance-trade' ), - 'b2b_quality_6_title' => __( '出货前复查', 'fragrance-trade' ), - 'b2b_quality_6_text' => __( '发货前复核成品、包装和运输标识。', 'fragrance-trade' ), - 'b2b_process_title' => __( '清晰的 OEM/ODM 项目流程', 'fragrance-trade' ), - 'b2b_process_text' => __( '每个阶段都有明确的客户输入和工厂输出，确保决策过程透明。', 'fragrance-trade' ), - 'b2b_process_1_title' => __( '提交需求', 'fragrance-trade' ), - 'b2b_process_1_text' => __( '提供市场定位、产品类型、数量、包装和上市计划。', 'fragrance-trade' ), - 'b2b_process_2_title' => __( '项目评估', 'fragrance-trade' ), - 'b2b_process_2_text' => __( '确认可行性、信息缺口和报价所需资料。', 'fragrance-trade' ), - 'b2b_process_3_title' => __( '选择膜料与规格', 'fragrance-trade' ), - 'b2b_process_3_text' => __( '确定膜料类型、颜色、厚度、宽度和包装方案。', 'fragrance-trade' ), - 'b2b_process_4_title' => __( '打样', 'fragrance-trade' ), - 'b2b_process_4_text' => __( '按需制备膜料和包装样品供评审。', 'fragrance-trade' ), - 'b2b_process_5_title' => __( '样品确认', 'fragrance-trade' ), - 'b2b_process_5_text' => __( '锁定已确认的参考样和生产规格。', 'fragrance-trade' ), - 'b2b_process_6_title' => __( '订单确认', 'fragrance-trade' ), - 'b2b_process_6_text' => __( '确认商务条款、数量、图案和交期。', 'fragrance-trade' ), - 'b2b_process_7_title' => __( '生产与质检', 'fragrance-trade' ), - 'b2b_process_7_text' => __( '按计划生产、检验并同步关键节点。', 'fragrance-trade' ), - 'b2b_process_8_title' => __( '发货与售后', 'fragrance-trade' ), - 'b2b_process_8_text' => __( '准备发货资料，保留已确认的项目档案。', 'fragrance-trade' ), + 'b2b_quality_5_text' => __( '检查膜面瑕疵、气泡、边角贴合和整体效果。', 'fragrance-trade' ), + 'b2b_quality_6_title' => __( '交付前复查', 'fragrance-trade' ), + 'b2b_quality_6_text' => __( '交车前复核全车施工效果并拍照存档。', 'fragrance-trade' ), + 'b2b_process_title' => __( '清晰的服务流程', 'fragrance-trade' ), + 'b2b_process_text' => __( '每个阶段都有明确的沟通与确认，确保您对施工效果心中有数。', 'fragrance-trade' ), + 'b2b_process_1_title' => __( '预约咨询', 'fragrance-trade' ), + 'b2b_process_1_text' => __( '告知车型、需求和预算，获取初步方案建议。', 'fragrance-trade' ), + 'b2b_process_2_title' => __( '需求评估', 'fragrance-trade' ), + 'b2b_process_2_text' => __( '到店看样、确认施工范围和预估工时。', 'fragrance-trade' ), + 'b2b_process_3_title' => __( '选择膜料与方案', 'fragrance-trade' ), + 'b2b_process_3_text' => __( '确定膜料品牌、颜色、部位和施工方案。', 'fragrance-trade' ), + 'b2b_process_4_title' => __( '样板确认', 'fragrance-trade' ), + 'b2b_process_4_text' => __( '以小面积施工确认效果，确保符合预期。', 'fragrance-trade' ), + 'b2b_process_5_title' => __( '方案锁定', 'fragrance-trade' ), + 'b2b_process_5_text' => __( '锁定确认的方案、膜料规格和施工排期。', 'fragrance-trade' ), + 'b2b_process_6_title' => __( '预约施工', 'fragrance-trade' ), + 'b2b_process_6_text' => __( '确认施工日期、交车时间和费用。', 'fragrance-trade' ), + 'b2b_process_7_title' => __( '施工与质检', 'fragrance-trade' ), + 'b2b_process_7_text' => __( '按标准流程施工，关键节点拍照同步。', 'fragrance-trade' ), + 'b2b_process_8_title' => __( '交车与售后', 'fragrance-trade' ), + 'b2b_process_8_text' => __( '验收交车，提供质保卡和维护指南。', 'fragrance-trade' ), 'b2b_show_projects' => true, - 'b2b_projects_title' => __( '典型项目案例', 'fragrance-trade' ), - 'b2b_projects_text' => __( '以下卡片说明不同类型的客户如何与工厂合作，不代表已验证的客户业绩。', 'fragrance-trade' ), - 'b2b_project_1_title' => __( '新品牌首批产品', 'fragrance-trade' ), - 'b2b_project_1_meta' => __( '从概念到首批产品', 'fragrance-trade' ), - 'b2b_project_1_text' => __( '协调膜料选型、规格确定、样品制作和上市包装。', 'fragrance-trade' ), - 'b2b_project_2_title' => __( '经销商贴牌定制', 'fragrance-trade' ), - 'b2b_project_2_meta' => __( '规格驱动的定制开发', 'fragrance-trade' ), - 'b2b_project_2_text' => __( '将渠道定位、目标成本和货架需求转化为可控的产品方案。', 'fragrance-trade' ), - 'b2b_project_3_title' => __( '定制礼品装项目', 'fragrance-trade' ), - 'b2b_project_3_meta' => __( '产品与包装协调', 'fragrance-trade' ), - 'b2b_project_3_text' => __( '围绕交付窗口协调膜料、套装配置和礼品包装。', 'fragrance-trade' ), + 'b2b_projects_title' => __( '施工案例类型', 'fragrance-trade' ), + 'b2b_projects_text' => __( '以下为不同车主选择贴膜服务的常见场景，帮助您了解适合的方案。', 'fragrance-trade' ), + 'b2b_project_1_title' => __( '新车提车贴膜', 'fragrance-trade' ), + 'b2b_project_1_meta' => __( '提车即保护', 'fragrance-trade' ), + 'b2b_project_1_text' => __( '新车落地即施工，在车漆最佳状态下提供全面保护。', 'fragrance-trade' ), + 'b2b_project_2_title' => __( '老车改色焕新', 'fragrance-trade' ), + 'b2b_project_2_meta' => __( '换个颜色换种心情', 'fragrance-trade' ), + 'b2b_project_2_text' => __( '根据个人喜好和流行趋势，为爱车换上全新外观。', 'fragrance-trade' ), + 'b2b_project_3_title' => __( '商业车队定制', 'fragrance-trade' ), + 'b2b_project_3_meta' => __( '统一形象 · 专业施工', 'fragrance-trade' ), + 'b2b_project_3_text' => __( '为商业车队提供统一外观设计和批量施工服务。', 'fragrance-trade' ), 'b2b_show_documents' => true, - 'b2b_documents_title' => __( '文档与出口支持', 'fragrance-trade' ), - 'b2b_documents_text' => __( '可提供的文件视产品、目的地和项目而定。下单前请确认所需文件清单。', 'fragrance-trade' ), - 'b2b_document_1_title' => __( '产品规格书', 'fragrance-trade' ), - 'b2b_document_1_text' => __( '已确认的膜料、规格和包装参考文件。', 'fragrance-trade' ), - 'b2b_document_2_title' => __( '批次质检报告', 'fragrance-trade' ), - 'b2b_document_2_text' => __( '按约定的项目要求维护的生产和检验记录。', 'fragrance-trade' ), - 'b2b_document_3_title' => __( '材料证明文件', 'fragrance-trade' ), - 'b2b_document_3_text' => __( '如适用且可提供，包括 MSDS 或 COA 等支持性文件。', 'fragrance-trade' ), - 'b2b_document_4_title' => __( '出口贸易文件', 'fragrance-trade' ), - 'b2b_document_4_text' => __( '按目的地需求协调装箱单、运输标识和出口信息。', 'fragrance-trade' ), + 'b2b_documents_title' => __( '服务保障与文档', 'fragrance-trade' ), + 'b2b_documents_text' => __( '施工完成后您将收到以下文件，确保权益有据可查。', 'fragrance-trade' ), + 'b2b_document_1_title' => __( '施工方案确认单', 'fragrance-trade' ), + 'b2b_document_1_text' => __( '已确认的膜料品牌、规格、施工部位和费用清单。', 'fragrance-trade' ), + 'b2b_document_2_title' => __( '施工记录存档', 'fragrance-trade' ), + 'b2b_document_2_text' => __( '施工过程关键节点拍照记录，交付前进行最终检查。', 'fragrance-trade' ), + 'b2b_document_3_title' => __( '膜料质保卡', 'fragrance-trade' ), + 'b2b_document_3_text' => __( '膜料品牌官方质保凭证，包含质保期限和范围说明。', 'fragrance-trade' ), + 'b2b_document_4_title' => __( '维护保养指南', 'fragrance-trade' ), + 'b2b_document_4_text' => __( '施工后的日常护理建议、注意事项和复检周期说明。', 'fragrance-trade' ), 'b2b_show_faq' => true, 'b2b_faq_title' => __( '常见问题', 'fragrance-trade' ), - 'b2b_faq_1_question' => __( '最低起订量是多少？', 'fragrance-trade' ), - 'b2b_faq_1_answer' => __( '起订量取决于膜料、颜色、厚度和包装方案。请提交目标配置以获取准确答复。', 'fragrance-trade' ), - 'b2b_faq_2_question' => __( '可以从现有颜色中选择吗？', 'fragrance-trade' ), - 'b2b_faq_2_answer' => __( '现有颜色可缩短开发周期。所选膜料和颜色通过打样确认后进入量产。', 'fragrance-trade' ), - 'b2b_faq_3_question' => __( '可以按我的参考样品生产吗？', 'fragrance-trade' ), - 'b2b_faq_3_answer' => __( '参考样品可用于评估开发方向。精确匹配的可行性需评审后确认。', 'fragrance-trade' ), - 'b2b_faq_4_question' => __( '打样需要多长时间？', 'fragrance-trade' ), - 'b2b_faq_4_answer' => __( '时间取决于膜料调配、颜色开发和包装复杂度。评审需求后会提供项目时间表。', 'fragrance-trade' ), - 'b2b_faq_5_question' => __( '膜料和包装可以定制吗？', 'fragrance-trade' ), - 'b2b_faq_5_answer' => __( '项目可包含膜料选型、颜色、厚度、图案、标签和外包装选项，具体取决于数量和供应商可行性。', 'fragrance-trade' ), - 'b2b_faq_6_question' => __( '量产前可以申请样品吗？', 'fragrance-trade' ), - 'b2b_faq_6_answer' => __( '可以。打样范围、费用和交付方式按项目需求确认。', 'fragrance-trade' ), - 'b2b_faq_7_question' => __( '报价需要提供哪些信息？', 'fragrance-trade' ), - 'b2b_faq_7_answer' => __( '请提供联系方式、所需产品或服务及简要需求说明，其余规格可在后续跟进中补充。', 'fragrance-trade' ), - 'b2b_faq_8_question' => __( '出口可以提供哪些文件？', 'fragrance-trade' ), - 'b2b_faq_8_answer' => __( '文件清单取决于产品和目的地。请告知进口市场，以便下单前确认可提供的支持文件。', 'fragrance-trade' ), - 'b2b_rfq_title' => __( '提交简单询价', 'fragrance-trade' ), - 'b2b_rfq_text' => __( '提供一些基本信息，我们的项目团队将跟进详细规格、数量和包装需求。', 'fragrance-trade' ), - 'b2b_rfq_button_label' => __( '发送询价', 'fragrance-trade' ), + 'b2b_faq_1_question' => __( '施工需要多长时间？', 'fragrance-trade' ), + 'b2b_faq_1_answer' => __( '全车隐形车衣约 1-2 天，改色膜约 2-3 天，隔热膜约半天。具体以到店评估为准。', 'fragrance-trade' ), + 'b2b_faq_2_question' => __( '有哪些颜色和膜料可选？', 'fragrance-trade' ), + 'b2b_faq_2_answer' => __( '我们提供多种品牌和颜色的膜料，欢迎到店看实物色卡和样板，选择最适合您爱车的方案。', 'fragrance-trade' ), + 'b2b_faq_3_question' => __( '可以按我的参考图样施工吗？', 'fragrance-trade' ), + 'b2b_faq_3_answer' => __( '可以。带上您的参考图样，我们的技师会评估可行性和施工方案。', 'fragrance-trade' ), + 'b2b_faq_4_question' => __( '贴膜后多久可以洗车？', 'fragrance-trade' ), + 'b2b_faq_4_answer' => __( '建议施工后 7 天内避免高压水枪洗车，让膜料充分贴合。具体以交车时告知的维护指南为准。', 'fragrance-trade' ), + 'b2b_faq_5_question' => __( '膜料和颜色可以定制搭配吗？', 'fragrance-trade' ), + 'b2b_faq_5_answer' => __( '可以。不同部位可选择不同膜料，我们会根据您的需求推荐最优搭配方案。', 'fragrance-trade' ), + 'b2b_faq_6_question' => __( '施工前可以先看样板效果吗？', 'fragrance-trade' ), + 'b2b_faq_6_answer' => __( '可以。我们会先做小面积施工样板供您确认颜色、质感和贴合效果，满意后再全面施工。', 'fragrance-trade' ), + 'b2b_faq_7_question' => __( '预约需要提供哪些信息？', 'fragrance-trade' ), + 'b2b_faq_7_answer' => __( '请提供车型、想做的项目或膜种，以及期望的施工时间，我们会尽快与您确认方案和排期。', 'fragrance-trade' ), + 'b2b_faq_8_question' => __( '施工后质保多久？', 'fragrance-trade' ), + 'b2b_faq_8_answer' => __( '质保期限因膜料品牌和类型而异，一般在 3-10 年不等。施工完成后会提供品牌官方质保卡。', 'fragrance-trade' ), + 'b2b_rfq_title' => __( '在线预约咨询', 'fragrance-trade' ), + 'b2b_rfq_text' => __( '填写基本信息，我们的服务顾问将为您提供方案建议和施工排期。', 'fragrance-trade' ), + 'b2b_rfq_button_label' => __( '提交预约', 'fragrance-trade' ), 'inquiry_email' => '', 'whatsapp' => '', 'facebook_url' => '', @@ -177,6 +177,10 @@ function fragrance_trade_defaults() { 'youtube_url' => '', 'linkedin_url' => '', 'instagram_social_url' => '', - 'footer_text' => __( '为全球品牌和采购商提供汽车贴膜定制制造服务。', 'fragrance-trade' ), + 'store_address' => '', + 'store_phone' => '', + 'store_hours' => '', + 'store_map_url' => '', + 'footer_text' => __( '为车主提供专业汽车贴膜施工与养护服务。', 'fragrance-trade' ), ); } diff --git a/inc/helpers.php b/inc/helpers.php index 1374d23..0a7bc5c 100644 --- a/inc/helpers.php +++ b/inc/helpers.php @@ -1,5 +1,5 @@ __( '首页', 'fragrance-trade' ), - '#services' => __( '服务', 'fragrance-trade' ), - '#capabilities' => __( '产品', 'fragrance-trade' ), - '#factory' => __( '工厂', 'fragrance-trade' ), - '#quality' => __( '品质', 'fragrance-trade' ), - '#process' => __( '流程', 'fragrance-trade' ), - '#rfq' => __( '获取报价', 'fragrance-trade' ), - ); - $class = isset( $args['menu_class'] ) ? $args['menu_class'] : 'navbar-nav'; - echo '
    '; - foreach ( $items as $anchor => $label ) { - $url = is_front_page() ? $anchor : home_url( '/' ) . $anchor; - echo '
  • ' . esc_html( $label ) . '
    • '; - } - echo '
'; -} - function fragrance_trade_whatsapp_number() { return preg_replace( '/[^0-9]/', '', (string) fragrance_trade_get_mod( 'whatsapp', '' ) ); } @@ -58,13 +39,13 @@ function fragrance_trade_inquiry_email() { function fragrance_trade_get_inquiry_url( $project = '' ) { $message = $project - ? sprintf( __( '您好，我想咨询 %s 的 OEM/ODM 项目。', 'fragrance-trade' ), $project ) - : __( '您好，我想咨询汽车贴膜定制项目。', 'fragrance-trade' ); + ? sprintf( __( '您好，我想咨询 %s 的贴膜服务。', 'fragrance-trade' ), $project ) + : __( '您好，我想咨询汽车贴膜服务。', 'fragrance-trade' ); $number = fragrance_trade_whatsapp_number(); if ( $number ) { return add_query_arg( 'text', $message, 'https://wa.me/' . $number ); } - return 'mailto:' . antispambot( fragrance_trade_inquiry_email() ) . '?subject=' . rawurlencode( __( '汽车贴膜项目询价', 'fragrance-trade' ) ) . '&body=' . rawurlencode( $message ); + return 'mailto:' . antispambot( fragrance_trade_inquiry_email() ) . '?subject=' . rawurlencode( __( '汽车贴膜预约咨询', 'fragrance-trade' ) ) . '&body=' . rawurlencode( $message ); } function fragrance_trade_get_notice() { @@ -76,7 +57,7 @@ function fragrance_trade_get_notice() { function fragrance_trade_notice_message( $code ) { $messages = array( - 'success' => __( '感谢您的提交，项目需求已发送。', 'fragrance-trade' ), + 'success' => __( '感谢您的提交，预约需求已发送。', 'fragrance-trade' ), 'invalid' => __( '请检查必填项后重新提交。', 'fragrance-trade' ), 'rate_limited' => __( '请稍候片刻再重新提交。', 'fragrance-trade' ), 'mail_failed' => __( '发送失败，请通过邮件或 WhatsApp 联系我们。', 'fragrance-trade' ), diff --git a/inc/inquiry.php b/inc/inquiry.php index 2d6eb8a..a48dd6b 100644 --- a/inc/inquiry.php +++ b/inc/inquiry.php @@ -65,9 +65,9 @@ function fragrance_trade_handle_rfq() { } $labels = array( - 'name' => __( '姓名', 'fragrance-trade' ), 'email' => __( '企业邮箱', 'fragrance-trade' ), - 'company' => __( '公司名称', 'fragrance-trade' ), 'whatsapp' => __( 'WhatsApp 或电话', 'fragrance-trade' ), - 'product_type' => __( '需求产品或服务', 'fragrance-trade' ), 'message' => __( '简要需求描述', 'fragrance-trade' ), + 'name' => __( '姓名', 'fragrance-trade' ), 'email' => __( '邮箱', 'fragrance-trade' ), + 'company' => __( '车型 / 车牌', 'fragrance-trade' ), 'whatsapp' => __( 'WhatsApp 或电话', 'fragrance-trade' ), + 'product_type' => __( '想做的项目 / 膜种', 'fragrance-trade' ), 'message' => __( '简要需求描述', 'fragrance-trade' ), ); $body_lines = array(); foreach ( $labels as $key => $label ) { @@ -78,7 +78,7 @@ function fragrance_trade_handle_rfq() { $safe_name = str_replace( array( "\r", "\n" ), ' ', $fields['name'] ); $safe_email = str_replace( array( "\r", "\n" ), '', $fields['email'] ); $context = $fields['company'] ? $fields['company'] : $fields['product_type']; - $subject = sprintf( '[%s] %s - %s', $site_name, __( '汽车贴膜项目询价', 'fragrance-trade' ), $context ); + $subject = sprintf( '[%s] %s - %s', $site_name, __( '汽车贴膜预约', 'fragrance-trade' ), $context ); $headers = array( 'Content-Type: text/plain; charset=UTF-8', 'Reply-To: ' . $safe_name . ' <' . $safe_email . '>' ); $sent = wp_mail( fragrance_trade_inquiry_email(), $subject, implode( "\n\n", $body_lines ), $headers ); fragrance_trade_redirect_notice( $sent ? 'success' : 'mail_failed' ); diff --git a/inc/setup.php b/inc/setup.php index 9a1c3f6..910067e 100644 --- a/inc/setup.php +++ b/inc/setup.php @@ -45,7 +45,7 @@ function fragrance_trade_enqueue_assets() { $version = wp_get_theme()->get( 'Version' ); wp_enqueue_style( 'fragrance-bootstrap', 'https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.0-alpha3/css/bootstrap.min.css', array(), '5.3.0-alpha3' ); - wp_enqueue_style( 'fragrance-fonts', 'https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@200;300;400;500;600;700&family=Jost:wght@200;300;400;500&family=Noto+Sans+SC:wght@300;400;500;700&display=swap', array(), null ); + wp_enqueue_style( 'fragrance-fonts', 'https://fonts.loli.net/css2?family=Josefin+Sans:wght@200;300;400;500;600;700&family=Jost:wght@200;300;400;500&family=Noto+Sans+SC:wght@300;400;500;700&display=swap', array(), null ); wp_enqueue_style( 'fragrance-normalize', get_template_directory_uri() . '/assets/css/normalize.css', array(), fragrance_trade_asset_version( 'assets/css/normalize.css', $version ) ); wp_enqueue_style( 'fragrance-vendor', get_template_directory_uri() . '/assets/css/vendor.css', array(), fragrance_trade_asset_version( 'assets/css/vendor.css', $version ) ); wp_enqueue_style( 'fragrance-base', get_stylesheet_uri(), array( 'fragrance-bootstrap', 'fragrance-vendor' ), fragrance_trade_asset_version( 'style.css', $version ) ); diff --git a/page-about.php b/page-about.php index e5e00c3..f732a02 100644 --- a/page-about.php +++ b/page-about.php @@ -1,22 +1,74 @@ +
- -
-
-

-
-
-
- + + +
+
+
+
+
+

+

+
+
+
+
-
- + + + + + + + + + + + + +
+
+

+

+ + + +
+
+
+ diff --git a/page-contact.php b/page-contact.php index 28db25a..839ed90 100644 --- a/page-contact.php +++ b/page-contact.php @@ -1,47 +1,97 @@
-
+
-
-
-

-

-

-
-

- +
+

+

+

+
+ +
+
+
+ +
+ +
+

+ +
+
+ + + +
+ +
+

WhatsApp

+ + ↗ + +
+
+ + + +
+ +
+

+

+
+
+ + +
+ +
+

+ +
+
-
-
-
-

+ +
+ + -
- - -
-
-
-
-
-
-
-
- -

- -
-
+ +

+ + + ↗ + +
diff --git a/page-faq.php b/page-faq.php index 4059a97..85a45aa 100644 --- a/page-faq.php +++ b/page-faq.php @@ -1,5 +1,6 @@
-
+

diff --git a/single-case.php b/single-case.php index b633e67..04a4c1f 100644 --- a/single-case.php +++ b/single-case.php @@ -8,7 +8,7 @@ get_header(); ?>
-
+