<template>
	<div class="text-container terms">
		<div class="top">
			<div class="title terms-title">
				Terms Of Service
			</div>
			<div class="date terms-date">
				Last updated April 4, 2024
			</div>
		</div>

		<div class="content">
			<div class="title" style="margin-bottom: 30px">This privacy notice for Futurepedia LLC (doing business as Futurepedia) ("we," "us," or "our") describes how and why we might collect, store, use, and/or share ("process") your information when you use our services ("Services"), such as when you:</div>
			<div class="text text-dot">
				Visit our website at <span class="text-link">http://www.futurepedia.io/</span> or any website of ours that links to this privacy notice
			</div>
			<div class="text text-dot" style="margin-bottom: 30px">Engage with us in other related ways, including any sales, marketing, or events</div>
			<div class="title">Questions or concerns?</div>
			<div class="text text-dot">Reading this privacy notice will help you understand your privacy rights and choices. If you do not agree with our policies and practices, please do not use our Services. If you still have questions or concerns, please contact us at </div>
			<div class="text-link" style="margin-bottom: 40px">contact@futurepedia.io.</div>
			<div class="title-dark">SUMMARY OF KEY POINTS</div>
			<div class="title" style="margin-bottom: 30px">This summary provides key points from our privacy notice, but you can find out more details about any of these topics by clicking the link following each key point or by using our table of contents below to find the section you are looking for.</div>
			<div class="title">What personal information do we process?</div>
			<div class="text" style="margin-bottom: 30px">When you visit, use, or navigate our Services, we may process personal information depending on how you interact with us and the Services, the choices you make, and the products and features you use.</div>
			<div class="title">Do we process any sensitive personal information? </div>
			<div class="text" style="margin-bottom: 30px">We do not process sensitive personal information.</div>
			<div class="title">Do we receive any information from third parties?</div>
			<div class="text" style="margin-bottom: 30px">We do not receive any information from third parties.</div>
			<div class="title">How do we process your information?</div>
			<div class="text" style="margin-bottom: 30px">We process your information to provide, improve, and administer our Services, communicate with you, for security and fraud prevention, and to comply with law. We may also process your information for other purposes with your consent. about how we process your information.We process your information to provide, improve, and administer our Services, communicate with you, for security and fraud prevention, and to comply with law. We may also process your information for other purposes with your consent. about how we process your information.</div>
			<div class="title-dark">TABLE OF CONTENTS</div>
			<div class="text-underline">1. WHAT INFORMATION DO WE COLLECT?</div>
			<div class="text-underline">2. HOW DO WE PROCESS YOUR INFORMATION?</div>
			<div class="text-underline">1. WHAT INFORMATION DO WE COLLECT?</div>
			<div class="title" style="margin-bottom: 25px">Personal information you disclose to us</div>
			<div class="title">In Short:</div>
			<div class="text" style="margin-bottom: 30px">We collect personal information that you provide to us.
				We collect personal information that you voluntarily provide us when you register on the Services, express an interest in obtaining information about us or our products and Services when participating in activities on the Services, or otherwise when you contact us.
			</div>
			<div class="title">Personal Information Provided by You. </div>
			<div class="text" style="margin-bottom: 30px">
				The personal information we collect depends on the context of your interactions with us and the Services, your choices, and the products and features you use. The personal information we collect may include the following:
			</div>
			<div class="text text-dot">
				names
			</div>
			<div class="text text-dot">
				email addresses
			</div>
			<div class="text text-dot" style="margin-bottom: 30px">
				job titles
			</div>
			<div class="title">Sensitive Information.</div>
			<div class="text" style="margin-bottom: 25px">We do not process sensitive information.</div>
			<div class="text">Social Media Login Data. We may provide you with the option to register with us using your existing social media account details, like your Facebook, Twitter, or other social media accounts. If you choose to register in this way, we will collect the information described in the section called "HOW DO WE HANDLE YOUR SOCIAL LOGINS?" below.</div>
			<div class="text-underline">2. HOW DO WE PROCESS YOUR INFORMATION?</div>
			<div class="title">In Short:</div>
			<div class="text" style="margin-bottom: 30px">
				We process your information to provide, improve, and administer our Services, communicate with you, for security and fraud prevention, and to comply with law. We may also process your information for other purposes with your consent.
			</div>
			<div class="title" style="margin-bottom: 25px">We process your personal information for a variety of reasons, depending on how you interact with our Services, including:</div>
			<div class="text text-dot">To facilitate account creation and authentication and otherwise manage user accounts. We may process your information so you can create and log in to your account, as well as keep your account in working order.</div>
			<div class="text text-dot">To save or protect an individual's vital interest. We may process your information when necessary to save or protect an individual’s vital interest, such as to prevent harm.</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				// 数据项
			}
		},
		methods: {
			// 方法
		}
	}
</script>

<style lang="scss" scoped>
.terms {
	.terms-title {
		font-size: 40px;
		font-weight: bold;
		font-family: 'Poppins-Bold', serif;
		margin-top: 20px;
		text-align: center;
	}
	.terms-date {
		font-size: 16px;
		color: #7B61FF;
		text-align: center;
		margin-top: 20px;
	}
	.content {
		margin-top: 75px;
		padding-bottom: 50px;
		.text {
			color: #64748B;
			font-family: 'Poppins-Regular', serif;
		}
		.title {
			font-size: 18px;
			color: #64748B;
			font-weight: bold;
			font-family: 'Poppins-Bold', serif;
		}
		.title-dark {
			font-size: 18px;
			color: #1E293B;
			font-weight: bold;
			font-family: 'Poppins-Bold', serif;
			margin-bottom: 16px;
		}
		.text-link {
			color: #7B61FF;
			font-family: 'Poppins-Regular', serif;
		}
		.text-underline {
			text-decoration: underline;
			color: #3A4A65;
			font-family: 'Poppins-Medium', serif;
			margin-bottom: 20px;
		}
		.text-dot {
			&::before {
				content: '';
				display: inline-block;
				width: 10px;
				height: 10px;
				border-radius: 50%;
				background: $header-backgroungd;
				margin-right: 14px;
				margin-top: 7px;
				flex-shrink: 0;
			}
		}
	}
}
</style>
