import Link from 'next/link';

export default function Section1() {
    return (
        <>
            {/*===== HERO AREA ENDS =======*/}
            {/*===== PRICING AREA STARTS =======*/}
            <div className="pricing-lan-section-area sp4">
                <div className="container">
                    <div className="about6-section-area">
                        <div className="container">
                            <div className="row align-items-center">
                                <div className="col-lg-6">
                                    <div className="row">
                                        <div className="col-lg-6 col-md-6">
                                            <div className="img1 reveal image-anime">
                                                <div className="space60 d-lg-block d-none" />
                                                <img
                                                    src="/assets/img/about/mission/mission-left.webp"
                                                    alt="about"
                                                    className="img-fluid"
                                                />
                                            </div>
                                            <div className="space30 d-md-none d-block" />
                                        </div>
                                        <div className="col-lg-6 col-md-6">
                                            <div className="img1 reveal image-anime">
                                                <img
                                                    src="/assets/img/about/mission/mission-right.webp"
                                                    alt="about"
                                                    className="img-fluid"
                                                />
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div className="col-lg-6">
                                    <div className="row">
                                        <div className="col-lg-12 m-auto">
                                            <div className="heading2 mb-4">
                                                <h2 data-aos="fade-left" data-aos-duration={1000}>
                                                    Mission
                                                </h2>
                                            </div>
                                        </div>
                                    </div>

                                    <div className="mission">
                                        <p data-aos="fade-left" data-aos-duration={900}>
                                            Recognizing that arts, culture and Language are essential to a vibrant civic life and sustained economic growth, the Tamil Cultural
                                            association advocates and promotes cultural activities, with the goals of:
                                        </p>
                                        <div className="space16" />
                                        <ul className="list-unstyled" data-aos="fade-left" data-aos-duration={1000}>
                                            <li className="d-flex mb-3">
                                                <img src="/assets/img/icons/check2.svg" alt="" className="me-2" />
                                                <span>
                                                    Nurturing a climate in the Region of Waterloo in which the arts and culture can thrive;
                                                </span>
                                            </li>
                                            <li className="d-flex mb-3">
                                                <img src="/assets/img/icons/check2.svg" alt="" className="me-2" />
                                                <span>
                                                    Enriching the aesthetic environment of the Region of Waterloo and the surrounding region by
                                                    facilitating and sustaining a vibrant cultural life;
                                                </span>
                                            </li>
                                            <li className="d-flex mb-3">
                                                <img src="/assets/img/icons/check2.svg" alt="" className="me-2" />
                                                <span>
                                                    Promoting the direct economic benefits of the arts, through participation in the
                                                    Multi-Cultural Organizations and Committee for the Arts and other activities;
                                                </span>
                                            </li>
                                            <li className="d-flex mb-3">
                                                <img src="/assets/img/icons/check2.svg" alt="" className="me-2" />
                                                <span>
                                                    Celebrating the value of diverse cultures and helping our community understand its place in
                                                    the world by maintaining Sister City relationships and sponsoring international cultural
                                                    activities
                                                </span>
                                            </li>
                                            <li className="d-flex mb-3">
                                                <img src="/assets/img/icons/check2.svg" alt="" className="me-2" />
                                                <span>
                                                    Promote and nurture Tamil language among the Tamil community and fellow Canadians;
                                                </span>
                                            </li>
                                            <li className="d-flex">
                                                <img src="/assets/img/icons/check2.svg" alt="" className="me-2" />
                                                <span>
                                                    Raising funds for community events.
                                                </span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            {/*===== PRICING AREA ENDS =======*/}
        </>
    );
}
