import type { PortfolioLayout1Content } from "@/data/portfolio-layout1";

export default function Layout1AgencyIntro({
  data,
}: {
  data: PortfolioLayout1Content["intro"];
}) {
  return (
    <div className="title-info space-md-bottom">
      <div className="row">
        <div className="col-lg-5">
          <div
            className="sec-title2"
            data-aos="fade-right"
            data-aos-duration={900}
            data-aos-delay={300}
          >
            <h3 className="title3">{data.leftTitle}</h3>
          </div>
        </div>
        <div className="col-lg-7">
          <div
            className="sec-title2 v2"
            data-aos="fade-left"
            data-aos-duration={900}
            data-aos-delay={300}
          >
            {data.paragraphs.map((text, index) => (
              <p key={index} className={index === data.paragraphs.length - 1 ? "mb-0" : undefined}>
                {text}
              </p>
            ))}
          </div>
        </div>
      </div>
    </div>
  );
}