import Breadcrumbs from "../Breadcrumbs";
export default function BlogHeroSingle({ title }: { title: string }) {
  const truncate = (text: string, limit = 50) =>
  text.length > limit ? text.slice(0, limit) + "…" : text;

  return (
    <section className="relative h-[300px] md:h-[600px] bg-black flex items-center justify-center text-white">
      <div className="absolute inset-0 bg-[url('/intro-overlay-bg.webp')] bg-cover bg-top opacity-70" />
      <div className="relative z-10 text-center px-4">
        <Breadcrumbs />
      </div>
    </section>
  );
}