change privacy

This commit is contained in:
Moaz Dawalibi 2024-10-22 12:34:25 +03:00
parent 9ce29bc333
commit ed08339d76
3 changed files with 369 additions and 18 deletions

145
data.json

File diff suppressed because one or more lines are too long

View File

@ -1,26 +1,213 @@
import { Privacy as PrivacyData } from '../../../data.json'; import { Privacy as PrivacyInfo } from '../../../data.json';
const Page = () => { const Page = () => {
const PrivacyDataEn = PrivacyInfo.En;
const PrivacyDataAr = PrivacyInfo.Ar;
return ( return (
<div className='privacy'> <>
<h2>{PrivacyData.title}</h2> <div className='privacy Privacy_en'>
<h2>{PrivacyDataEn.title}</h2>
<div> <div className='introduction'>
<h5>{PrivacyData.SubTitle1}</h5> <h5>{PrivacyDataEn.Introduction}</h5>
<p>{PrivacyData.introduction}</p> <p>{PrivacyDataEn['Point Ltd. (\'we\', \'our\', or \'us\') respects your privacy and is committed to protecting your personal data. This Privacy Policy explains how we collect, use, disclose, and safeguard your information when you use the Zaker application (\'App\'). Please read this policy carefully to understand our views and practices regarding your personal data.']}</p>
</div> </div>
<div> <div>
<h5>{PrivacyData.SubTitle2}</h5> <h5>{PrivacyDataEn.subTitle1}</h5>
<p>{PrivacyData.description}</p> <h6>{PrivacyDataEn.subTitleDesc1}</h6>
<h4>{PrivacyDataEn['Personal Data:']}</h4>
<p>{PrivacyDataEn.Personal_Data_Body.first}</p>
<p>{PrivacyDataEn.Personal_Data_Body.second}</p>
<p>{PrivacyDataEn.Personal_Data_Body.third}</p>
<p>{PrivacyDataEn.Personal_Data_Body.fourth}</p>
<p>{PrivacyDataEn.Personal_Data_Body.fifth}</p>
<p>{PrivacyDataEn.Personal_Data_Body.sixes}</p>
</div> </div>
<div> <div>
<h5>{PrivacyData.SubTitle3}</h5> <h4>{PrivacyDataEn['Data from App Usage:']}</h4>
<p>{PrivacyData.conclusion}</p> <p>{PrivacyDataEn['Data from App Usage'].first}</p>
<p>{PrivacyDataEn['Data from App Usage'].second}</p>
</div> </div>
<div>
<h4>{PrivacyDataEn['Additional Indirect Data:']}</h4>
<p>{PrivacyDataEn['Additional Indirect Data'].first}</p>
</div>
<div>
<h5>{PrivacyDataEn.subTitle2}</h5>
<p>{PrivacyDataEn['Data Collection Methods'].first}</p>
<p>{PrivacyDataEn['Data Collection Methods'].second}</p>
<p>{PrivacyDataEn['Data Collection Methods'].third}</p>
</div>
<div>
<h5>{PrivacyDataEn.subTitle3}</h5>
<h6>{PrivacyDataEn.subTitleDesc3}</h6>
<p>{PrivacyDataEn['Purpose of Data Collection'].first}</p>
<p>{PrivacyDataEn['Purpose of Data Collection'].second}</p>
<p>{PrivacyDataEn['Purpose of Data Collection'].third}</p>
</div>
<div>
<h5>{PrivacyDataEn.subTitle4}</h5>
<h6>{PrivacyDataEn.subTitleDesc4}</h6>
<p>{PrivacyDataEn['Data Sharing'].first}</p>
<p>{PrivacyDataEn['Data Sharing'].second}</p>
</div>
<div>
<h5>{PrivacyDataEn.subTitle5}</h5>
<h6>{PrivacyDataEn.subTitleDesc5}</h6>
</div>
<div>
<h5>{PrivacyDataEn.subTitle6}</h5>
<p>{PrivacyDataEn['Data Storage'].first}</p>
<p>{PrivacyDataEn['Data Storage'].second}</p>
</div>
<div>
<h5>{PrivacyDataEn.subTitle7}</h5>
<h6>{PrivacyDataEn.subTitleDesc7}</h6>
<p>{PrivacyDataEn['User Rights'].first}</p>
<p>{PrivacyDataEn['User Rights'].second}</p>
<p>{PrivacyDataEn['User Rights'].third}</p>
<p>{PrivacyDataEn['User Rights'].fourth}</p>
</div>
<div>
<h6>{PrivacyDataEn.subTitleDesc8}</h6>
</div>
<div>
<h5>{PrivacyDataEn.subTitle9}</h5>
<h6>{PrivacyDataEn.subTitleDesc9}</h6>
</div>
<div>
<h5>{PrivacyDataEn.subTitle10}</h5>
<h6>{PrivacyDataEn.subTitleDesc10}</h6>
</div>
<div>
<h5>{PrivacyDataEn.subTitle11}</h5>
<h6>{PrivacyDataEn.subTitleDesc11}</h6>
</div>
<div>
<h5>{PrivacyDataEn.subTitle12}</h5>
<h6>{PrivacyDataEn.subTitleDesc12} <span> {PrivacyDataEn.email}</span></h6>
</div>
</div> </div>
<div className='privacy Privacy_ar'>
<h2>{PrivacyDataAr.title}</h2>
<div className='introduction'>
<h5>{PrivacyDataAr.Introduction}</h5>
<p>{PrivacyDataAr['Point Ltd. (\'we\', \'our\', or \'us\') respects your privacy and is committed to protecting your personal data. This Privacy Policy explains how we collect, use, disclose, and safeguard your information when you use the Zaker application (\'App\'). Please read this policy carefully to understand our views and practices regarding your personal data.']}</p>
</div>
<div>
<h5>{PrivacyDataAr.subTitle1}</h5>
<h6>{PrivacyDataAr.subTitleDesc1}</h6>
<h4>{PrivacyDataAr['Personal Data:']}</h4>
<p>{PrivacyDataAr.Personal_Data_Body.first}</p>
<p>{PrivacyDataAr.Personal_Data_Body.second}</p>
<p>{PrivacyDataAr.Personal_Data_Body.third}</p>
<p>{PrivacyDataAr.Personal_Data_Body.fourth}</p>
<p>{PrivacyDataAr.Personal_Data_Body.fifth}</p>
<p>{PrivacyDataAr.Personal_Data_Body.sixes}</p>
</div>
<div>
<h4>{PrivacyDataAr['Data from App Usage:']}</h4>
<p>{PrivacyDataAr['Data from App Usage'].first}</p>
<p>{PrivacyDataAr['Data from App Usage'].second}</p>
</div>
<div>
<h4>{PrivacyDataAr['Additional Indirect Data:']}</h4>
<p>{PrivacyDataAr['Additional Indirect Data'].first}</p>
</div>
<div>
<h5>{PrivacyDataAr.subTitle2}</h5>
<p>{PrivacyDataAr['Data Collection Methods'].first}</p>
<p>{PrivacyDataAr['Data Collection Methods'].second}</p>
<p>{PrivacyDataAr['Data Collection Methods'].third}</p>
</div>
<div>
<h5>{PrivacyDataAr.subTitle3}</h5>
<h6>{PrivacyDataAr.subTitleDesc3}</h6>
<p>{PrivacyDataAr['Purpose of Data Collection'].first}</p>
<p>{PrivacyDataAr['Purpose of Data Collection'].second}</p>
<p>{PrivacyDataAr['Purpose of Data Collection'].third}</p>
</div>
<div>
<h5>{PrivacyDataAr.subTitle4}</h5>
<h6>{PrivacyDataAr.subTitleDesc4}</h6>
<p>{PrivacyDataAr['Data Sharing'].first}</p>
<p>{PrivacyDataAr['Data Sharing'].second}</p>
</div>
<div>
<h5>{PrivacyDataAr.subTitle5}</h5>
<h6>{PrivacyDataAr.subTitleDesc5}</h6>
</div>
<div>
<h5>{PrivacyDataAr.subTitle6}</h5>
<p>{PrivacyDataAr['Data Storage'].first}</p>
<p>{PrivacyDataAr['Data Storage'].second}</p>
</div>
<div>
<h5>{PrivacyDataAr.subTitle7}</h5>
<h6>{PrivacyDataAr.subTitleDesc7}</h6>
<p>{PrivacyDataAr['User Rights'].first}</p>
<p>{PrivacyDataAr['User Rights'].second}</p>
<p>{PrivacyDataAr['User Rights'].third}</p>
<p>{PrivacyDataAr['User Rights'].fourth}</p>
</div>
<div>
<h6>{PrivacyDataAr.subTitleDesc8}</h6>
</div>
<div>
<h5>{PrivacyDataAr.subTitle9}</h5>
<h6>{PrivacyDataAr.subTitleDesc9}</h6>
</div>
<div>
<h5>{PrivacyDataAr.subTitle10}</h5>
<h6>{PrivacyDataAr.subTitleDesc10}</h6>
</div>
<div>
<h5>{PrivacyDataAr.subTitle11}</h5>
<h6>{PrivacyDataAr.subTitleDesc11}</h6>
</div>
<div>
<h5>{PrivacyDataAr.subTitle12}</h5>
<h6>{PrivacyDataAr.subTitleDesc12} <span> {PrivacyDataAr.email}</span></h6>
</div>
</div>
</>
) )
} }

