import React from "react";

const HotelsSection = () => {
  const hotels = [
    { id: 1, name: "Hotel Luxury", img: "/images/hotel1.jpg" },
    { id: 2, name: "Beach Resort", img: "/images/hotel2.jpg" }
  ];

  return (
    <div className="container mt-5">
      <h2>Top International Hotels</h2>
      <div className="row">
        {hotels.map((hotel) => (
          <div key={hotel.id} className="col-md-6">
            <div className="card">
              <img src={hotel.img} className="card-img-top" alt={hotel.name} />
              <div className="card-body">
                <h5 className="card-title">{hotel.name}</h5>
                <button className="btn btn-secondary">View Details</button>
              </div>
            </div>
          </div>
        ))}
      </div>
    </div>
  );
};

export default HotelsSection;