import { VendingMachineCard } from "@/components/vending-machine-card"

const machines = [
  {
    name: "QFV 50 Combo",
    description: "The Ultimate Combo Machine: The QFV 50 stands out as our top combo machine, offering a remarkable blend of style and functionality. With 30 customizable drink selections, it caters to a variety of tastes and preferences.",
    image: "https://rockymountainvending.com/wp-content/uploads/elementor/thumbs/QFV-50-Combo-Vending-Machine-qj1jvll0a6zquw0b4v78h2mw9554yc66jygxsw928w.jpg",
    alt: "Quick Fresh Vending QFV 50 combo vending machine showcasing dual compartments for snacks and drinks, with dimensions and payment system details.",
    selections: 50,
    items: 300,
  },
  {
    name: "Crane Bev Max 4",
    description: "A Beverage Powerhouse: Bev Max 4 is a testament to efficiency in the vending world, boasting an impressive 48 drink selections. Its standout feature is the incredibly low fault rate of just 0.003%.",
    image: "/images/wordpress/Crane-Bev-Max-4-Drink.webp",
    alt: "Crane Bev Max 4 Classic",
    selections: 48,
    items: 400,
  },
  {
    name: "AMS 39 VCB",
    description: "Reliability Redefined: The AMS 39 VCB is a dependable combo machine that consistently meets our high standards. Its robust design ensures long-term reliability.",
    image: "/images/wordpress/AMS-39-VCB-Combo.webp",
    alt: "AMS 39 VCB",
    selections: 36,
    items: 375,
  },
  {
    name: "Crane Merchant Media Snack",
    description: "The Snack Giant: When it comes to snack machines, the Crane Merchant Media Snack is unparalleled in capacity. It's the largest snack machine available, capable of holding a diverse range of snack options.",
    image: "/images/wordpress/Crane-Merchant-6-Media-Snack-pps9rxkbwo62qvpt49uhflu81t25wooadi7ir9yra8.webp",
    alt: "Crane Merchant Media 6",
    selections: 44,
    items: 375,
  },
  {
    name: "USI 3130",
    description: "Compact Snack Solution: The USI 3130 is designed for locations where space is at a premium. Despite its compact size, it doesn't compromise on functionality.",
    image: "/images/wordpress/USI-3130-pps9s29iuucicxizctvma2nj0qezz66y25gy5nrsf4.webp",
    alt: "Rocky Mountain Vending USI 3130",
    selections: 24,
    items: 420,
  },
  {
    name: "Seaga HY900",
    description: "Small Space, Big Variety: The HY900 is specifically crafted for smaller accounts that need both drinks and snacks but have limited space.",
    image: "/images/wordpress/Seage-HY900-Combo.webp",
    alt: "Seaga HY900 combo vending machine",
    selections: 45,
    items: 385,
  },
]

export function VendingMachinesShowcase() {
  return (
    <section className="py-16 md:py-24 bg-background">
      <div className="container mx-auto px-4">
        <div className="text-center mb-12 md:mb-16">
          <h2 className="text-3xl font-bold tracking-tight md:text-4xl lg:text-5xl mb-4 text-balance">
            Vending Machines We Use
          </h2>
          <p className="text-lg text-muted-foreground max-w-2xl mx-auto text-pretty leading-relaxed">
            We invest in high-quality equipment to deliver the best service with minimal interruptions.
          </p>
        </div>

        <div className="grid gap-6 md:gap-8 md:grid-cols-2 lg:grid-cols-3">
          {machines.map((machine) => (
            <VendingMachineCard
              key={machine.name}
              name={machine.name}
              description={machine.description}
              image={machine.image}
              alt={machine.alt}
              selections={machine.selections}
              items={machine.items}
            />
          ))}
        </div>
      </div>
    </section>
  )
}