import React from 'react';

const HeroImageBg = () => (
  <div
    className="w-full h-screen relative flex items-center justify-center text-center mb-24 bg-cover bg-center"
    style={{ backgroundImage: "url('https://images.unsplash.com/photo-1508873535684-277a3cbcc62f?auto=format&fit=crop&w=1950&q=80')" }}
  >
    <div className="absolute inset-0 bg-black opacity-50" />
    <div className="relative z-10 container p-8 md:p-16 text-white">
      <h1 className="text-4xl sm:text-5xl lg:text-6xl font-bold">
        Karşılıklı Yardımlaşmayı Karşılık Beklemeden Yapıyoruz...
      </h1>
    </div>
  </div>
);

export default HeroImageBg;