Merge pull request #15 from languageXchange:policy

Policy

src/lib/components/organisms/CookiePolicy.svelte

@@ -0,0 +1,70 @@
+<section id="policy">
+
+	<h1>Cookie Policy</h1>
+
+	Effective Date: 20, December 2023
+
+	1. Introduction
+
+		This Cookie Policy explains how LanguageXchange, a product of New Chapter Technology Limited Liability Company, uses cookies and similar technologies on the LanguageXchange app ("the App"). By using the App, you consent to the use of cookies as described in this policy.
+
+	2. What are Cookies?
+
+		Cookies are small text files that are stored on your device when you access and use our App. They serve various purposes, including improving your user experience and providing analytical information.
+
+	3. Types of Cookies We Use
+
+		3.1 Essential Cookies
+
+		These cookies are necessary for the proper functioning of the App. They enable you to navigate and use essential features.
+
+		3.2 Analytical/Performance Cookies
+
+		We use these cookies to analyze how users interact with the App, identify performance issues, and improve our services. These cookies collect information anonymously.
+
+		3.3 Functionality Cookies
+
+		Functionality cookies allow the App to remember your preferences and provide enhanced features, such as language preferences.
+
+		3.4 Third-Party Cookies
+
+		We may use third-party cookies, such as those from Google Analytics, to gather statistical information about the App's usage for analytics purposes.
+
+	4. Your Consent
+
+		By using the App, you consent to the placement of cookies on your device as described in this Cookie Policy. You can control and manage cookie preferences through your browser settings. Please note that disabling certain cookies may affect the functionality of the App.
+
+	5. How to Manage Cookies
+
+		Most web browsers provide options to manage cookies. You can typically set your browser to accept or reject specific types of cookies or to notify you when a cookie is placed. Visit your browser's help menu for more information on how to manage cookies.
+
+	6. Changes to This Cookie Policy
+
+		We may update this Cookie Policy to reflect changes in our use of cookies. Any changes will be effective immediately upon posting the updated policy on the App.
+
+	7. Contact Information
+
+		For any questions or concerns related to this Cookie Policy, please contact us at info[at]languagexchange.net.
+
+</section>
+
+<style lang="scss">
+	@import '$lib/scss/breakpoints.scss';
+
+	#policy {
+		position: relative;
+		display: grid;
+		align-items: start; /* Align to the start for better readability */
+		justify-content: space-between;
+		padding: 50px; /* Add padding around the text */
+		line-height: 1.5; /* Increase line height for better readability */
+		max-width: 800px; /* Limit the width of the text */
+		margin: 0 auto; /* Center the text block */
+
+		@include for-phone-only {
+			grid-template-columns: 1fr;
+			justify-items: center;
+			gap: 20px;
+		}
+	}
+</style>

src/lib/components/organisms/Footer.svelte

@@ -9,7 +9,14 @@
 		<FooterWave />
 	</div>
 	<div class="content">
-		<div class="copyright">© 2023 languageXchange - Practice, Learn, Succeed!</div>
+		<div class="menu">
+			<ul>
+				<li><small><a href="privacy-policy">Privacy Policy</a></small></li>
+				<li><small><a href="terms-conditions">Terms & Conditions</a></small></li>
+				<li><small><a href="cookie-policy">Cookie Policy</a></small></li>
+			</ul>
+		</div>
+		<div class="copyright">© 2024 languageXchange - Practice, Learn, Succeed!</div>
 		<div class="credits">
 			This website is full open sourced and licensed by
 			<a
@@ -47,6 +54,31 @@
 			font-weight: 600;
 			text-align: center;
 