View File

@ -7,7 +7,7 @@
gap: 30px; gap: 30px;
h2{ h2{
font-size: 40px; font-size: 40px;
color: var(--text); color: var(--primary);
} }
h5{ h5{
font-size: 30px; font-size: 30px;
@ -16,9 +16,31 @@
p{ p{
color: rgb(97, 97, 97); color: rgb(97, 97, 97);
font-size: 18px; font-size: 18px;
line-height: 30px;
margin-inline: 20px;
}
h6{
font-size: 20px;
line-height: 35px;
}
h4{
font-size: 20px;
}
span{
margin-inline: 10px;
font-size: 18px;
color: var(--thirdly) !important;
} }
} }
.Privacy_en{
direction: ltr !important;
margin-bottom: 50px;
}
.Privacy_ar{
direction: rtl !important;
}
@media screen and (max-width: 700px) { @media screen and (max-width: 700px) {
.privacy{ .privacy{
@ -41,6 +63,17 @@
color: rgb(97, 97, 97); color: rgb(97, 97, 97);
font-size: 14px; font-size: 14px;
} }
span{
margin-inline: 10px;
font-size: 12px;
color: var(--thirdly) !important;
}
.introduction{
h5{
font-size: 14px !important;
color: var(--text) !important;
}
}
} }
} }