Skip to content

Commit

Permalink
Added privacy page and sign in dialog
Browse files Browse the repository at this point in the history
  • Loading branch information
@linxiaoxin
linxiaoxin committed Jun 1, 2024
1 parent 19cdade commit 920c0e4
Show file tree
Hide file tree
Showing 2 changed files with 145 additions and 2 deletions.
26 changes: 24 additions & 2 deletions app/(full-page)/page.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,13 @@ import { Divider } from 'primereact/divider';
import { LayoutContext } from '../../layout/context/layoutcontext';
import { NodeRef } from '@/types';
import { classNames } from 'primereact/utils';
import { Dialog } from 'primereact/dialog';

const LandingPage = () => {
const [isHidden, setIsHidden] = useState(false);
const { layoutConfig } = useContext(LayoutContext);
const [showSignIn, setShowSignIn] = useState(false);

const menuRef = useRef<HTMLElement | null>(null);

const toggleMenuItemClick = () => {
Expand Down Expand Up @@ -59,12 +62,31 @@ const LandingPage = () => {
</li>
</ul>
<div className="flex justify-content-between lg:block border-top-1 lg:border-top-none surface-border py-3 lg:py-0 mt-3 lg:mt-0">
<Button label="Login" text rounded className="border-none font-light line-height-2 text-blue-500"></Button>
<Button label="Sign in" text rounded className="border-none font-light line-height-2 text-blue-500" onClick={()=>{setShowSignIn(true)}}></Button>
<Button label="Register" rounded className="border-none ml-5 font-light line-height-2 bg-blue-500 text-white"></Button>
</div>
</div>
</div>

<div>
<Dialog showHeader={true} visible={showSignIn} modal onHide={() =>{if(!showSignIn) return; setShowSignIn(false)}} style={{ width: '30rem' }}>
<p className='flex justify-content-center'>
<b>Sign in / Sign up.</b>
</p>

<div className="flex gap-2 justify-content-center">
<Button className="align-items-center" raised>
<span className="flex align-items-center">
<i className="pi pi-google" style={{ fontSize: '1.5rem' }}></i>
</span>
<span className="flex align-items-center text-white" style={{ fontSize: '1.5rem' }}>oogle</span>
</Button>
</div>
<div className='m-8'></div>
<div className="flex gap-2 justify-content-center m-2">
<Button onClick={()=> {setShowSignIn(false)}} text><u>Cancel</u></Button>
</div>
</Dialog>
</div>
<div
id="hero"
className="flex flex-column pt-4 px-4 lg:px-8 overflow-hidden"
Expand Down
121 changes: 121 additions & 0 deletions app/(full-page)/privacy/page.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,121 @@
import React from 'react';

const PrivacyPage = () => {
return (
<div className="grid">
<div className="col-12">
<div className="card">
<h5>Privacy Policy</h5>
<p><b>Effective Date: 1 October 2024</b></p>

<p><b>Introduction</b><br/></p>

This Privacy Policy describes how Quemistry ("we," "us," or "our") collects, uses, and discloses your personal information when you use our website (the "Service")
and the choices you have associated with that data.
<p></p>
<p><b>Information We Collect</b><br/>
</p>
We collect several different types of information for various purposes to improve our Service to you.
<p></p>
<p><b>Personal Information:</b><br/></p>
When you create an account on our Service, you may provide us with certain personally identifiable information that can be used to contact or identify you ("Personal Information"). This may include, but is not limited to:
<ul>
<li>
Email address
</li>
<li>
Username/Alias (chosen by you)
</li>
<li>
Profile picture (optional)
</li>
<li>
Bio (optional)
</li>
</ul>

<p><b>Usage Data:</b><br/>
</p>
We may also collect information about how you access and use the Service ("Usage Data"). This Usage Data may include:
<ul>
<li>Location information (general, not precise)</li>
<li>IP address</li>
<li>Browser type and version</li>
<li>Operating system</li>
<li>Referring / exit pages</li>
<li>Dates and times you visited the site</li>
<li>Pages you viewed on our Service</li>
<li>Search terms you used on the Service</li>
</ul>
<p><b>How We Collect Your Information</b><br/></p>

We collect information through several methods:
<ol>
<li>When you provide it to us directly:<br/> You may directly provide Personal Information and other data when you create an account, fill out a profile, or otherwise interact with our Service.
Automatically collected data: We use cookies and similar tracking technologies to collect Usage Data about your activity on the Service.</li>
<li>Cookies and Tracking Technologies: <br/>We use cookies and similar tracking technologies to track the activity on our Service and hold certain information.
<br/>Cookies are files with small amounts of data which may include an anonymous unique identifier. Cookies are sent to your browser from a website and stored on your device. Examples of Cookies we use:
<ul>
<li>Session Cookies: These cookies are used to track your activity on our Service and expire when you close your browser.</li>
<li>Preference Cookies: These cookies are used to remember your preferences such as language and other settings.</li>
</ul>
You can instruct your browser to refuse all cookies or to indicate when a cookie is being sent. However, if you do not accept cookies, you may not be able to use some portions of our Service.
</li>
</ol>
<p><b>Use of Your Information</b><br/></p>

We use the information we collect for various purposes:
<ul>
<li>To provide and maintain our Service</li>
<li>To create and manage your account</li>
<li>To personalize your experience on the Service</li>
<li>To improve our Service</li>
<li>To respond to your inquiries and requests</li>
<li>To respond to your inquiries and requests</li>
</ul>
<p><b>Disclosure of Your Information</b></p>
We may disclose your information to third parties for the following reasons:
<ul>
<li>To comply with a court order, legal obligation, or government request.</li>
<li>To enforce our policies or protect the rights of others.</li>
</ul>
<p><b>
Data Retention
</b>
<br /></p>
We will retain your Personal Information for as long as necessary to fulfill the purposes outlined in this Privacy Policy. We may also retain Usage Data for internal analysis purposes.
<p></p>
<p><b>
Your Rights
</b><br /></p>
Depending on your location, you may have certain rights regarding your Personal Information. These rights may include:
<ul>
<li>The right to access your Personal Information</li>
<li>The right to rectify inaccurate Personal Information</li>
<li>The right to request the deletion of your Personal Information</li>
<li>The right to object to the processing of your Personal Information</li>
</ul>

<p><b>
Children's Privacy
</b><br />
Our Service does not address anyone under the age of 13. We do not knowingly collect Personal Information from children under 13. If you are a parent or guardian and you are aware that your child has provided us with Personal Information, please contact us. If we become aware that we have collected Personal Information from a child under 13, we will take steps to remove that information from our servers.
</p>
<p><b>
Changes to This Privacy Policy
</b><br />
We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page.
</p>
<p><b>
Contact Us
</b><br />
If you have any questions about this Privacy Policy, please contact us by email: quemistrymtech@gmail.com
</p>

</div>
</div>
</div>
);
};

export default PrivacyPage;

0 comments on commit 920c0e4

Please sign in to comment.