+			.menu {
+				ul {
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					gap: 20px;
+					list-style: none;
+					padding: 0;
+					margin: 0;
+
+					li {
+						a {
+							color: var(--color--text-shade);
+							text-decoration: none;
+							transition: all 0.2s ease-in-out;
+
+							&:hover {
+								color: var(--color--primary);
+								transition: color 0.5s ease-in-out;
+							}
+						}
+					}
+				}
+			}
+
 			.credits {
 				font-weight: 400;
 				font-size: 90%;

src/lib/components/organisms/Hero.svelte

@@ -1,6 +1,5 @@
 <script>
-	import FeaturesIcon from '$lib/icons/features.svelte';
-	import GitHubIcon from '$lib/icons/socials/github.svelte';
+	import LoginIcon from '$lib/icons/login.svelte';
 	import Button from '$lib/components/atoms/Button.svelte';
 	import Sparkles from '../atoms/Sparkles.svelte';
 </script>
@@ -13,16 +12,11 @@
 	</p>
 	<div class="ctas">
 		<Sparkles>
-			<Button href="https://cdn.forms-content-1.sg-form.com/0797bfc4-739c-11ee-b709-eeadebf91d66">
-				Early Access
+			<Button href="https://app.languagexchange.net/login">
+				<LoginIcon slot="icon" />
+				Join Us
 			</Button>
 		</Sparkles>
-		<!--
-		<Button color="primary" href="https://histoire-sveltekit-static-blog-template.vercel.app/">
-			<FeaturesIcon slot="icon" />
-			Components
-		</Button>
-		-->
 	</div>
 </section>
 

src/lib/components/organisms/PrivacyPolicy.svelte

@@ -0,0 +1,157 @@
+<section id="policy">
+
+	<h1>Privacy Policy</h1>
+
+	Effective Date: 20, December 2023
+
+	1. Introduction
+
+		Welcome to LanguageXchange, a language learning platform designed to connect language learners worldwide. This Privacy Policy is designed to inform you about the types of information we collect, why we collect it, and how we use and protect that information. LanguageXchange is a product of New Chapter Technology Limited Liability Company.
+
+	2. Information We Collect
+
+		2.1 Personal Information
+
+		When you create an account on LanguageXchange, we collect the following personal information:
+
+			- Name
+			- Email address
+			- Language preferences
+
+		2.2 Third-Party Logins
+
+		If you choose to log in using Google, Facebook, or Apple, we collect the following information from your third-party account:
+
+			- Google: Mentioned in the consent screen
+			- Facebook: Mentioned in the consent screen
+			- Apple: Mentioned in the consent screen
+
+		2.3 Usage Data
+
+		We collect information on how you use our app, including:
+
+			-	Features you interact with
+			-	Duration and frequency of your sessions
+			- Error logs and diagnostic information
+
+		2.4 Communication Data
+
+		If you contact us, we may retain a record of that communication, including:
+
+			-	Your inquiries
+			-	Responses to your questions or feedback
+
+	3. How We Use Your Information
+
+		3.1 Providing Services
+
+		We use your personal information to:
+
+			-	Create and manage your LanguageXchange account
+			-	Connect you with native speakers for language practice
+			-	Customize content based on your language preferences
+
+		3.2 Third-Party Logins
+
+		We use the information collected from third-party logins to:
+
+			-	Authenticate your identity
+			-	Provide a seamless login experience
+
+		3.3 Communication
+
+		We may use your contact information to:
+
+			-	Send you important updates and notifications
+			-	Provide customer support
+			-	Deliver marketing communications with your consent
+
+		3.4 Improving Our Services
+
+		We analyze usage data to:
+
+			-	Enhance and optimize app performance
+			-	Develop new features and functionalities
+			-	Conduct research to improve language learning experiences
+
+	4. Data Sharing
+
+		4.1 Third-Party Services
+
+		We may share your information with third-party service providers for:
+
+			-	Hosting and server maintenance
+			-	Analytics and data analysis
+			-	Marketing and advertising
+
+		4.2 Legal Compliance
+
+		We may disclose your information to comply with legal obligations, such as responding to lawful requests and court orders.
+
+	5. Security
+
+		We implement reasonable security measures to protect your information from unauthorized access, disclosure, alteration, and destruction. However, no method of transmission over the internet or electronic storage is 100% secure, and we cannot guarantee absolute security.
+
+	6. Cookies and Similar Technologies
+
+		LanguageXchange may use cookies and similar technologies to:
+
+			-	Improve user experience
+			-	Analyze usage patterns
+			-	Customize content based on user preferences
+
+	7. Your Choices
+
+		7.1 Access and Correction
+
+		You have the right to access, correct, or delete your personal information. You can do this by accessing your account settings or contacting us.
+
+		7.2 Opt-Out
+
+		You can opt-out of receiving marketing communications at any time by adjusting your communication preferences in your account settings or using the opt-out link in our emails.
+
+	8. Changes to This Privacy Policy
+
+		We may update our Privacy Policy to reflect changes in our data practices. We will notify you of any material changes through the app or via email.
+
+	9. Data Retention
+
+		We retain your personal information for as long as necessary to provide the services you requested and as required by applicable laws.
+
+	10. New Chapter Technology Limited Liability Company
+
+		LanguageXchange is a product of New Chapter Technology Limited Liability Company, a legal entity registered under the laws with a registered address at:
+
+		- 34 N Franklin Ave Ste 687 2534 Pinedale, WY 82941
+
+		The registered agent for New Chapter Technology Limited Liability Company is Registered Agents Inc, with a registered office located at:
+
+		- 30 N Gould St Ste R Sheridan, WY 82801
+
+		Registered Agents Inc has voluntarily consented to serve as the registered agent for New Chapter Technology Limited Liability Company and has certified they are in compliance with the requirements of W.S. 17-28-101 through W.S. 17-28-111.
+
+		For questions or concerns related to privacy or data protection, you can contact us at info[at]languagexchange.net.
+
+
+</section>
+
+<style lang="scss">
+	@import '$lib/scss/breakpoints.scss';
+
+	#policy {
+		position: relative;
+		display: grid;
+		align-items: start; /* Align to the start for better readability */
+		justify-content: space-between;
+		padding: 50px; /* Add padding around the text */
+		line-height: 1.5; /* Increase line height for better readability */
+		max-width: 800px; /* Limit the width of the text */
+		margin: 0 auto; /* Center the text block */
+
+		@include for-phone-only {
+			grid-template-columns: 1fr;
+			justify-items: center;
+			gap: 20px;
+		}
+	}
+</style>

