"use client"; import Image from "next/image"; interface InnerBannerProps { title: string; subtitle?: string; breadcrumbs?: { label: string; href?: string }[]; backgroundImage?: string; } export default function InnerBanner({ title, subtitle, breadcrumbs, backgroundImage = "/hero-image.jpg" }: InnerBannerProps) { return (
{/* Background Image */}
{`${title} {/* Overlay */}
{/* Content */}
{/* Breadcrumbs */} {breadcrumbs && breadcrumbs.length > 0 && ( )} {/* Title */}

{title}

{/* Subtitle */} {subtitle && (

{subtitle}

)} {/* Decorative Line */}
{/* Animated Particles */}
{[ { left: 20, top: 30, delay: 0, duration: 3.5 }, { left: 60, top: 70, delay: 0.5, duration: 4 }, { left: 80, top: 20, delay: 1, duration: 3.2 }, { left: 40, top: 80, delay: 1.5, duration: 4.5 }, { left: 10, top: 50, delay: 2, duration: 3.8 }, ].map((particle, i) => (
))}
); }