Server : Apache/2 System : Linux server-15-235-50-60 5.15.0-164-generic #174-Ubuntu SMP Fri Nov 14 20:25:16 UTC 2025 x86_64 User : gositeme ( 1004) PHP Version : 8.2.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory :  /home/gositeme/domains/lavocat.quebec/private_html/src/components/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

import React from 'react';

interface CaseHeroSectionProps {
  title: string;
  subtitle?: string;
  reference?: string;
  summary?: string;
  actions?: React.ReactNode;
  gradientFrom?: string;
  gradientTo?: string;
  children?: React.ReactNode;
}

const CaseHeroSection: React.FC<CaseHeroSectionProps> = ({
  title,
  subtitle,
  reference,
  summary,
  actions,
  gradientFrom = 'from-red-600',
  gradientTo = 'to-orange-600',
  children
}) => {
  return (
    <div className={`text-center bg-gradient-to-br ${gradientFrom} ${gradientTo} text-white rounded-2xl shadow-xl p-8 mb-8
      <h1 className="font-extrabold mb-4 drop-shadow-lg text-4xl md:text-5xl">{title}</h1>
      {subtitle && <h2 className="mb-6 font-semibold text-2xl md:text-3xl">{subtitle}</h2>}
      {reference && <p className="mb-2 text-lg font-mono opacity-90">{reference}</p>}
      {summary && <p className="mb-6 leading-relaxed text-lg max-w-2xl mx-auto">{summary}</p>}
      {actions && <div className="flex flex-col md:flex-row justify-center gap-4 mb-4">{actions}</div>}
      {children}
    </div>
  );
};

export default CaseHeroSection;