feat(pages): add web development services page

This commit introduces a new page at `/webDev` to display web development services and pricing plans. To support this, a new reusable composable `useLocalizedCollection` has been created to simplify fetching localized content from Nuxt Content. The index page has been refactored to use this new composable. - Adds `webDev.vue` page and corresponding `webDev.yml` content files for EN and ZH. - Defines a Zod schema in `content.config.ts` for the new content type. - Updates the navigation link to point to the new page.
2025-11-06 09:02:50 +08:00
parent 31a4103f9b
commit 8cc04b7f59
7 changed files with 339 additions and 41 deletions
--- a/content/en-US/webDev.yml
+++ b/content/en-US/webDev.yml
@@ -0,0 +1,95 @@
+seo:
+  title: "Web / Website Custom Development"
+  description: "Create a tailor-made online portal for your brand to boost visibility and conversion rates."
+title: "Web / Website Custom Development"
+description: "Create a tailor-made online portal for your brand to boost visibility and conversion rates."
+
+remarks: "All plans include basic domain and server deployment for the first year. If server load becomes too high, we will assist with migration to a more stable third-party environment."
+
+services:
+  - id: landing-page
+    label: "Landing Page"
+    icon: "mdi:cursor-default-click-outline"
+    plans:
+      - title: "Basic"
+        description: "Ideal for individuals or small businesses to launch a one-page showcase website quickly."
+        price: "From RM899"
+        tagline: "Includes domain & hosting"
+        features:
+          - "Single-page structure (1–3 sections)"
+          - "Responsive design (mobile / tablet / desktop)"
+          - "Basic text and image layout"
+          - "Contact form or WhatsApp button"
+          - "Google Analytics integration"
+          - "1 free revision"
+          - "Delivery within 7 days"
+        button:
+          label: "Contact Now"
+
+      - title: "Standard"
+        description: "Designed for brands and startups to create high-conversion pages."
+        price: "From RM1,599"
+        tagline: "Includes domain & hosting"
+        highlight: true
+        features:
+          - "Multi-section layout (4–6 sections)"
+          - "Custom brand styling and color scheme"
+          - "Lightweight animations and motion effects"
+          - "SEO optimization + performance tuning"
+          - "Tracking integration (GA / Pixel)"
+          - "2 free revisions"
+          - "Delivery within 14 days"
+        button:
+          label: "Request Quote"
+
+      - title: "Premium Custom"
+        description: "Comprehensive visual and marketing upgrade for established brands."
+        price: "From RM2,999"
+        features:
+          - "Exclusive visual design and interaction experience"
+          - "Complete brand style system"
+          - "A/B testing and conversion optimization"
+          - "Marketing tool integration (email, analytics, CRM)"
+          - "Multi-language / dynamic content support"
+        button:
+          label: "Book a Custom Plan"
+  - id: official-web
+    label: "Official Website"
+    icon: "lucide:globe"
+    plans:
+      - title: "Basic Website"
+        description: "Build a professional online presence for small and medium-sized businesses."
+        price: "From RM3,999"
+        tagline: "Includes domain & hosting"
+        features:
+          - "Up to 5 pages (Home, About, Services, Contact, etc.)"
+          - "Responsive design (desktop / tablet / mobile)"
+          - "Basic SEO setup"
+          - "Contact form + map + social media links"
+        button:
+          label: "Contact Now"
+
+      - title: "Standard Website"
+        description: "Ideal for brand upgrades and content-rich businesses."
+        price: "From RM6,999"
+        # discount: "From RM4,999"
+        tagline: "Includes domain & hosting"
+        highlight: true
+        features:
+          - "Around 8–12 pages (Case Studies, Blog, Team, etc.)"
+          - "Custom brand styling + UI/UX optimization"
+          - "Lightweight CMS for content management"
+          - "Advanced SEO optimization and performance acceleration"
+        button:
+          label: "Book Standard Plan"
+
+      - title: "Enterprise Custom"
+        description: "Fully tailored visual, functional, and interactive experience."
+        price: "From RM15,000"
+        features:
+          - "Fully custom UI / animation design"
+          - "Multi-language support / client login module"
+          - "API / third-party system integrations"
+          - "Enhanced security and automated backup mechanism"
+        button:
+          label: "Book Enterprise Plan"