feat: add multilingual about, services and projects pages with i18n support

- Create new about and services pages in both English and Chinese
- Implement projects page with responsive design and project cards
- Add i18n translations for new UI elements
- Update header navigation to support new pages
- Create shared AboutLayout component with table of contents

src/pages/services.md

@@ -0,0 +1,80 @@
+---
+title: "My Services"
+description: "Explore the professional services I offer to help bring your digital projects to life"
+layout: "../layouts/AboutLayout.astro"
+---
+
+# Services I Provide 🛠️
+
+If you have a project that needs development, design, or bug fixing, feel free to contact me. 🚀
+
+## Web Development 🌐
+
+- Building responsive and modern websites using the latest technologies
+- Creating custom web applications tailored to your specific needs
+- Implementing frontend interfaces with React, Vue.js, or Angular
+- Developing backend systems with Node.js, Express, Django, or Flask
+- Optimizing website performance and user experience
+
+## App Development 📱
+
+- Developing cross-platform mobile applications using React Native or Flutter
+- Creating native iOS and Android applications
+- Building progressive web apps (PWAs) for mobile-like experiences on the web
+- Implementing offline functionality and push notifications
+- Integrating with device features like camera, GPS, and sensors
+
+## WeChat Mini Program Development 💬
+
+- Designing and developing WeChat Mini Programs for businesses
+- Creating interactive and engaging user interfaces
+- Implementing WeChat Pay and other WeChat APIs
+- Optimizing for WeChat's ecosystem and requirements
+- Building custom features and functionalities specific to your business needs
+
+## UI Design 🎨
+
+- Creating modern, clean, and intuitive user interfaces
+- Designing responsive layouts that work across all devices
+- Developing brand identity and visual language
+- Creating wireframes, prototypes, and high-fidelity mockups
+- Implementing design systems for consistent user experiences
+
+## Bug Fixing 🐛
+
+- Identifying and resolving issues in existing applications
+- Debugging complex problems in frontend and backend systems
+- Optimizing code for better performance and reliability
+- Refactoring legacy code to modern standards
+- Implementing automated testing to prevent future bugs
+
+## Important Notes 📝
+
+To avoid unnecessary misunderstandings, please read the following notes before contacting me:
+
+1. Please provide detailed project requirements, including any design specifications (if you don't understand this, I can help guide you).
+2. Please specify project completion time and development period.
+3. In general, I only provide code, and the specific form of cooperation needs to be discussed.
+4. I cannot provide illegal services.
+5. Project source code can be maintained for 3 months.
+
+## Collaboration Process 🤝
+
+1. Confirm the project
+2. Determine the collaboration method
+3. Confirm project functional requirements
+4. Confirm development period and delivery time
+5. Confirm project design prototype
+6. Make payment
+7. Project development
+8. Project testing
+9. Project launch
+10. Project maintenance
+
+## Payment Methods 💰
+
+- WeChat Pay
+- Alipay
+- Bank Transfer
+
+Note: All projects use 442 payment method