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">Company Intro</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;