feat(mdx): add MDX support and migrate markdown files to MDX

- Add @astrojs/mdx integration to enable MDX support
- Migrate all markdown files (.md) to MDX (.mdx) format
- Create HighlightBox component for enhanced content styling
- Update astro config to include MDX integration
- Add documentation guide for MDX integration

src/pages/zh/services.mdx

@@ -0,0 +1,108 @@
+---
+title: "我的服务"
+description: "探索我提供的专业服务，帮助您实现数字项目"
+layout: "../../layouts/AboutLayout.astro"
+---
+
+import HighlightBox from '../../components/markdown/HighlightBox.astro';
+
+# 提供服务 🛠️
+
+<HighlightBox type="tip" title="服务理念">
+用优雅的代码和创新的思维，为复杂问题打造精致的解决方案。
+</HighlightBox>
+
+## 网站开发 🌐
+
+- 使用最新技术构建响应式现代网站
+- 创建根据您特定需求定制的网络应用程序
+- 使用 React、Vue.js 或 Angular 实现前端界面
+- 使用 Node.js、Express、Django 或 Flask 开发后端系统
+- 优化网站性能和用户体验
+
+## APP 开发 📱
+
+- 使用 React Native 或 Flutter 开发跨平台移动应用
+- 创建原生 iOS 和 Android 应用
+- 构建渐进式网络应用（PWAs），提供类似移动应用的网页体验
+- 实现离线功能和推送通知
+- 集成设备功能，如摄像头、GPS 和传感器
+
+## 微信小程序开发 💬
+
+- 为企业设计和开发微信小程序
+- 创建交互性强且引人入胜的用户界面
+- 实现微信支付和其他微信 API
+- 针对微信生态系统和要求进行优化
+- 构建特定于您业务需求的自定义功能
+
+## UI设计 🎨
+
+- 创建现代、简洁、直观的用户界面
+- 设计适用于所有设备的响应式布局
+- 开发品牌标识和视觉语言
+- 创建线框图、原型和高保真模型
+- 实现设计系统，确保一致的用户体验
+
+## BUg 修复 🐛
+
+<HighlightBox type="error" title="Bug修复与代码优化">
+
+- 识别和解决现有应用程序中的问题
+- 调试前端和后端系统中的复杂问题
+- 优化代码以提高性能和可靠性
+- 将旧代码重构为现代标准
+- 实施自动化测试以防止未来出现错误
+
+</HighlightBox>
+
+## 注意事项 📝
+
+<HighlightBox type="warning" title="合作前须知">
+为了减少不必要的麻烦，请在沟通之前仔细阅读以下注意事项：
+
+1. 请提供详细的需求说明，有原型图或设计稿更佳（如果你不了解这些也没关系，我这边可以帮你整理）。
+2. 请提供项目完成时间，开发周期。
+3. 一般情况下只接商单，其他形式的合作需要另行协商。
+4. 暂时无法提供开票服务。
+5. 项目完成后可免费维护3个月。
+</HighlightBox>
+
+## 合作步骤 🤝
+
+<HighlightBox type="info" title="合作流程">
+
+1. 确定合作项目
+2. 确定合作方式
+3. 确定项目功能需求
+4. 确定开发周期以及交付时间
+5. 确定项目设计图或原型图
+6. 支付费用
+7. 项目开发
+8. 项目测试
+9. 项目上线
+10. 项目维护
+
+</HighlightBox>
+
+## 付款方式 💰
+
+<HighlightBox type="success" title="支付方式">
+
+- 微信支付
+- 支付宝支付
+- 银行转账
+
+**注：所有项目费用均为442付款制**
+
+</HighlightBox>
+
+## 联系方式 📞
+
+<HighlightBox type="info" title="联系我">
+
+- QQ: **2770723534**
+- 微信：**JoyCodeing**
+- 邮箱：**zhaoguiyang18@gmail.com**
+
+</HighlightBox>