"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Facebook, Linkedin, Twitter } from "lucide-react";

export default function MantenimientoPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumSizeLargeTitles"
        background="grid"
        cardStyle="inset"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleApple
            navItems={[
              {
                name: "Home",                id: "home"},
              {
                name: "About",                id: "about"},
              {
                name: "Features",                id: "features"},
              {
                name: "Equipment",                id: "equipment"},
              {
                name: "Impact",                id: "impact"},
              {
                name: "Partners",                id: "partners"},
              {
                name: "Testimonials",                id: "testimonials"},
              {
                name: "Mantenimiento",                id: "/mantenimiento"},
              {
                name: "Contacto",                id: "/contacto"},
            ]}
            brandName="ARRIMAQ"
          />
        </div>

        <div id="mantenimiento" data-section="mantenimiento">
          <PricingCardNine
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            title="Planes de Mantenimiento Preventivo"
            description="Asegure el óptimo rendimiento y la longevidad de su maquinaria con nuestros planes de mantenimiento especializados."
            plans={[
              {
                id: "basic",                title: "Básico",                price: "$199",                period: "mensual",                features: [
                  "Inspección visual completa",                  "Revisión de niveles de fluidos",                  "Engrase de puntos clave",                  "Informe de estado básico"],
                button: { text: "Solicitar Plan Básico", href: "/contacto" },
                imageSrc: "http://img.b2bpic.net/free-photo/industrial-maintenance-concept-worker-checking-machine_23-2151044458.jpg",                imageAlt: "Mantenimiento Básico"},
              {
                id: "standard",                title: "Estándar",                price: "$349",                period: "mensual",                features: [
                  "Todo el plan Básico",                  "Cambio de filtros (aceite, aire)",                  "Diagnóstico avanzado de sistemas",                  "Ajuste y calibración de componentes",                  "Prioridad en atención de emergencia"],
                button: { text: "Solicitar Plan Estándar", href: "/contacto" },
                imageSrc: "http://img.b2bpic.net/free-photo/professional-mechanic-uniform-doing-technical-inspection-car-engine_23-2149021200.jpg",                imageAlt: "Mantenimiento Estándar"},
              {
                id: "premium",                title: "Premium",                price: "$599",                period: "mensual",                features: [
                  "Todo el plan Estándar",                  "Cambio de fluidos completo",                  "Análisis predictivo de componentes",                  "Soporte técnico 24/7",                  "Descuentos en repuestos originales",                  "Servicio de recolección y entrega"],
                button: { text: "Solicitar Plan Premium", href: "/contacto" },
                imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-examining-car-engine-repair-shop_23-2149019672.jpg",                imageAlt: "Mantenimiento Premium"},
            ]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterCard
            logoText="ARRIMAQ"
            copyrightText="© 2024 ARRIMAQ. All rights reserved."
            socialLinks={[
              {
                icon: Twitter,
                href: "https://twitter.com/arrimaq",                ariaLabel: "Twitter"},
              {
                icon: Linkedin,
                href: "https://linkedin.com/company/arrimaq",                ariaLabel: "LinkedIn"},
              {
                icon: Facebook,
                href: "https://facebook.com/arrimaq",                ariaLabel: "Facebook"},
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
