import { PageHeaderSectionProps } from "./types";

export default function PageHeaderSection({ data }: PageHeaderSectionProps) {
  return (
    <section className="py-10 text-center container lg:px-16 px-4">
      <h1
        data-aos="fade-down"
        className="text-3xl lg:text-5xl font-bold text-dark mb-3"
      >
        {data.title}
      </h1>
      <p data-aos="fade-up" className="text-primary text-base lg:text-lg">
        {data.description}
      </p>
    </section>
  );
}