import React from "react";

const DealsSection = () => {
  const deals = [
    { id: 1, title: "Up to 15% off", img: "/images/deal1.jpg" },
    { id: 2, title: "Exclusive Flight Discounts", img: "/images/deal2.jpg" }
  ];

  return (
    <div className="container mt-5">
      <h2>Special Deals for You</h2>
      <div className="row">
        {deals.map((deal) => (
          <div key={deal.id} className="col-md-6">
            <div className="card">
              <img src={deal.img} className="card-img-top" alt={deal.title} />
              <div className="card-body">
                <h5 className="card-title">{deal.title}</h5>
                <button className="btn btn-primary">Book Now</button>
              </div>
            </div>
          </div>
        ))}
      </div>
    </div>
  );
};

export default DealsSection;