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 introduces the new 'Web Design' service page.
- Creates the route to showcase pricing plans for Landing Pages and Official Websites.
- Uses a tabbed layout to organize the different service tiers.
- Adds a '网展开发' link to the main navigation bar in the default layout for easy access.
This commit introduces Umami analytics for website usage tracking.
- Adds a new `analytics.js` file to the `public` directory to load the Umami tracking script.
- Updates `nuxt.config.ts` to inject this script into the document head and configure the page title.
Additionally, this commit fixes the referrer note display by removing a hardcoded prefix.
Replaces the 'copy to clipboard' action with a direct 'Request a Quote' via WhatsApp. This streamlines the process for
users to submit their event order details.
- The 'Request a Quote' button now opens a pre-filled WhatsApp message to a designated contact number.
- A new `buildMessage` computed property is created in the `eventOrder` composable to generate a detailed quote request
message.
- Adds support for tracking referrers via a `?referer` URL query parameter, which is included in the final message.
This commit introduces a real-time budget estimator for event services. A new summary sidebar now displays a live,
itemized breakdown of costs as the user selects options in the order form.
Key changes include:
- A new `OrderSummary` component to display the price breakdown and total.
- Comprehensive pricing logic implemented in the `useEventOrder` composable.
- A responsive two-column layout on the main page to accommodate the summary.
- UI/UX improvements across the form, including clearer labels and subtle transition animations for conditional fields.
This commit establishes the initial structure of the Nuxt application, centered around a new event order form.
Key changes include:
- Setting up the main app layout with a header, footer, and color mode support using @nuxt/ui.
- Creating a multi-part event order form on the index page.
- Introducing a `useEventOrder` composable to manage form state and validation with Zod.
- Adding modular form components under `app/components/eventOrder`.
- Including project configuration files for pnpm, VSCode, and global CSS.
