import { Button } from './ui/button';
import Link from 'next/link';
import { ArrowLeft } from 'lucide-react';

interface PageHeaderProps {
  title: string;
  description: string;
}

export default function PageHeader({ title, description }: PageHeaderProps) {
  return (
    <header className="py-16 md:py-24 bg-transparent relative overflow-hidden flex items-center justify-center">
      <div className="container mx-auto px-4 relative z-20">
        <div className="text-center">
            <h1 className="font-headline text-3xl md:text-5xl font-bold text-gradient">
            {title}
            </h1>
            <p className="mt-4 font-body text-base md:text-lg text-foreground/70 max-w-2xl mx-auto">
            {description}
            </p>
        </div>
      </div>
    </header>
  );
}