import '../../styles/description.css';
import React from "react";


export default function Description() {
  const sizes = [
    { sr: 1, size: "22 X 41 Inch", suitable: "5 kg Grapes Box (Punnet), 9 kg Grapes Box" },
    { sr: 2, size: "21.5 x 31.5 Inch", suitable: "4.5 kg Grapes Box" },
    { sr: 3, size: "26 x 40 Inch", suitable: "20 kg Grapes Create" },
    { sr: 4, size: "11.5 x 19.5 Inch", suitable: "1.5-2 kg Grapes Box" },
    { sr: 5, size: "16 x 32 Inch", suitable: "4.5 kg Green Chillies Box" },
    { sr: 6, size: "15 x 32 Inch", suitable: "Drumsticks" },
    { sr: 7, size: "21 x 14.5 Inch", suitable: "Apple Bore" },
    { sr: 8, size: "18 x 12 Inch", suitable: "Ginger and Turmeric" },
    { sr: 9, size: "32 x 35 Inch", suitable: "Banana" },
    { sr: 10, size: "15.5 x 35 Inch", suitable: "Banana Leaf" },
    { sr: 11, size: "22 x 41 Inch", suitable: "Leafy Vegetable" }
  ];

  return (
    <section className="product-description">
      <div className="container">
        {/* Header */}
        <div className="product-header">
          <h2>Description Sanjaya Fresh Keeper Liner Bag</h2>
          <p className="subtitle">Extend Freshness, Naturally!</p>
        </div>

        {/* Content */}
        <div className="product-content">
          <div className="product-image">
            <img
              src="/images/description-img.jpg"
              alt="Sanjaya Fresh Keeper Liner Bag"
            />
          </div>

          <div className="product-details">
            <p>
              Sanjaya Fresh Keeper Liner Bags utilize advanced
              <strong> Patented Silver Nano Technology </strong> to convert
              ethylene gas into ethylene oxide, maintaining the freshness of
              fruits and vegetables. The breathable design ensures the removal
              of ethylene oxide, keeping produce crisp and flavourful.
            </p>

            <h3>Perfect for Packaging of:</h3>
            <ul className="benefits">
              <li>
                🍇 <strong>Fruits:</strong> Grapes, Bananas, Mangoes,
                Pomegranates, Apples, Bore, etc.
              </li>
              <li>
                🥦 <strong>Vegetables:</strong> Chillies, Drumsticks,
                Cauliflower, Lady Finger, etc.
              </li>
              <li>
                🌿 <strong>Spices & Greens:</strong> Turmeric, Ginger, Spinach,
                Mint, Coriander, etc.
              </li>
            </ul>

            <p className="highlight">
              Ideal for preserving freshness during{' '}
              <strong>storage and transportation</strong>!
            </p>

            <p>
              Sanjaya Fresh Keeper Liner Bags leverage{' '}
              <strong>Patented Silver Nano Technology</strong> to transform
              ethylene gas, a natural ripening agent, into ethylene oxide. The
              breathable material then allows ethylene oxide to escape, ensuring
              long-lasting freshness for diverse produce.
            </p>
          </div>
        </div>

        {/* Uniqueness Section */}
        <div className="uniqueness">
          <h3>Uniqueness of Our Product</h3>
          <ul className="benefits">
            <li>
              ✅ <strong>Clear and Smooth Finish:</strong> Each sheet is manufactured with consistent thickness to ensure even protection and handling.
            </li>
            <li>
              ✅ <strong>Uniform Thickness:</strong> This feature ensures that moisture is released at a controlled rate, preventing the buildup of excess moisture that can lead to mold and decay.
            </li>
            <li>
              ✅ <strong>Customizable Sizes:</strong> Available in various sizes to accommodate different packaging requirements, ensuring a neat and professional look.
            </li>
          </ul>
        </div>

        {/* Specifications Section */}
        <div className="specifications">
          <h3>Specifications – Sanjaya Agri Fresh Keeper Liner Bag Sizes</h3>

          {/* Striped Table */}
          <table className="striped-table">
            <thead>
              <tr>
                <th>Sr.No</th>
                <th>Size</th>
                <th>Suitable For</th>
              </tr>
            </thead>
            <tbody>
              {sizes.map((item, index) => (
                <tr key={item.sr} className={index % 2 === 0 ? "even" : "odd"}>
                  <td>{item.sr}</td>
                  <td>{item.size}</td>
                  <td>{item.suitable}</td>
                </tr>
              ))}
            </tbody>
          </table>
        </div>
      </div>
    </section>
  );
}
