---
import BaseLayout from "@/layouts/BaseLayout.astro";
import { Badge } from "@/components/ui/Badge";
import siteConfig from "@/config/site.config";
---

<BaseLayout title="Nosotros">
    <section class="py-20">
        <div class="mx-auto max-w-4xl px-6">
            <h1 class="text-4xl font-bold text-foreground mb-6">
                {siteConfig.about.title}
            </h1>
            <p class="text-lg text-foreground-secondary mb-12 max-w-2xl">
                {siteConfig.about.description}
            </p>

            <div class="space-y-8">
                <!-- <div>
          <h2 class="text-2xl font-semibold text-foreground mb-4">Nuestras tecnologías</h2>
          <div class="flex flex-wrap gap-2">
            {siteConfig.about.skills.map((skill) => (
              <Badge variant="primary" size="lg">{skill}</Badge>
            ))}
          </div>
        </div> -->

                <div class="border-t border-border pt-8">
                    <h2 class="text-2xl font-semibold text-foreground mb-4">
                        Nuestro enfoque
                    </h2>
                    <div class="grid md:grid-cols-2 gap-6">
                        <div class="space-y-2">
                            <h3 class="font-semibold text-foreground">
                                Diseño centrado en el usuario
                            </h3>
                            <p class="text-foreground-secondary">
                                Cada decisión de diseño y ergonomía está
                                respaldada por investigación y pruebas con
                                usuarios reales, asegurando que la interacción
                                con el software y el hardware sea intuitiva.
                            </p>
                        </div>
                        <div class="space-y-2">
                            <h3 class="font-semibold text-foreground">
                                Software y hardware mantenible
                            </h3>
                            <p class="text-foreground-secondary">
                                Escribimos código legible y desarrollamos
                                arquitectura de hardware estandarizada para que
                                cualquier equipo pueda entender, escalar y
                                mantener el sistema fácilmente.
                            </p>
                        </div>
                        <div class="space-y-2">
                            <h3 class="font-semibold text-foreground">
                                Rendimiento primero
                            </h3>
                            <p class="text-foreground-secondary">
                                Optimizamos el software y cada componente físico
                                para lograr la máxima velocidad, eficiencia
                                energética y un procesamiento con minima
                                latencia.
                            </p>
                        </div>
                        <div class="space-y-2">
                            <h3 class="font-semibold text-foreground">
                                Soporte continuo
                            </h3>
                            <p class="text-foreground-secondary">
                                No desaparecemos después del lanzamiento ni de
                                la entrega de los equipos. Estamos a tu lado
                                para garantizar que todo el ecosistema integrado
                                funcione siempre al 100%.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</BaseLayout>