src/lib/components/organisms/TermsAndConditions.svelte

@@ -0,0 +1,74 @@
+<section id="policy">
+
+	<h1>Terms and Conditions</h1>
+
+	Effective Date: 20, December 2023
+
+	1. Acceptance of Terms
+
+		By accessing or using the LanguageXchange app ("the App"), you agree to comply with and be bound by these Terms and Conditions. If you do not agree with any part of these terms, you may not use our services.
+
+	2. User Eligibility
+
+		You must be at least 18 years old to create an account and use the LanguageXchange app. By using the App, you represent and warrant that you are at least 18 years old.
+
+	3. Account Registration and Security
+
+		You are responsible for maintaining the confidentiality of your account information and for all activities that occur under your account. You agree to notify us immediately of any unauthorized use or security breach of your account.
+
+	4. User Conduct
+
+		You agree not to engage in any of the following activities while using the App:
+
+		- Violating any applicable laws or regulations
+		- Impersonating any person or entity or falsely stating or misrepresenting your affiliation with a person or entity
+		- Posting or transmitting any content that is unlawful, harmful, threatening, abusive, harassing, defamatory, vulgar, obscene, or otherwise objectionable
+		- Engaging in any activity that interferes with or disrupts the App or the servers and networks connected to the App
+
+	5. Intellectual Property
+
+		All content and materials available on the App, including but not limited to text, graphics, logos, button icons, images, audio clips, and data compilations, are the property of LanguageXchange or its content suppliers and are protected by international copyright laws.
+
+	6. Limitation of Liability
+
+		To the extent permitted by applicable law, LanguageXchange and its affiliates, officers, employees, agents, partners, and licensors shall not be liable for any indirect, incidental, special, consequential, or punitive damages, or any loss of profits or revenues, whether incurred directly or indirectly.
+
+	7. Termination
+
+		LanguageXchange reserves the right to terminate or suspend your account and access to the App for any reason, including but not limited to a violation of these Terms and Conditions.
+
+	8. Changes to Terms and Conditions
+
+		LanguageXchange may update these Terms and Conditions from time to time. You are advised to review these terms periodically for any changes.
+
+	9. Governing Law
+
+		These Terms and Conditions are governed by and construed in accordance with the laws of [Your Jurisdiction].
+
+	10. Contact Information
+
+		For any questions or concerns related to these Terms and Conditions, please contact us at info[at]languagexchange.net.
+
+
+</section>
+
+<style lang="scss">
+	@import '$lib/scss/breakpoints.scss';
+
+	#policy {
+		position: relative;
+		display: grid;
+		align-items: start; /* Align to the start for better readability */
+		justify-content: space-between;
+		padding: 50px; /* Add padding around the text */
+		line-height: 1.5; /* Increase line height for better readability */
+		max-width: 800px; /* Limit the width of the text */
+		margin: 0 auto; /* Center the text block */
+
+		@include for-phone-only {
+			grid-template-columns: 1fr;
+			justify-items: center;
+			gap: 20px;
+		}
+	}
+</style>

src/lib/icons/login.svelte

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512">
+	<path
+		d="M192 176v-40a40 40 0 0140-40h160a40 40 0 0140 40v240a40 40 0 01-40 40H240c-22.09 0-48-17.91-48-40v-40"
+		fill="none"
+		stroke="currentColor"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		stroke-width="32"
+	/>
+	<path
+		fill="none"
+		stroke="currentColor"
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		stroke-width="32"
+		d="M288 336l80-80-80-80M80 256h272"
+	/>
+</svg>