Service

import { LucideIcon } from "lucide-react";

export interface Service {
  id: string;
  slug: string;
  title: string;
  description: string;
  longDescription: string;
  subtitle1: string;
  subtitle1Description: string;
  subtitle2: string;
  subtitle2Description: string;
  icon: LucideIcon;
  features: string[];
  images: string[];
  menuTitle: string;
}

import { Package } from 'lucide-react';
import { Service } from '../types';

const service: Service = {
  id: '1',
  slug: 'bolsas-termoencogibles-cryovac',
  title: "Bolsas/fundas termoencogibles Cryovac",
  menuTitle: "Bolsas/fundas termoencogibles",
  description: "Seguridad alimentaria de alto rendimiento. Barrera superior contra oxígeno y humedad.",
  longDescription: "Las bolsas termoencogibles Cryovac representan el estándar de oro en la industria del empaque de proteínas. Diseñadas con tecnología multicapa patentada, estas bolsas se encogen al contacto con el calor para ajustarse como una segunda piel al producto, eliminando el oxígeno residual y maximizando la vida útil.",
  subtitle1: "Barrera superior contra oxígeno y humedad.",
  subtitle1Description: "Nuestras soluciones de empaque te brindan una barrera técnica superior contra el oxígeno y la humedad. Esta protección avanzada previene la contaminación y extiende la vida útil de tus productos.",
  subtitle2: "Innovación para tu Conservación y Calidad.",
  subtitle2Description: "Diseñadas para una amplia gama de alimentos, estas bolsas aseguran la integridad de tus productos en cada etapa. Su tecnología te permite llevar sabor, textura y estándares de calidad intactos hasta las manos de tu consumidor final.",
  icon: Package,
  features: [
    "Alta barrera al oxígeno para prevenir la oxidación.",
    "Encogimiento superior para una presentación sin arrugas.",
    "Resistencia extrema a la punción y al abuso en transporte.",
    "Compatibles con sistemas de vacío rotativos y de cámara.",
    "Disponibles en múltiples calibres según el tipo de hueso o corte."
  ],
  images: [
    "https://cms.gobigagency.co/vencol/wp-content/uploads/sites/3/2026/02/vencol-foto-1-scaled.png",
    "https://cms.gobigagency.co/vencol/wp-content/uploads/sites/3/2026/02/Productos-Cryovac.webp"
  ]
};

import { Package, Layers, Droplets, Tag, PenTool } from 'lucide-react';
import { Service } from '../types';

export const solutionsData: Service[] = [
  {
    id: '1',
    slug: 'bolsas-termoencogibles-cryovac',
    title: "Bolsas Termoencogibles Cryovac",
    menuTitle: "Bolsas/fundas termoencogibles",
    icon: Package,
    // ... other fields
  },
  {
    id: '2',
    slug: 'film-termoformado',
    title: "Film de Empaque Termoformado",
    menuTitle: "Film de Empaque Termoformado",
    icon: Layers,
    // ... other fields
  },
  {
    id: '3',
    slug: 'absorbentes-tipo-almohadilla',
    title: "Absorbentes Tipo Almohadilla",
    menuTitle: "Absorbentes Tipo Almohadilla",
    icon: Droplets,
    // ... other fields
  }
];

import { Link } from 'react-router-dom';
import { Service } from '../types';

interface ServiceDropdownProps {
  services: Service[];
}

const ServiceDropdown: React.FC<ServiceDropdownProps> = ({ services }) => (
  <div className="dropdown">
    {services.map((solution) => (
      <Link 
        key={solution.id}
        to={`/soluciones/${solution.slug}`}
        className="dropdown-item"
      >
        <div className="font-semibold">{solution.title}</div>
        <div className="text-xs truncate">{solution.description}</div>
      </Link>
    ))}
  </div>
);

import { Service } from '../types';

interface ServiceCardProps {
  service: Service;
}

const ServiceCard: React.FC<ServiceCardProps> = ({ service }) => {
  const IconComponent = service.icon;
  
  return (
    <div className="card">
      <IconComponent className="w-12 h-12 text-brand-green" />
      <h3>{service.title}</h3>
      <p>{service.description}</p>
    </div>
  );
};

import { Package, Layers, Droplets, Tag, PenTool } from 'lucide-react';