Skip to content

Commit

Permalink
Merge pull request #309 from Sawan-Kushwah/enhance/privacyPolicy
Browse files Browse the repository at this point in the history 
Enhance/privacy policy #309
  • Loading branch information
@Anuj3553
Anuj3553 authored Nov 2, 2024
2 parents 4b4a823 + da29db5 commit 13c60c8
Show file tree
Hide file tree
Showing 2 changed files with 145 additions and 50 deletions.
187 changes: 140 additions & 47 deletions client/src/component/Footers/Privacypolicy.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,66 +5,159 @@ export default function PrivacyPolicy() {
const VITE_CLIENT_PORT = import.meta.env.VITE_CLIENT_PORT;

return (
<div className="privacy-container mx-auto p-8 mt-20 mb-12 max-w-3xl bg-white shadow-lg rounded-lg">
<h2 className="text-center text-4xl font-bold text-blue-900 mb-8">Privacy Policy</h2>
<div
className="privacy-policy-container p-6"
style={{
backgroundColor: props.mode === 'dark' ? '#111111' : '#f9f9f9',
color: props.mode === 'dark' ? '#f9f9f9' : '#1a1a1a',
lineHeight: '1.75',
fontFamily: "'Inter', sans-serif",
}}
>
<h2 className={`text-4xl font-extrabold mb-10 text-center tracking-wide ${props.mode === 'dark' ? 'text-gray-100' : 'text-gray-700'}`}>
Privacy Policy
</h2>

<section className="mb-8">
<p className="text-gray-500 text-sm">Effective Date: October 2024</p>
<p className="mt-4 text-gray-700 leading-relaxed">
This Privacy Policy describes how BITBOX ("we," "us," or "our") collects, uses, and discloses your information when you use our website, located at
<span className="font-semibold text-blue-800"> {VITE_CLIENT_PORT}/privacy</span>.
</p>
</section>
<div
className="container mx-auto p-8"
style={{
backgroundColor: props.mode === 'dark' ? '#282828' : '#ffffff',
color: props.mode === 'dark' ? '#eaeaea' : '#1a1a1a',
borderRadius: '12px',
boxShadow: props.mode === 'dark'
? '0 10px 30px rgba(0, 0, 0, 0.5)'
: '0 10px 30px rgba(0, 0, 0, 0.1)',
transition: 'all 0.3s ease',
}}
>
<div className="text-sm text-gray-500 dark:text-gray-400 mb-6 italic">
Last updated: April 13, 2024
</div>

<section className="policy-section mb-8">
<h3 className="text-2xl font-semibold text-gray-800 mb-2">Information We Collect</h3>
<p className="text-gray-700 leading-relaxed">
We collect various types of information in connection with the services we provide, including information you provide directly and information collected automatically.
</p>
</section>
<div className="mb-8 text-lg leading-relaxed">
This Privacy Policy describes our policies and procedures on the
collection, use, and disclosure of your information when you use the
Service. It also explains your privacy rights and how the law protects
you.
</div>

<section className="policy-section mb-8">
<h3 className="text-2xl font-semibold text-gray-800 mb-2">Use of Information</h3>
<p className="text-gray-700 leading-relaxed">
We use the information we collect to provide, operate, and maintain our services, including improving our offerings and ensuring the security of the site.
<h3 className={`text-3xl font-semibold mb-6 ${props.mode === 'dark' ? 'text-gray-100' : 'text-gray-700'} `}>
Interpretation
</h3>
<p className="mb-8 text-lg leading-relaxed">
Words with capitalized initials have meanings defined under the following
conditions. These definitions shall apply whether they appear in singular
or plural.
</p>
</section>

<section className="policy-section mb-8">
<h3 className="text-2xl font-semibold text-gray-800 mb-2">Sharing of Information</h3>
<p className="text-gray-700 leading-relaxed">
We may share your information with third parties, such as service providers, to help us operate our business, or where required by law.
</p>
</section>
<h3 className={`text-3xl font-semibold mb-6 ${props.mode === 'dark' ? 'text-gray-100' : 'text-gray-700'}`}>
Definitions
</h3>
<div className="space-y-6 text-lg">
<ul className="list-disc list-inside pl-6 space-y-4">
<li>
<strong>Account:</strong> A unique account created for you to access
our Service or parts of our Service.
</li>
<li>
<strong>Company:</strong> Refers to BitBox (also referred to as "the
Company", "We", "Us", or "Our").
</li>
<li>
<strong>Cookies:</strong> Small files placed on your device (computer,
mobile, or tablet) that store details of your browsing history.
</li>
<li>
<strong>Device:</strong> Any device that can access the Service, such
as a computer, cellphone, or tablet.
</li>
<li>
<strong>Personal Data:</strong> Information that relates to an
identifiable individual.
</li>
<li>
<strong>Service:</strong> Refers to the Website.
</li>
<li>
<strong>Service Provider:</strong> Any person or company who processes
data on behalf of the Company.
</li>
<li>
<strong>Usage Data:</strong> Data collected automatically (such as the
duration of a page visit).
</li>
<li>
<strong>Website:</strong> Refers to BitBox, accessible from{' '}
<a
href={VITE_CLIENT_PORT}
rel="noopener noreferrer"
target="_blank"
className="text-blue-500 underline hover:text-blue-700 transition-colors duration-200"
>
{VITE_CLIENT_PORT}/
</a>
</li>
<li>
<strong>You:</strong> The individual using the Service, or the company
represented by that individual.
</li>
</ul>
</div>

<section className="policy-section mb-8">
<h3 className="text-2xl font-semibold text-gray-800 mb-2">Data Security</h3>
<p className="text-gray-700 leading-relaxed">
We implement security measures designed to protect your information from unauthorized access, alteration, disclosure, or destruction.
</p>
</section>
<h2 className={`text-3xl font-semibold mt-12 mb-6 ${props.mode === 'dark' ? 'text-gray-100' : 'text-gray-700'}`}>
Collecting and Using Your Personal Data
</h2>

<section className="policy-section mb-8">
<h3 className="text-2xl font-semibold text-gray-800 mb-2">Your Rights</h3>
<p className="text-gray-700 leading-relaxed">
Depending on your location, you may have certain rights regarding your personal information, including the right to access, correct, or delete your data.
<h3 className={`text-2xl font-semibold mb-4 ${props.mode === 'dark' ? 'text-gray-100' : 'text-gray-700'}`}>
Types of Data Collected
</h3>

<h4 className={`text-xl font-semibold mb-3 ${props.mode === 'dark' ? 'text-gray-100' : 'text-gray-700'}"`}>
Personal Data
</h4>
<p className="mb-6 text-lg leading-relaxed">
We may ask you to provide personally identifiable information to contact
or identify you, including:
</p>
</section>
<ul className="list-disc list-inside pl-6 space-y-2 text-lg">
<li>Email address</li>
<li>First name and last name</li>
<li>Usage Data</li>
</ul>

<section className="policy-section mb-8">
<h3 className="text-2xl font-semibold text-gray-800 mb-2">Changes to this Privacy Policy</h3>
<p className="text-gray-700 leading-relaxed">
We may update this Privacy Policy from time to time. When we make changes, we will notify you by revising the effective date or providing additional notice.
<h4 className="text-xl font-semibold mt-8 mb-3 ${props.mode === 'dark' ? 'text-gray-100' : 'text-gray-700'}">
Usage Data
</h4>
<p className="mb-6 text-lg leading-relaxed">
Usage Data is collected automatically and may include information like
your IP address, browser type, device details, and time spent on our
Service.
</p>
</section>

<section className="policy-section mb-8">
<h3 className="text-2xl font-semibold text-gray-800 mb-2">Contact Us</h3>
<p className="text-gray-700 leading-relaxed">
If you have any questions about this Privacy Policy, please contact us at [email protected].
<h3 className="text-2xl font-semibold mt-10 mb-4 ${props.mode === 'dark' ? 'text-gray-100' : 'text-gray-700'}">
Tracking Technologies and Cookies
</h3>
<p className="mb-6 text-lg leading-relaxed">
We use cookies and similar tracking technologies (beacons, tags, and
scripts) to collect and analyze information to improve our Service. The
types of tracking we use include:
</p>
</section>
<ul className="list-disc list-inside pl-6 space-y-4 text-lg">
<li>
<strong>Cookies:</strong> Small files placed on your device. You can
instruct your browser to refuse cookies or indicate when a cookie is
sent. Without cookies, parts of our Service may not work properly.
</li>
<li>
<strong>Web Beacons:</strong> Small electronic files that permit the
Company to count users who visit certain pages or read emails.
</li>
</ul>
</div>

</div>


);
}

Expand Down
8 changes: 5 additions & 3 deletions client/src/css/Main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
margin-top: 100px;
margin-bottom: 40px;
}

.terms-container {
background-color: #ffffff;
border: 1px solid #e5e7eb;
Expand Down Expand Up @@ -35,7 +36,8 @@ p {
border: 1px solid #e5e7eb;
padding: 1.5rem;
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
margin-top: 7rem; /* Adds space above the container */
margin-top: 7rem;
/* Adds space above the container */
}

ul {
Expand Down Expand Up @@ -132,7 +134,7 @@ ul {

/* Privacy Policy */
.privacy-policy-container {
margin-top: 100px;
margin-top: 40px;
margin-bottom: 40px;
}

Expand Down Expand Up @@ -179,6 +181,6 @@ ul {

/* Testimonail Stars */

.stars-testimonial{
.stars-testimonial {
color: #ffd700 !important;
}

0 comments on commit 13c60c8

Please sign in to comment.