# AMPTech WebPage

> AMPTech WebPage is a modern, responsive corporate website for AMPTech, a 360° technology partner based in Buenos Aires, Argentina. Built with Vue 3 (Composition API), Vuetify 3, Vite, and TypeScript, the site features multi-language internationalization (English, Spanish, Portuguese), dark/light theme switching, and Puppeteer-based static pre-rendering for optimal SEO and fast load times.

## Core Stack
- **Framework**: Vue 3 (Composition API, `<script setup>`)
- **UI Library**: Vuetify 3 (Material Design 3)
- **Icons**: Material Design Icons (`@mdi/font`)
- **Routing**: Vue Router (supports hash history for GitHub Pages and web history)
- **Build Tool**: Vite
- **Pre-rendering**: Puppeteer script for generating static pages for SEO
- **Deployment**: Docker & Nginx (with Gzip compression and security headers)

## Primary Routes
All pages are fully pre-rendered and support localized titles and SEO meta tags:

- [/](https://amptech.com.ar/): **Home** — General welcome section, core overview of 360° services, and call to action.
- [/services](https://amptech.com.ar/services): **Services** — Detailed information on Hardware & IT Support, Custom Software Development, and Cybersecurity (Blue Team defensive / Red Team offensive).
- [/partner-360](https://amptech.com.ar/partner-360): **Tech Partner 360** — Information about the complete outsourced IT department model, proactive prevention, and 24/7 support.
- [/about](https://amptech.com.ar/about): **About Us** — Company manifesto, co-founders details, the three pillars of the ecosystem, and differentiators.
- [/contact](https://amptech.com.ar/contact): **Contact** — Dynamic contact form, WhatsApp quick link, Calendly meeting scheduler integration, and office hours.
- [/amplink](https://amptech.com.ar/amplink): **AMP LINK** — Showcase page for a modular ERP product for SMBs featuring specialized modules ("Linklets") like CRM, Inbox, Automation, Operations, and Analytics.
- [/custom-software](https://amptech.com.ar/custom-software): **Custom Software** — In-depth breakdown of the custom development process (Discovery, Planning, Development, Testing, Deployment).
- [/unitrabajo](https://amptech.com.ar/unitrabajo): **UniTrabajo** — Showcase page for the smart job board platform targeted at educational institutions (hides global nav/footer).
- [/unitrabajo/contacto](https://amptech.com.ar/unitrabajo/contacto): **UniTrabajo Contact** — Dynamic registration form for educational institutions to sign up for UniTrabajo (hides global nav/footer).

## Project Structure
- [/src/views](file:///c:/Users/dante/Documents/GitHub/AMPTechWebPage/src/views): Contains Vue views/pages.
- [/src/components](file:///c:/Users/dante/Documents/GitHub/AMPTechWebPage/src/components): Reusable UI components.
- [/src/locales](file:///c:/Users/dante/Documents/GitHub/AMPTechWebPage/src/locales): Localization files (`en.ts`, `es.ts`, `pt.ts`).
- [/src/plugins](file:///c:/Users/dante/Documents/GitHub/AMPTechWebPage/src/plugins): Vuetify and i18n initialization.
- [/src/router](file:///c:/Users/dante/Documents/GitHub/AMPTechWebPage/src/router): Vue Router definitions.
- [/public](file:///c:/Users/dante/Documents/GitHub/AMPTechWebPage/public): Static assets (`robots.txt`, `sitemap.xml`, `favicon`).
- [/scripts/prerender.js](file:///c:/Users/dante/Documents/GitHub/AMPTechWebPage/scripts/prerender.js): Node.js pre-render runner utilizing Puppeteer.

## Development & Deployment commands
- `npm run dev`: Starts the local development server with Vite (defaults to port `5173`).
- `npm run build`: Generates the production bundle with Vite and pre-renders static routes into the `dist/` directory.
- `npm run preview`: Previews the production build locally.
- `npm run deploy`: Builds the Docker image and starts the container in detached mode using Docker Compose.
- `npm run test`: Runs unit tests using Vitest.