import React from "react";
import {
  Box,
  Container,
  Text,
  VStack,
  Divider,
  useColorModeValue,
  Heading
} from "@chakra-ui/react";

export default function UserAgreement() {
  const headingColor = useColorModeValue("gray.800", "white");
  const textColor = useColorModeValue("gray.600", "gray.300");

  return (
    <Box minH="100vh" bg={useColorModeValue("gray.50", "gray.900")} py={12}>
      <Container maxW="container.lg">
        <VStack spacing={8} align="stretch">
          <Heading as="h1" size="2xl" color={headingColor} textAlign="center">
            价值前沿用户协议
          </Heading>

          <Box bg="orange.50" p={6} borderRadius="lg" border="1px solid" borderColor="orange.100">
            <Heading as="h2" size="lg" color="orange.700" mb={6}>
              欢迎你使用价值前沿及服务！
            </Heading>
            <Text fontSize="md" color={textColor} lineHeight="1.8" mb={5}>
              为使用价值前沿（以下简称"本软件"）及服务，你应当阅读并遵守《价值前沿用户协议》（以下简称"本协议"）。请你务必审慎阅读、充分理解各条款内容，特别是免除或者限制责任的条款，以及开通或使用某项服务的单独协议，并选择接受或不接受。限制、免责条款可能以加粗形式提示你注意。
            </Text>
            <Text fontSize="md" color={textColor} lineHeight="1.8" mb={5}>
              除非你已阅读并接受本协议所有条款，否则你无权下载、安装或使用本软件及相关服务。你的下载、安装、使用、获取价值前沿帐号、登录等行为即视为你已阅读并同意上述协议的约束。
            </Text>
            <Text fontSize="md" color={textColor} lineHeight="1.8" fontWeight="medium">
              如果你未满18周岁，请在法定监护人的陪同下阅读本协议及其他上述协议，并特别注意未成年人使用条款。
            </Text>
          </Box>

          <Divider />

          <Box>
            <Heading as="h2" size="lg" color={headingColor} mb={6}>
              一、协议的范围
            </Heading>

            <Box pl={4} borderLeft="3px solid" borderColor="blue.300" bg="blue.50" p={4} borderRadius="md" mb={4}>
              <Heading as="h3" size="md" color="blue.700" mb={2}>
                1.1 协议适用主体范围
              </Heading>
              <Text fontSize="md" color={textColor} lineHeight="1.8">
                本协议是你与北京价值前沿科技有限公司之间关于你下载、安装、使用、复制本软件，以及使用价值前沿相关服务所订立的协议。
              </Text>
            </Box>

            <Box pl={4} borderLeft="3px solid" borderColor="green.300" bg="green.50" p={4} borderRadius="md" mb={4}>
              <Heading as="h3" size="md" color="green.700" mb={2}>
                1.2 协议关系及冲突条款
              </Heading>
              <Text fontSize="md" color={textColor} lineHeight="1.8">
                本协议内容同时包括北京价值前沿科技有限公司可能不断发布的关于本服务的相关协议、业务规则等内容。上述内容一经正式发布，即为本协议不可分割的组成部分，你同样应当遵守。
              </Text>
            </Box>

            <Box pl={4} borderLeft="3px solid" borderColor="purple.300" bg="purple.50" p={4} borderRadius="md" mb={4}>
              <Heading as="h3" size="md" color="purple.700" mb={2}>
                1.3 许可范围
              </Heading>
              <Text fontSize="md" color={textColor} lineHeight="1.8">
                明确标识免费产品的，用户可以进行自用的、非商业性、无限制数量地下载、安装及使用，但不得复制、分发。其他收费类产品或者信息，除遵守本协议规定之外，还须遵守专门协议的规定。
              </Text>
            </Box>

            <Box pl={4} borderLeft="3px solid" borderColor="red.300" bg="red.50" p={4} borderRadius="md">
              <Heading as="h3" size="md" color="red.700" mb={2}>
                1.4 权利限制
              </Heading>
              <Text fontSize="md" color={textColor} lineHeight="1.8">
                禁止反向工程、反向编译和反向汇编：用户不得对价值前沿软件类产品进行反向工程、反向编译或反向汇编，同时不得改动编译程序文件内部的任何资源。除法律、法规明文规定允许上述活动外，用户必须遵守此协议限制。
              </Text>
            </Box>
          </Box>

          <Divider />

          <Box>
            <Heading as="h2" size="lg" color={headingColor} mb={4}>
              二、关于本服务
            </Heading>

            <Text fontSize="md" color={textColor} lineHeight="1.8" mb={4}>
              本服务内容是指北京价值前沿科技有限公司向用户提供的跨平台的社交资讯工具（以下简称"价值前沿"），支持单人、多人参与，在发布图片和文字等内容服务的基础上，同时为用户提供包括但不限于社交关系拓展、便捷工具等功能或内容的软件服务（以下简称"本服务"）。
            </Text>
          </Box>

          <Divider />

          <Box>
            <Heading as="h2" size="lg" color={headingColor} mb={4}>
              三、免责条款
            </Heading>

            <Text fontSize="md" color={textColor} lineHeight="1.8" mb={4}>
              北京价值前沿科技有限公司作为面向全球投资人提供信息和服务的商家，对以下情况不承担相关责任：
            </Text>

            <VStack align="stretch" spacing={3}>
              <Box pl={4} borderLeft="3px solid" borderColor="yellow.400" bg="yellow.50" p={3} borderRadius="md">
                <Heading as="h3" size="sm" color="yellow.700" mb={2}>
                  1）不可抗力
                </Heading>
                <Text fontSize="sm" color={textColor} lineHeight="1.6">
                  如因发生自然灾害、战争、第三方侵害等不可控因素而发生的信息、服务中断，价值前沿不承担相应责任。
                </Text>
              </Box>

              <Box pl={4} borderLeft="3px solid" borderColor="yellow.400" bg="yellow.50" p={3} borderRadius="md">
                <Heading as="h3" size="sm" color="yellow.700" mb={2}>
                  2）信息网络传播
                </Heading>
                <Text fontSize="sm" color={textColor} lineHeight="1.6">
                  如因信息网络传播中的拥塞、断续、病毒木马、黑客窃取侦听等网络通道上的因素，而造成信息缺失、丢失、延迟、被篡改等，价值前沿不对此承担相应责任。
                </Text>
              </Box>

              <Box pl={4} borderLeft="3px solid" borderColor="yellow.400" bg="yellow.50" p={3} borderRadius="md">
                <Heading as="h3" size="sm" color="yellow.700" mb={2}>
                  3）第三方信息的收集整理
                </Heading>
                <Text fontSize="sm" color={textColor} lineHeight="1.6">
                  价值前沿为了更好地服务投资者，便于用户分析研判投资环境，尽可能多地收集整理来自第三方的所有信息，分门别类地提供给用户参考，并明确标识为来自第三方的信息，而对内容的真实性、合理性、完整性、合法性等并不承担判断责任，也不承担用户因信息而造成的损失责任。
                </Text>
              </Box>

              <Box pl={4} borderLeft="3px solid" borderColor="yellow.400" bg="yellow.50" p={3} borderRadius="md">
                <Heading as="h3" size="sm" color="yellow.700" mb={2}>
                  4）证券信息汇总
                </Heading>
                <Text fontSize="sm" color={textColor} lineHeight="1.6">
                  价值前沿仅提供证券信息汇总及证券投资品种历史数据统计功能，不针对用户提供任何情况判断、投资参考、品种操作建议等等，不属于荐股软件。用户按照自身对于市场环境的分析研判而做出的评论参考，用户可以结合自身需求予以借鉴，并自行作出判断，风险和收益都由用户自行承担。
                </Text>
              </Box>

              <Box pl={4} borderLeft="3px solid" borderColor="yellow.400" bg="yellow.50" p={3} borderRadius="md">
                <Heading as="h3" size="sm" color="yellow.700" mb={2}>
                  5）信息储存
                </Heading>
                <Text fontSize="sm" color={textColor} lineHeight="1.6">
                  用户在使用价值前沿系统时，会因信息注册、产品购买、软件使用过程中的某些需求，而留存于系统中的账户、密码、真实身份、联系方式、用户网络信息等个人信息，价值前沿将按照国家相关规定进行必要的保护。
                </Text>
              </Box>
            </VStack>
          </Box>

          <Divider />

          <Box>
            <Heading as="h2" size="lg" color={headingColor} mb={4}>
              四、用户个人信息保护
            </Heading>

            <Text fontSize="md" color={textColor} lineHeight="1.8" mb={4}>
              保护用户个人信息是北京价值前沿科技有限公司的一项基本原则，北京价值前沿科技有限公司将会采取合理的措施保护用户的个人信息。除法律法规规定的情形外，未经用户许可北京价值前沿科技有限公司不会向第三方公开、透露用户个人信息。
            </Text>

            <Text fontSize="md" color={textColor} lineHeight="1.8" mb={4}>
              你在注册帐号或使用本服务的过程中，需要提供一些必要的信息，例如：为向你提供帐号注册服务或进行用户身份识别，需要你填写手机号码；手机通讯录匹配功能需要你授权访问手机通讯录等。若国家法律法规或政策有特殊规定的，你需要提供真实的身份信息。
            </Text>
          </Box>

          <Divider />

          <Box>
            <Heading as="h2" size="lg" color={headingColor} mb={4}>
              五、用户行为规范
            </Heading>

            <Text fontSize="md" color={textColor} lineHeight="1.8" mb={4}>
              你理解并同意，价值前沿一直致力于为用户提供文明健康、规范有序的网络环境，你不得利用价值前沿帐号或本软件及服务制作、复制、发布、传播干扰正常运营，以及侵犯其他用户或第三方合法权益的内容。
            </Text>

            <Box pl={4} borderLeft="3px solid" borderColor="red.400" bg="red.50" p={4} borderRadius="md">
              <Heading as="h3" size="md" color="red.700" mb={2}>
                禁止内容包括但不限于：
              </Heading>
              <VStack align="start" spacing={1} pl={4}>
                <Text fontSize="sm" color={textColor}>• 违反宪法确定的基本原则的内容</Text>
                <Text fontSize="sm" color={textColor}>• 危害国家安全，泄露国家秘密的内容</Text>
                <Text fontSize="sm" color={textColor}>• 损害国家荣誉和利益的内容</Text>
                <Text fontSize="sm" color={textColor}>• 散布谣言，扰乱社会秩序的内容</Text>
                <Text fontSize="sm" color={textColor}>• 散布淫秽、色情、赌博、暴力、恐怖的内容</Text>
                <Text fontSize="sm" color={textColor}>• 侮辱或者诽谤他人，侵害他人合法权益的内容</Text>
                <Text fontSize="sm" color={textColor}>• 其他违反法律法规的内容</Text>
              </VStack>
            </Box>
          </Box>

          <Divider />

          <Box>
            <Heading as="h2" size="lg" color={headingColor} mb={4}>
              六、知识产权声明
            </Heading>

            <Text fontSize="md" color={textColor} lineHeight="1.8" mb={4}>
              北京价值前沿科技有限公司是本软件的知识产权权利人。本软件的一切著作权、商标权、专利权、商业秘密等知识产权，以及与本软件相关的所有信息内容（包括但不限于文字、图片、音频、视频、图表、界面设计、版面框架、有关数据或电子文档等）均受中华人民共和国法律法规和相应的国际条约保护。
            </Text>

            <Text fontSize="md" color={textColor} lineHeight="1.8" mb={4}>
              未经北京价值前沿科技有限公司或相关权利人书面同意，你不得为任何商业或非商业目的自行或许可任何第三方实施、利用、转让上述知识产权。
            </Text>
          </Box>

          <Divider />

          <Box>
            <Heading as="h2" size="lg" color={headingColor} mb={4}>
              七、其他条款
            </Heading>

            <Text fontSize="md" color={textColor} lineHeight="1.8" mb={4}>
              你使用本软件即视为你已阅读并同意受本协议的约束。北京价值前沿科技有限公司有权在必要时修改本协议条款。你可以在本软件的最新版本中查阅相关协议条款。
            </Text>

            <Text fontSize="md" color={textColor} lineHeight="1.8" mb={4}>
              本协议签订地为中华人民共和国北京市海淀区。本协议的成立、生效、履行、解释及纠纷解决，适用中华人民共和国大陆地区法律（不包括冲突法）。
            </Text>

            <Text fontSize="md" color={textColor} lineHeight="1.8">
              若你和北京价值前沿科技有限公司之间发生任何纠纷或争议，首先应友好协商解决；协商不成的，你同意将纠纷或争议提交本协议签订地有管辖权的人民法院管辖。
            </Text>
          </Box>
        </VStack>
      </Container>
    </Box>
  );
}