refactor(pricing): extract web development services to a config file
Moved all web development service and pricing plan data from `web-design/index.vue` to a new `config/web-dev-services.ts` file. - Centralizes service definitions for easier maintenance and scalability. - Simplifies the `web-design` page by making it data-driven. - Replaces static links with dynamic `onClick` handlers that generate a pre-filled WhatsApp message for inquiries.
This commit is contained in:
xiaomai
458
app/config/web-dev-services.ts
Normal file
458
app/config/web-dev-services.ts
Normal file
@@ -0,0 +1,458 @@
|
|||||||
|
import type { TabsItem, PricingPlanProps } from "@nuxt/ui";
|
||||||
|
|
||||||
|
interface Service extends TabsItem {
|
||||||
|
plans: PricingPlanProps[];
|
||||||
|
}
|
||||||
|
|
||||||
|
// WhatsApp 消息生成函数
|
||||||
|
function generateWhatsAppMessage(
|
||||||
|
service: string,
|
||||||
|
plan: string,
|
||||||
|
price: string,
|
||||||
|
description: string,
|
||||||
|
features: string[]
|
||||||
|
): string {
|
||||||
|
const featureList = features.slice(0, 3).join("、"); // 只展示前3个主要功能
|
||||||
|
return `您好！我对您的【${service}】服务中的【${plan}】方案感兴趣。
|
||||||
|
|
||||||
|
方案详情：
|
||||||
|
💰 价格：${price}
|
||||||
|
📋 描述：${description}
|
||||||
|
✨ 主要功能：${featureList}${
|
||||||
|
features.length > 3 ? `等${features.length}项功能` : ""
|
||||||
|
}
|
||||||
|
|
||||||
|
请提供更多详细信息，谢谢！`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function sendWhatsAppMessage(message: string) {
|
||||||
|
const text = encodeURIComponent(message);
|
||||||
|
const url = `https://api.whatsapp.com/send?phone=+601157753558&text=${text}`;
|
||||||
|
window.open(url, "_blank");
|
||||||
|
}
|
||||||
|
|
||||||
|
export const services: Service[] = [
|
||||||
|
// --- Landing Page ---
|
||||||
|
{
|
||||||
|
id: "landing-page",
|
||||||
|
label: "Landing Page",
|
||||||
|
icon: "lucide:mouse-pointer-click",
|
||||||
|
plans: [
|
||||||
|
{
|
||||||
|
title: "基础版 Landing Page",
|
||||||
|
description: "适合个人、小型商家，快速上线单页展示网站。",
|
||||||
|
price: "RM499 起",
|
||||||
|
tagline: "含域名与服务器",
|
||||||
|
features: [
|
||||||
|
"单页面结构（1-3 屏）",
|
||||||
|
"响应式设计（手机 / 平板 / 桌面）",
|
||||||
|
"基本图文排版",
|
||||||
|
"联系表单或 WhatsApp 按钮",
|
||||||
|
"Google Analytics 整合",
|
||||||
|
"1 次免费修改",
|
||||||
|
"7 日内交付",
|
||||||
|
"提供基础托管与域名配置",
|
||||||
|
],
|
||||||
|
button: {
|
||||||
|
label: "立即咨询",
|
||||||
|
onClick: () =>
|
||||||
|
sendWhatsAppMessage(
|
||||||
|
generateWhatsAppMessage(
|
||||||
|
"Landing Page",
|
||||||
|
"基础版 Landing Page",
|
||||||
|
"RM499 起",
|
||||||
|
"适合个人、小型商家，快速上线单页展示网站",
|
||||||
|
[
|
||||||
|
"单页面结构（1-3 屏）",
|
||||||
|
"响应式设计（手机 / 平板 / 桌面）",
|
||||||
|
"基本图文排版",
|
||||||
|
"联系表单或 WhatsApp 按钮",
|
||||||
|
"Google Analytics 整合",
|
||||||
|
]
|
||||||
|
)
|
||||||
|
),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "标准版 Landing Page",
|
||||||
|
description: "为品牌与创业项目打造高转化页面。",
|
||||||
|
price: "RM1,499 起",
|
||||||
|
tagline: "含域名与服务器",
|
||||||
|
features: [
|
||||||
|
"多区块结构（4-6 屏）",
|
||||||
|
"品牌定制风格与配色",
|
||||||
|
"轻量动画与动效展示",
|
||||||
|
"SEO 优化 + 加载性能优化",
|
||||||
|
"整合追踪代码（GA / Pixel）",
|
||||||
|
"2 次免费修改",
|
||||||
|
"14 日内交付",
|
||||||
|
"域名与服务器配置完成交付",
|
||||||
|
],
|
||||||
|
highlight: true,
|
||||||
|
button: {
|
||||||
|
label: "预约报价",
|
||||||
|
onClick: () =>
|
||||||
|
sendWhatsAppMessage(
|
||||||
|
generateWhatsAppMessage(
|
||||||
|
"Landing Page",
|
||||||
|
"标准版 Landing Page",
|
||||||
|
"RM1,499 起",
|
||||||
|
"为品牌与创业项目打造高转化页面",
|
||||||
|
[
|
||||||
|
"多区块结构（4-6 屏）",
|
||||||
|
"品牌定制风格与配色",
|
||||||
|
"轻量动画与动效展示",
|
||||||
|
"SEO 优化 + 加载性能优化",
|
||||||
|
"整合追踪代码（GA / Pixel）",
|
||||||
|
]
|
||||||
|
)
|
||||||
|
),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "高级定制 Landing Page",
|
||||||
|
description: "为成熟品牌提供全面视觉与营销升级方案。",
|
||||||
|
price: "RM2,999 起",
|
||||||
|
features: [
|
||||||
|
"专属视觉设计与交互体验",
|
||||||
|
"完整品牌风格系统",
|
||||||
|
"A/B 测试与转化优化",
|
||||||
|
"营销工具整合（邮件、统计、CRM）",
|
||||||
|
"多语言 / 动态内容支持",
|
||||||
|
"后续维护与性能报告",
|
||||||
|
"含首年域名与服务器部署",
|
||||||
|
],
|
||||||
|
button: {
|
||||||
|
label: "预约定制方案",
|
||||||
|
onClick: () =>
|
||||||
|
sendWhatsAppMessage(
|
||||||
|
generateWhatsAppMessage(
|
||||||
|
"Landing Page",
|
||||||
|
"高级定制 Landing Page",
|
||||||
|
"RM2,999 起",
|
||||||
|
"为成熟品牌提供全面视觉与营销升级方案",
|
||||||
|
[
|
||||||
|
"专属视觉设计与交互体验",
|
||||||
|
"完整品牌风格系统",
|
||||||
|
"A/B 测试与转化优化",
|
||||||
|
"营销工具整合（邮件、统计、CRM）",
|
||||||
|
"多语言 / 动态内容支持",
|
||||||
|
]
|
||||||
|
)
|
||||||
|
),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
|
||||||
|
// --- Official Website ---
|
||||||
|
{
|
||||||
|
id: "official-web",
|
||||||
|
label: "Official Website",
|
||||||
|
icon: "lucide:globe",
|
||||||
|
plans: [
|
||||||
|
{
|
||||||
|
title: "基础官网",
|
||||||
|
description: "为中小型企业建立专业在线形象。",
|
||||||
|
price: "RM4,999 起",
|
||||||
|
tagline: "含域名与服务器",
|
||||||
|
features: [
|
||||||
|
"最多 5 个页面（首页、关于、服务、联系等）",
|
||||||
|
"响应式设计（桌面 / 平板 / 手机）",
|
||||||
|
"基础 SEO 设置",
|
||||||
|
"联系表单 + 地图 + 社交媒体链接",
|
||||||
|
"客户提供内容素材",
|
||||||
|
"1 次免费修改",
|
||||||
|
"基础性能优化",
|
||||||
|
"7-14 日交付周期",
|
||||||
|
],
|
||||||
|
button: {
|
||||||
|
label: "获取报价",
|
||||||
|
onClick: () =>
|
||||||
|
sendWhatsAppMessage(
|
||||||
|
generateWhatsAppMessage(
|
||||||
|
"Official Website",
|
||||||
|
"基础官网",
|
||||||
|
"RM4,999 起",
|
||||||
|
"为中小型企业建立专业在线形象",
|
||||||
|
[
|
||||||
|
"最多 5 个页面（首页、关于、服务、联系等）",
|
||||||
|
"响应式设计（桌面 / 平板 / 手机）",
|
||||||
|
"基础 SEO 设置",
|
||||||
|
"联系表单 + 地图 + 社交媒体链接",
|
||||||
|
"客户提供内容素材",
|
||||||
|
]
|
||||||
|
)
|
||||||
|
),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "标准官网",
|
||||||
|
description: "适合品牌升级与内容扩展型企业。",
|
||||||
|
price: "RM8,999 起",
|
||||||
|
tagline: "含域名与服务器",
|
||||||
|
features: [
|
||||||
|
"约 8-12 个页面（案例、博客、团队等）",
|
||||||
|
"品牌定制风格 + UI/UX 优化",
|
||||||
|
"内容撰写协助（与客户协作）",
|
||||||
|
"轻量 CMS 后台管理系统",
|
||||||
|
"进阶 SEO 优化与性能加速",
|
||||||
|
"2 次免费修改",
|
||||||
|
"交付后 3 个月维护支持",
|
||||||
|
],
|
||||||
|
highlight: true,
|
||||||
|
button: {
|
||||||
|
label: "预约标准方案",
|
||||||
|
onClick: () =>
|
||||||
|
sendWhatsAppMessage(
|
||||||
|
generateWhatsAppMessage(
|
||||||
|
"Official Website",
|
||||||
|
"标准官网",
|
||||||
|
"RM8,999 起",
|
||||||
|
"适合品牌升级与内容扩展型企业",
|
||||||
|
[
|
||||||
|
"约 8-12 个页面（案例、博客、团队等）",
|
||||||
|
"品牌定制风格 + UI/UX 优化",
|
||||||
|
"内容撰写协助（与客户协作）",
|
||||||
|
"轻量 CMS 后台管理系统",
|
||||||
|
"进阶 SEO 优化与性能加速",
|
||||||
|
]
|
||||||
|
)
|
||||||
|
),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "企业定制官网",
|
||||||
|
description: "专属视觉、功能与交互体验整合。",
|
||||||
|
price: "RM15,000 起",
|
||||||
|
features: [
|
||||||
|
"完全定制 UI / 动效设计",
|
||||||
|
"多语言支持 / 客户登录模块",
|
||||||
|
"API / 第三方系统整合",
|
||||||
|
"增强安全与自动备份机制",
|
||||||
|
"1 年内维护与监测支持",
|
||||||
|
],
|
||||||
|
button: {
|
||||||
|
label: "预约企业方案",
|
||||||
|
onClick: () =>
|
||||||
|
sendWhatsAppMessage(
|
||||||
|
generateWhatsAppMessage(
|
||||||
|
"Official Website",
|
||||||
|
"企业定制官网",
|
||||||
|
"RM15,000 起",
|
||||||
|
"专属视觉、功能与交互体验整合",
|
||||||
|
[
|
||||||
|
"完全定制 UI / 动效设计",
|
||||||
|
"多语言支持 / 客户登录模块",
|
||||||
|
"API / 第三方系统整合",
|
||||||
|
"增强安全与自动备份机制",
|
||||||
|
"1 年内维护与监测支持",
|
||||||
|
]
|
||||||
|
)
|
||||||
|
),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
|
||||||
|
// --- Web App / Tools ---
|
||||||
|
{
|
||||||
|
id: "web-tools",
|
||||||
|
label: "Web 工具 / 内部系统",
|
||||||
|
icon: "lucide:cpu",
|
||||||
|
plans: [
|
||||||
|
{
|
||||||
|
title: "自动化工具开发",
|
||||||
|
description: "简化工作流程，提升效率的内部工具。",
|
||||||
|
price: "RM3,000 起",
|
||||||
|
features: [
|
||||||
|
"定制化前端逻辑与交互",
|
||||||
|
"数据处理 / 报表系统",
|
||||||
|
"轻量 API 与后端支持",
|
||||||
|
"导出功能（Excel / CSV / PDF）",
|
||||||
|
"可部署于 Web 或本地运行",
|
||||||
|
],
|
||||||
|
button: {
|
||||||
|
label: "提交需求",
|
||||||
|
onClick: () =>
|
||||||
|
sendWhatsAppMessage(
|
||||||
|
generateWhatsAppMessage(
|
||||||
|
"Web 工具 / 内部系统",
|
||||||
|
"自动化工具开发",
|
||||||
|
"RM3,000 起",
|
||||||
|
"简化工作流程，提升效率的内部工具",
|
||||||
|
[
|
||||||
|
"定制化前端逻辑与交互",
|
||||||
|
"数据处理 / 报表系统",
|
||||||
|
"轻量 API 与后端支持",
|
||||||
|
"导出功能（Excel / CSV / PDF）",
|
||||||
|
"可部署于 Web 或本地运行",
|
||||||
|
]
|
||||||
|
)
|
||||||
|
),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Web App 项目",
|
||||||
|
description: "打造实用、可持续扩展的轻量 Web 应用。",
|
||||||
|
price: "RM5,000 起",
|
||||||
|
features: [
|
||||||
|
"完整 SPA 结构（Vue / Nuxt）",
|
||||||
|
"前后端整合（Node / Supabase / Firebase）",
|
||||||
|
"用户系统 / 登录 / 权限控制",
|
||||||
|
"API 整合与动态数据展示",
|
||||||
|
"上线部署 + 基础文档说明",
|
||||||
|
],
|
||||||
|
highlight: true,
|
||||||
|
button: {
|
||||||
|
label: "预约开发",
|
||||||
|
onClick: () =>
|
||||||
|
sendWhatsAppMessage(
|
||||||
|
generateWhatsAppMessage(
|
||||||
|
"Web 工具 / 内部系统",
|
||||||
|
"Web App 项目",
|
||||||
|
"RM5,000 起",
|
||||||
|
"打造实用、可持续扩展的轻量 Web 应用",
|
||||||
|
[
|
||||||
|
"完整 SPA 结构（Vue / Nuxt）",
|
||||||
|
"前后端整合（Node / Supabase / Firebase）",
|
||||||
|
"用户系统 / 登录 / 权限控制",
|
||||||
|
"API 整合与动态数据展示",
|
||||||
|
"上线部署 + 基础文档说明",
|
||||||
|
]
|
||||||
|
)
|
||||||
|
),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "企业系统方案",
|
||||||
|
description: "大型模块化系统或跨平台整合项目。",
|
||||||
|
price: "RM20,000+",
|
||||||
|
features: [
|
||||||
|
"多模块架构（CMS / ERP / Dashboard）",
|
||||||
|
"API、数据库与外部服务整合",
|
||||||
|
"专属后端与数据安全机制",
|
||||||
|
"持续技术支持与扩展维护",
|
||||||
|
],
|
||||||
|
button: {
|
||||||
|
label: "申请合作",
|
||||||
|
onClick: () =>
|
||||||
|
sendWhatsAppMessage(
|
||||||
|
generateWhatsAppMessage(
|
||||||
|
"Web 工具 / 内部系统",
|
||||||
|
"企业系统方案",
|
||||||
|
"RM20,000+",
|
||||||
|
"大型模块化系统或跨平台整合项目",
|
||||||
|
[
|
||||||
|
"多模块架构（CMS / ERP / Dashboard）",
|
||||||
|
"API、数据库与外部服务整合",
|
||||||
|
"专属后端与数据安全机制",
|
||||||
|
"持续技术支持与扩展维护",
|
||||||
|
]
|
||||||
|
)
|
||||||
|
),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
|
||||||
|
// --- Game / Interactive ---
|
||||||
|
{
|
||||||
|
id: "game-dev",
|
||||||
|
label: "游戏展示 / 交互项目",
|
||||||
|
icon: "lucide:gamepad-2",
|
||||||
|
plans: [
|
||||||
|
{
|
||||||
|
title: "游戏展示页",
|
||||||
|
description: "专为游戏作品打造的宣传与展示网站。",
|
||||||
|
price: "RM1,999 起",
|
||||||
|
tagline: "含域名与服务器",
|
||||||
|
features: [
|
||||||
|
"游戏介绍与截图展示区",
|
||||||
|
"视频 / 预告片嵌入",
|
||||||
|
"下载按钮 / 平台链接（Steam / itch.io）",
|
||||||
|
"交互式 Canvas 动画或 WebGL 特效",
|
||||||
|
],
|
||||||
|
highlight: true,
|
||||||
|
button: {
|
||||||
|
label: "预约展示开发",
|
||||||
|
onClick: () =>
|
||||||
|
sendWhatsAppMessage(
|
||||||
|
generateWhatsAppMessage(
|
||||||
|
"游戏展示 / 交互项目",
|
||||||
|
"游戏展示页",
|
||||||
|
"RM1,999 起",
|
||||||
|
"专为游戏作品打造的宣传与展示网站",
|
||||||
|
[
|
||||||
|
"游戏介绍与截图展示区",
|
||||||
|
"视频 / 预告片嵌入",
|
||||||
|
"下载按钮 / 平台链接（Steam / itch.io）",
|
||||||
|
"交互式 Canvas 动画或 WebGL 特效",
|
||||||
|
]
|
||||||
|
)
|
||||||
|
),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "互动式 Web Demo",
|
||||||
|
description: "用于作品集、游戏原型或活动宣传。",
|
||||||
|
price: "RM3,999 起",
|
||||||
|
features: [
|
||||||
|
"玩家交互逻辑（Canvas / WebGL / Three.js）",
|
||||||
|
"音效与动画系统整合",
|
||||||
|
"数据记录或排行榜系统",
|
||||||
|
"嵌入至官网或独立部署",
|
||||||
|
],
|
||||||
|
button: {
|
||||||
|
label: "提交项目需求",
|
||||||
|
onClick: () =>
|
||||||
|
sendWhatsAppMessage(
|
||||||
|
generateWhatsAppMessage(
|
||||||
|
"游戏展示 / 交互项目",
|
||||||
|
"互动式 Web Demo",
|
||||||
|
"RM3,999 起",
|
||||||
|
"用于作品集、游戏原型或活动宣传",
|
||||||
|
[
|
||||||
|
"玩家交互逻辑（Canvas / WebGL / Three.js）",
|
||||||
|
"音效与动画系统整合",
|
||||||
|
"数据记录或排行榜系统",
|
||||||
|
"嵌入至官网或独立部署",
|
||||||
|
]
|
||||||
|
)
|
||||||
|
),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "完整游戏项目",
|
||||||
|
description: "定制游戏系统开发与跨平台发布。",
|
||||||
|
price: "价格面议",
|
||||||
|
features: [
|
||||||
|
"多人协作开发",
|
||||||
|
"完整引擎与关卡系统",
|
||||||
|
"发布至多平台（Web / 桌面 / 移动）",
|
||||||
|
],
|
||||||
|
button: {
|
||||||
|
label: "咨询游戏项目",
|
||||||
|
onClick: () =>
|
||||||
|
sendWhatsAppMessage(
|
||||||
|
generateWhatsAppMessage(
|
||||||
|
"游戏展示 / 交互项目",
|
||||||
|
"完整游戏项目",
|
||||||
|
"价格面议",
|
||||||
|
"定制游戏系统开发与跨平台发布",
|
||||||
|
[
|
||||||
|
"多人协作开发",
|
||||||
|
"完整引擎与关卡系统",
|
||||||
|
"发布至多平台（Web / 桌面 / 移动）",
|
||||||
|
]
|
||||||
|
)
|
||||||
|
),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
// --- 全局备注 ---
|
||||||
|
export const note =
|
||||||
|
"所有方案均含基础域名与服务器部署（首年）。后续若工作室服务器负载过高，将协助迁移至更稳定的第三方服务器。";
|
||||||
@@ -1,154 +1,26 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<UContainer>
|
||||||
<UContainer>
|
<UPageHero
|
||||||
<UTabs :items="servicesProvided">
|
title="客制化网站设计"
|
||||||
<template #landing-page>
|
description="为您的品牌量身定做一套线上门户，增加产品曝光率与转化率。"
|
||||||
<UPricingPlans :plans="landingPagePlans" />
|
/>
|
||||||
</template>
|
|
||||||
|
|
||||||
<template #official-web>
|
<p class="text-muted py-4 text-center">{{ note }}</p>
|
||||||
<UPricingPlans :plans="officialWebsitePlans" />
|
|
||||||
</template>
|
<UTabs :items="tabItems">
|
||||||
</UTabs>
|
<template v-for="service in services" :key="service.id" #[service.id]>
|
||||||
</UContainer>
|
<UPricingPlans :plans="service.plans" />
|
||||||
</div>
|
</template>
|
||||||
|
</UTabs>
|
||||||
|
</UContainer>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
const servicesProvided = [
|
import { services, note } from "~/config/web-dev-services";
|
||||||
{
|
|
||||||
label: "Landing Page",
|
|
||||||
icon: "lucide:mouse-pointer-click",
|
|
||||||
slot: "landing-page",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Official Web",
|
|
||||||
icon: "lucide:globe",
|
|
||||||
slot: "official-web",
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
const landingPagePlans = ref([
|
const tabItems = services.map((s) => ({
|
||||||
{
|
label: s.label,
|
||||||
title: "基础版 Landing Page",
|
icon: s.icon,
|
||||||
description: "适合个人、小型商家，快速上线单页网站。",
|
slot: s.id,
|
||||||
price: "RM499 起",
|
}));
|
||||||
features: [
|
|
||||||
"单页面结构（1–3 屏）",
|
|
||||||
"响应式设计（手机/平板/桌面）",
|
|
||||||
"基本图文排版",
|
|
||||||
"联系表单或 WhatsApp 按钮",
|
|
||||||
"Google Analytics 整合",
|
|
||||||
"1 次免费修改",
|
|
||||||
"7 日内交付",
|
|
||||||
],
|
|
||||||
button: {
|
|
||||||
label: "立即咨询",
|
|
||||||
href: "/contact",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "标准版 Landing Page",
|
|
||||||
description: "适合中小企业与创业团队，提升品牌形象与转化率。",
|
|
||||||
price: "RM1,499 起",
|
|
||||||
features: [
|
|
||||||
"自定义设计风格与品牌配色",
|
|
||||||
"多区块结构（4–6 屏）",
|
|
||||||
"文案优化与视觉建议",
|
|
||||||
"基础 SEO 与性能优化",
|
|
||||||
"Facebook Pixel / GA 追踪整合",
|
|
||||||
"基础动画与动效展示",
|
|
||||||
"2 次免费修改",
|
|
||||||
"14 日内交付",
|
|
||||||
],
|
|
||||||
featured: true,
|
|
||||||
button: {
|
|
||||||
label: "预约报价",
|
|
||||||
href: "/quote",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "高定版 Landing Page",
|
|
||||||
description: "为成熟品牌量身打造高转化率页面，强化视觉冲击与数据转化。",
|
|
||||||
price: "RM3,000+",
|
|
||||||
features: [
|
|
||||||
"完全定制设计与交互效果",
|
|
||||||
"品牌策略与信息架构规划",
|
|
||||||
"A/B 测试与用户体验优化",
|
|
||||||
"高级 SEO / 性能与加载优化",
|
|
||||||
"营销工具整合（邮件、CRM、自动化）",
|
|
||||||
"多语言或动态内容支持",
|
|
||||||
"后期维护与数据报告",
|
|
||||||
"项目顾问全程支持",
|
|
||||||
],
|
|
||||||
button: {
|
|
||||||
label: "申请合作",
|
|
||||||
href: "/consult",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
]);
|
|
||||||
|
|
||||||
const officialWebsitePlans = ref([
|
|
||||||
{
|
|
||||||
title: "官方网站 · 基础版",
|
|
||||||
description: "适合小型公司、工作室或创业品牌，建立专业在线形象。",
|
|
||||||
price: "RM5,000 起",
|
|
||||||
features: [
|
|
||||||
"最多 5 个页面（首页、关于、服务、联系等）",
|
|
||||||
"响应式设计（手机 / 平板 / 桌面）",
|
|
||||||
"基本 SEO 设置（标题、描述、关键词）",
|
|
||||||
"联系表单 + 地图 + 社交媒体链接",
|
|
||||||
"客户提供图片与文字内容",
|
|
||||||
"1 次免费修改",
|
|
||||||
"基础性能与加载优化",
|
|
||||||
],
|
|
||||||
button: {
|
|
||||||
label: "获取报价",
|
|
||||||
href: "/contact",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "官方网站 · 标准版",
|
|
||||||
description: "适合中小企业，强化品牌形象与转化效果。",
|
|
||||||
price: "RM12,000 起",
|
|
||||||
features: [
|
|
||||||
"约 8–12 个页面（首页、关于、团队、服务、案例、博客、联系等）",
|
|
||||||
"品牌定制设计风格 + UI/UX 优化",
|
|
||||||
"响应式与性能优化，兼容多设备",
|
|
||||||
"内容撰写与素材协助（客户与设计师协作）",
|
|
||||||
"可自主管理的后台系统（CMS）",
|
|
||||||
"进阶 SEO 优化（结构、速度、关键词）",
|
|
||||||
"互动功能（表单、预约、客户登录、多语言）",
|
|
||||||
"2–3 次免费修改",
|
|
||||||
"项目交付后 3–6 个月技术支持与维护",
|
|
||||||
],
|
|
||||||
featured: true,
|
|
||||||
button: {
|
|
||||||
label: "预约标准方案",
|
|
||||||
href: "/quote",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
title: "官方网站 · 高定版",
|
|
||||||
description: "为成熟品牌量身打造高转化、高性能、高颜值的专属官网。",
|
|
||||||
price: "RM25,000 起",
|
|
||||||
features: [
|
|
||||||
"完全定制视觉与交互设计（含动画与动效）",
|
|
||||||
"品牌策略与信息架构规划",
|
|
||||||
"多语言 / 会员系统 / 客户登录 / 支付整合",
|
|
||||||
"整合外部 API、CRM、ERP、自动化系统",
|
|
||||||
"大型内容库 / 媒体管理 / 定制图像与视频",
|
|
||||||
"高级 SEO + 转化率优化（含 A/B 测试）",
|
|
||||||
"1 年内持续维护、安全与内容更新",
|
|
||||||
"企业级安全与备份机制",
|
|
||||||
"专属项目经理全程对接",
|
|
||||||
],
|
|
||||||
button: {
|
|
||||||
label: "申请高定方案",
|
|
||||||
href: "/consult",
|
|
||||||
},
|
|
||||||
},
|
|
||||||
]);
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style></style>
|
|
||||||
|
|||||||
Reference in New Issue
Block a user