import React from "react";

const HeroSection = () => {
  return (
    <div className="hero-section text-center text-white" style={{ background: "url('/images/hero.jpg') center/cover", padding: "100px 0" }}>
      <h1>Find Your Perfect Trip</h1>
      <p>Search flights, hotels, and vacation packages at the best prices.</p>
      <div className="container mt-4">
        <input type="text" className="form-control" placeholder="Enter destination..." />
        <button className="btn btn-danger mt-3">Search</button>
      </div>
    </div>
  );
};

export default HeroSection;