import Banner from "@/components/Banner";
import Section from "@/components/layout/Section";

export default function TermsOfUse() {
    const data = {
        content: `
        <p style="font-weight: bold;font-size: 24px;">使用条款</p>
        <p>本网站由银泰集团(以下简称“本公司”)运营、管理。使用本网站之前，请仔细阅读下列各项条款与条件（包括但不限于本公司的免责条款及对用户的权利限制条款），请您审阅并接受或不接受本服务条款（未成年人审阅时应得到法定监护人的陪同）。如您不同意本服务条款及/或随时对其的修改，您应不使用或主动取消本公司提供的网站服务。您的使用行为将被视为您对本服务条款全部的完全接受，包括接受本公司对服务条款随时所做的任何修改。</p>
        <p>本网站由银泰集团(以下简称“本公司”)运营、管理。使用本网站之前，请仔细阅读下列各项条款与条件（包括但不限于本公司的免责条款及对用户的权利限制条款），请您审阅并接受或不接受本服务条款（未成年人审阅时应得到法定监护人的陪同）。如您不同意本服务条款及/或随时对其的修改，您应不使用或主动取消本公司提供的网站服务。您的使用行为将被视为您对本服务条款全部的完全接受，包括接受本公司对服务条款随时所做的任何修改。</p>
        `
    }
    return (
        <div>
            <Banner
                title="使用条款"
                titleSize="large"
                showBreadcrumb={true}
                breadcrumbItems={[{ label: '使用条款', to: '' }]}
                backgroundImage={`/images/bg-overview.png`}
            />

            <Section background="" maskBackground="#fff">
                <p style={{fontSize: '18px', lineHeight: '34px', color: '#333333'}} dangerouslySetInnerHTML={{ __html: data.content }}></p>
            </Section>
        </div>
    );
}