"use client";

import React from 'react';

const ChainLinkFinishes = () => {
  return (
    <section className="finishes">
      <div className="reveal">
        <div className="section-eyebrow">Material finishes</div>
        <h2 className="sh">Galvanized or<br /><span>vinyl coated.</span></h2>
      </div>
      <div className="finish-grid reveal">
        <div className="finish-card galv">
          <div className="finish-deco"></div>
          <h3>Galvanized <span>Steel</span></h3>
          <p>Hot-dipped galvanized chain link is the industry standard for durability and value. The zinc coating provides long-lasting corrosion resistance, making it ideal for commercial, industrial, and utilitarian applications where appearance is secondary to performance.</p>
          <ul className="finish-list">
            <li>Hot-dipped zinc coating for maximum protection</li>
            <li>Industry-standard silver/grey finish</li>
            <li>Higher tensile strength vs vinyl coated</li>
            <li>Preferred for industrial &amp; commercial security</li>
            <li>Lower cost per linear foot</li>
            <li>Long service life — 20+ years in most climates</li>
          </ul>
        </div>
        <div className="finish-card vinyl">
          <div className="finish-deco"></div>
          <h3>Black Vinyl <span>Coated</span></h3>
          <p>Vinyl coated chain link features a PVC coating over a galvanized core, adding a clean, finished appearance that blends into residential and commercial landscapes. The most popular choice for residential installations, schools, and parks.</p>
          <ul className="finish-list">
            <li>Galvanized core + PVC exterior coating</li>
            <li>Clean black finish — blends into landscape</li>
            <li>Preferred for residential &amp; decorative applications</li>
            <li>Schools, parks, playgrounds, pools</li>
            <li>Slightly thicker than galvanized gauge</li>
            <li>UV resistant coating for colour retention</li>
          </ul>
        </div>
      </div>
    </section>
  );
};

export default ChainLinkFinishes;
