import React from 'react';

const ShippingSchedule = () => {
  const guidelines = [
    "Before sending your samples, please notify us promptly by mail or by completing the form online, including the Sample Initiation Form. This helps us register and process your samples efficiently upon arrival. As we do not receive packages on weekends, ensure your samples arrive on a weekday. Avoid shipping samples just before weekends (e.g., on a Thursday for Friday arrival) or the day before a holiday.",
    "We highly recommend using \"Priority Overnight Shipping\" for morning deliveries, as it is generally more reliable.",
    "We can pick up the sample from your institution (additional logistic charges will be applicable) or you can ship/drop samples at the mentioned address:"
  ];

  return (
    <div className="space-y-6">
      <div>
        <h3 className="text-3xl font-bold text-teal-700 mb-4">Shipping Schedule and Address</h3>
      </div>
      
      <div className="space-y-6">
        <ul className="space-y-4">
          {guidelines.map((guideline, idx) => (
            <li key={idx} className="flex items-start">
              <span 
                className="w-1.5 h-1.5 rounded-full mt-2 mr-3 flex-shrink-0"
                style={{backgroundColor: '#faae31'}}
              ></span>
              <p className={`leading-relaxed ${idx === 1 ? 'font-medium' : ''}`} style={{ color: '#555555' }}>
                {guideline}
              </p>
            </li>
          ))}
        </ul>
        
        <div>
          <div className="leading-relaxed" style={{ color: '#555555' }}>
            <div className="font-semibold text-lg text-teal-700 mb-3">
              Operify Tech Pvt.Ltd.
            </div>
            <div className="space-y-1">
              <div>64-65, Satguru Ram Singh Ji Marg,</div>
              <div>Kirti Nagar Industrial Area,</div>
              <div>New Delhi- 110015</div>
            </div>
            <div className="mt-2">
              <div className="flex items-center gap-2">
                <span className="font-medium">Phone:</span>
                <a href="tel:9319171176" className="text-teal-600 hover:text-teal-800">
                  9319171176
                </a>
              </div>
              <div className="flex items-center gap-2">
                <span className="font-medium">Email:</span>
                <a href="mailto:Info@operifytech.com" className="text-teal-600 hover:text-teal-800">
                  Info@operifytech.com
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default ShippingSchedule;