import { useTranslations } from "next-intl"

export default function MermsAbout() {
    const t = useTranslations("About")
    return (
        <>
            <section id="merms-about" className="pt-100 ct-03 content-section division">
                <div className="container">
                    <div className="row d-flex align-items-center">
                        <div className="col-md-6 col-lg-7">
                            <div className="img-block left-column wow fadeInRight">
                                <img className="img-fluid" src="/images/img-14.png" alt="content-image" />
                            </div>
                        </div>
                        <div className="col-md-6 col-lg-5">
                            <div className="txt-block right-column wow fadeInLeft">
                                <h2 className="s-46 w-700">{t("title")}</h2>
                                <ul className="simple-list">
                                    <li className="list-item">
                                        <p>{t("list1")}</p>
                                    </li>
                                    <li className="list-item">
                                        <p className="mb-0">{t("list2")}</p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </>
    )
}