uldp.edu.vn/app/components/about/AboutIntro.tsx

import { AboutData } from "../../about/types";

interface AboutIntroProps {
    data: AboutData["intro"];
}

const AboutIntro = ({ data }: AboutIntroProps) => {
    return (
        <section className="intro-section section-padding fix pb-0">
            <div className="container">
                <div className="section-title-area">
                    <div className="section-title">
                        <span className="sub-title-2 wow fadeInUp">{data.subheading}</span>
                        <h2 className="split-text-right split-text-in-right">{data.heading}</h2>
                    </div>
                    <p>{data.description}</p>
                </div>
                <div className="row">
                    <div className="intro-image tp-clip-anim p-relative">
                        <img src={data.image} alt="img" className="tp-anim-img" data-animate="true" />
                    </div>
                </div>
            </div>
        </section>
    );
};

export default AboutIntro;