🧉 MateLogic

Desarrollo de Software con toque humano, desde Chivilcoy al mundo.

Sitio web oficial de MateLogic (mate-logic.tech), empresa de desarrollo de software integral basada en Chivilcoy, Buenos Aires, Argentina. Especialistas en aplicaciones web, móviles (iOS/Android) y de escritorio.

---

📌 Tabla de Contenidos

• 🚀 Características
• 🛠️ Stack Tecnológico
• 📂 Estructura del Proyecto
• 💻 Requisitos Previos
• ⚙️ Instalación y Uso
• 🎨 Sistema de Diseño y Estilos
• 🌐 Sitio Web Oficial
• 📄 Licencia

---

🚀 Características

• Diseño Moderno & Responsivo: Interfaz cuidada con estética premium, tipografía Montserrat y paleta de colores nativa de la marca.
• Rendimiento Extremo: Construido con Astro 7, logrando tiempos de carga ultrarrápidos y optimización SEO integral.
• Sitemap & SEO: Generación automática de mapa del sitio (@astrojs/sitemap) y metadatos Open Graph/Twitter Cards preconfigurados.
• Arquitectura de Componentes: Separación limpia en componentes interactivos y modulares (Hero, ServicesGrid, Philosophy, LocalIdentity, Software, Team, Solutions).

---

🛠️ Stack Tecnológico

• Framework principal: Astro 7.1 (SSR/SSG rápido y eficiente).
• Estilos: Tailwind CSS v4 integrado mediante @tailwindcss/vite.
• Tipografía: Google Font Montserrat.
• Herramientas de construcción: Vite + PNPM.
• Procesamiento de imágenes: sharp.

---

📂 Estructura del Proyecto

mate-logic/
├── public/                 # Archivos estáticos (favicons, imágenes OG, sitemap)
├── src/
│   ├── components/        # Componentes Astro reutilizables
│   │   ├── Footer.astro
│   │   ├── Header.astro
│   │   ├── Hero.astro
│   │   ├── LocalIdentity.astro
│   │   ├── Philosophy.astro
│   │   ├── ServicesGrid.astro
│   │   ├── Software.astro
│   │   ├── Solutions.astro
│   │   └── Team.astro
│   ├── layouts/           # Plantillas base (Layout.astro)
│   ├── pages/             # Rutas y páginas del sitio (index.astro)
│   └── styles/            # Estilos globales y tokens Tailwind v4 (@theme)
├── astro.config.mjs       # Configuración de Astro, Vite y Plugins
├── package.json           # Dependencias y scripts
└── tsconfig.json          # Configuración de TypeScript

---

💻 Requisitos Previos

• Node.js: >= 22.12.0
• Gestor de paquetes: pnpm (recomendado)

---

⚙️ Instalación y Uso

1. Clonar el repositorio:

   git clone https://github.com/Bernard2806/mate-logic.git
   cd mate-logic

2. Instalar dependencias:

   pnpm install

3. Iniciar servidor de desarrollo:

   pnpm dev

   El sitio estará disponible en http://localhost:4321.

   Nota de desarrollo: Para ejecutar el servidor en segundo plano:

   astro dev --background

4. Compilar para producción:

   pnpm build

   Los archivos estáticos optimizados se generarán en la carpeta ./dist/.

5. Previsualizar la build de producción:

   pnpm preview

---

🎨 Sistema de Diseño y Estilos

El proyecto utiliza Tailwind CSS v4 con un sistema de temas personalizado definido en src/styles/global.css:

Token	Color	Hexadecimal	Usos
--color-brand-blue	Azul Marca	#033748	Textos primarios, encabezados, fondos oscuros
--color-brand-teal	Verde Azulado	#2f93a5	Acentos, efectos hover, gradientes
--color-brand-green	Verde Mate	#859f51	Detalles activos, indicadores, badges
--color-brand-brown	Marrón Cálido	#825d40	Contrastes secundarios
--color-brand-cream	Crema	#f6efe4	Fondo general de la aplicación

---

🌐 Sitio Web Oficial

Visita el sitio publicado en: mate-logic.tech

---

📄 Licencia

Este proyecto está licenciado bajo la GNU General Public License v3.0 (GPL-3.0). Consulta el archivo LICENSE para más información.

Desarrollado con ❤️ por MateLogic.