Skip to content

Commit

Permalink
Merge pull request #294 from Shariq2003/RedesignPrivacy
Browse files Browse the repository at this point in the history 
Redesigned Privacy Policies Page | Attractive UI | Modern Styling | Issue #280
  • Loading branch information
@rishicds
rishicds authored Oct 28, 2024
2 parents 14ad1b2 + 243ff6f commit 0c8d2d1
Showing 1 changed file with 181 additions and 73 deletions.
254 changes: 181 additions & 73 deletions src/app/(pages)/PrivacyPolicy/page.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,97 +1,205 @@
'use client'
import { motion } from "framer-motion";
import { AiOutlineInfoCircle } from "react-icons/ai";
import { FaShieldAlt, FaUserSecret, FaCookieBite, FaShareAlt, FaLock, FaRegClock, FaUserCheck, FaExternalLinkAlt, FaSyncAlt, FaEnvelope } from "react-icons/fa";

export default function PrivacyPolicy() {
return (
<>
<div className="px-12 justify-content">
<div>
<div className="text-center pt-10">
<motion.h1
className="text-5xl font-extrabold bg-gradient-to-r from-blue-500 to-purple-500 text-transparent bg-clip-text"
initial={{ opacity: 0, y: -50 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.8 }}
>
Privacy Policy for GDSC RCIIT
</motion.h1>

<motion.p
className="text-gray-600 text-xl mt-4 max-w-6xl mx-auto"
initial={{ opacity: 0, y: 50 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.8, delay: 0.2 }}
>
At <strong><i>Google Developer Student Clubs RCIIT (GDSC RCIIT)</i></strong>, we prioritize your privacy and are committed to safeguarding the personal information you share with us. This Privacy Policy outlines how we collect, use, and protect your data when you interact with our website, services, and activities.
</motion.p>
</div>

<h2 className="text-2xl mb-2 mt-4 text-indigo-400 font-bold ">1. Information We Collect</h2>
<div className="flex flex-col lg:flex-row">
<Sidebar />
<div className="px-6 lg:w-3/4 text-gray-800 overflow-y-auto">
<div className="text-center pt-10">
<motion.h1
className="text-5xl font-extrabold bg-gradient-to-r from-blue-500 to-purple-500 text-transparent bg-clip-text"
initial={{ opacity: 0, y: -50 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.8 }}
>
Privacy Policy for GDSC RCIIT
</motion.h1>
<motion.p
className="text-gray-600 text-xl mt-4 max-w-6xl mx-auto"
initial={{ opacity: 0, y: 50 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.8, delay: 0.2 }}
>
At <strong><i>Google Developer Student Clubs RCIIT (GDSC RCIIT)</i></strong>, we prioritize your privacy and are committed to safeguarding the personal information you share with us.
</motion.p>
</div>
<Section
title="1. Information We Collect"
icon={<FaUserSecret className="inline mr-2 text-indigo-500" />}
id="info-collect"
>
<p>We may collect the following types of personal information when you visit our website or participate in GDSC RCIIT activities:</p>
<ul>
<li>
<strong><i>Personal Identifiable Information (PII)</i></strong>: Your name, email address, phone number, or other contact details when you sign up for events or communicate with us.
</li>
<li>
<strong><i>Technical Information</i></strong>: Your IP address, browser type, operating system, and browsing behavior on our website through cookies and other tracking technologies.
</li>
<li>
<strong><i>Event Participation Data</i></strong>: Information related to your registration for GDSC RCIIT events, workshops, or programs.
</li>
<li>
<strong><i>Feedback and Communication</i></strong>: Your comments, messages, or feedback provided during surveys, event evaluations, or through direct communication with our team.
</li>
<ul className="list-disc list-inside mt-2 space-y-1">
<li><strong><i>Personal Identifiable Information (PII)</i></strong>: Your name, email address, phone number, or other contact details.</li>
<li><strong><i>Technical Information</i></strong>: Your IP address, browser type, operating system, and browsing behavior.</li>
<li><strong><i>Event Participation Data</i></strong>: Information related to your registration for GDSC RCIIT events.</li>
<li><strong><i>Feedback and Communication</i></strong>: Your comments, messages, or feedback provided during surveys or direct communication.</li>
</ul>
</Section>

<h2 className="text-2xl mb-2 mt-4 text-indigo-400 font-bold ">2. How We Use Your Information</h2>
<Section
title="2. How We Use Your Information"
icon={<FaShieldAlt className="inline mr-2 text-indigo-500" />}
id="use-info"
>
<p>We use the information collected for the following purposes:</p>
<ul>
<li><strong><i>To Provide Services</i></strong>: Organizing and managing events, workshops, and hackathons, and keeping you informed about upcoming opportunities.</li>
<ul className="list-disc list-inside mt-2 space-y-1">
<li><strong><i>To Provide Services</i></strong>: Organizing and managing events and keeping you informed about upcoming opportunities.</li>
<li><strong><i>Communication</i></strong>: Sending newsletters, event updates, and responding to your inquiries.</li>
<li><strong><i>Improvement of Services</i></strong>: Analyzing user behavior and feedback to improve the content and services on our website and enhance the overall GDSC experience.</li>
<li><strong><i>Security</i></strong>: Maintaining the safety and integrity of our website and services by monitoring for any suspicious activity.</li>
<li><strong><i>Improvement of Services</i></strong>: Analyzing user behavior and feedback to enhance the GDSC experience.</li>
<li><strong><i>Security</i></strong>: Monitoring for suspicious activity and ensuring the integrity of our website.</li>
</ul>
</Section>

<h2 className="text-2xl mb-2 mt-4 text-indigo-400 font-bold ">3. Cookies and Tracking Technologies</h2>
<p>We use cookies and similar technologies to enhance your browsing experience and gather analytics on website performance. You can control the use of cookies by adjusting your browser settings; however, disabling cookies may affect some functionalities of the website.</p>
<Section
title="3. Cookies and Tracking Technologies"
icon={<FaCookieBite className="inline mr-2 text-indigo-500" />}
id="cookies"
>
<p>We use cookies and similar technologies to enhance your browsing experience and gather analytics on website performance. You can control cookies via your browser settings.</p>
</Section>

<h2 className="text-2xl mb-2 mt-4 text-indigo-400 font-bold ">4. Sharing Your Information</h2>
<p>GDSC RCIIT respects your privacy and does not sell, rent, or trade your personal information. We may share your data in the following scenarios:</p>
<ul>
<li><strong><i>With Consent</i></strong>: Sharing your information with event partners or collaborators when you have given explicit consent.</li>
<li><strong><i>For Legal Reasons</i></strong>: Disclosing your information if required by law or in response to legal requests from authorities.</li>
<li><strong><i>Service Providers</i></strong>: Sharing data with trusted third-party service providers who assist in hosting events or managing the website, under strict confidentiality agreements.</li>
<Section
title="4. Sharing Your Information"
icon={<FaShareAlt className="inline mr-2 text-indigo-500" />}
id="sharing-info"
>
<p>GDSC RCIIT does not sell, rent, or trade your personal information. We may share your data in the following scenarios:</p>
<ul className="list-disc list-inside mt-2 space-y-1">
<li><strong><i>With Consent</i></strong>: Sharing your information with event partners when you have given explicit consent.</li>
<li><strong><i>For Legal Reasons</i></strong>: Disclosing information if required by law.</li>
<li><strong><i>Service Providers</i></strong>: Sharing data with trusted service providers under strict confidentiality agreements.</li>
</ul>
</Section>

<h2 className="text-2xl mb-2 mt-4 text-indigo-400 font-bold ">5. Data Security</h2>
<p>We implement industry-standard security measures to protect your personal information from unauthorized access, disclosure, alteration, or destruction. Despite these measures, no system is completely secure, and we cannot guarantee the absolute security of your data.</p>
<Section
title="5. Data Security"
icon={<FaLock className="inline mr-2 text-indigo-500" />}
id="data-security"
>
<p>We implement industry-standard security measures to protect your personal information from unauthorized access or disclosure.</p>
</Section>

<h2 className="text-2xl mb-2 mt-4 text-indigo-400 font-bold ">6. Retention of Information</h2>
<p>We retain your personal information for as long as necessary to fulfill the purposes outlined in this Privacy Policy or as required by law. You may request the deletion of your data at any time by contacting us.</p>
<Section
title="6. Retention of Information"
icon={<FaRegClock className="inline mr-2 text-indigo-500" />}
id="retention"
>
<p>We retain your personal information as long as necessary for the purposes outlined or as required by law. You may request data deletion by contacting us.</p>
</Section>

<h2 className="text-2xl mb-2 mt-4 text-indigo-400 font-bold ">7. Your Rights</h2>
<p>You have the right to:</p>
<ul>
<li><strong><i>Access</i></strong>: Request access to your personal information and receive a copy of it.</li>
<li><strong><i>Correction</i></strong>: Request the correction of inaccurate or incomplete personal data.</li>
<li><strong><i>Deletion</i></strong>: Request the deletion of your personal information under certain circumstances.</li>
<li><strong><i>Opt-Out</i></strong>: Opt-out of receiving promotional communications from us by following the unsubscribe instructions in emails.</li>
<Section
title="7. Your Rights"
icon={<FaUserCheck className="inline mr-2 text-indigo-500" />}
id="rights"
>
<ul className="list-disc list-inside mt-2 space-y-1">
<li><strong><i>Access</i></strong>: Request access to your personal information.</li>
<li><strong><i>Correction</i></strong>: Request correction of inaccurate or incomplete data.</li>
<li><strong><i>Deletion</i></strong>: Request deletion of your personal information under certain circumstances.</li>
<li><strong><i>Opt-Out</i></strong>: Opt-out of promotional communications by following unsubscribe instructions.</li>
</ul>
</Section>

<h2 className="text-2xl mb-2 mt-4 text-indigo-400 font-bold ">8. Third-Party Links</h2>
<p>Our website may contain links to third-party websites, such as event registration platforms or partner websites. GDSC RCIIT is not responsible for the privacy practices or content of these external sites, and we encourage you to review their privacy policies.</p>

<h2 className="text-2xl mb-2 mt-4 text-indigo-400 font-bold ">9. Updates to This Policy</h2>
<p>We may update this Privacy Policy from time to time to reflect changes in our practices or applicable laws. Any updates will be posted on this page, and we encourage you to review the policy periodically.</p>
<Section
title="8. Third-Party Links"
icon={<FaExternalLinkAlt className="inline mr-2 text-indigo-500" />}
id="third-party"
>
<p>Our website may contain links to third-party websites. GDSC RCIIT is not responsible for the privacy practices or content of external sites.</p>
</Section>

<h2 className="text-2xl mb-2 mt-4 text-indigo-400 font-bold ">10. Contact Us</h2>
<p>If you have any questions or concerns about this Privacy Policy or how your data is handled, please contact us at:</p>
<p><strong><i>Email</i></strong>: [email protected]</p>
<p><strong><i>Address</i></strong>: RCC Institute of Information Technology, Kolkata, India</p>
<Section
title="9. Updates to This Policy"
icon={<FaSyncAlt className="inline mr-2 text-indigo-500" />}
id="updates"
>
<p>We may update this Privacy Policy from time to time. Any updates will be posted on this page, and we encourage you to review the policy periodically.</p>
</Section>

<p className="mb-6">By using our website and participating in our activities, you agree to the terms of this Privacy Policy.</p>
</div>
<Section
title="10. Contact Us"
icon={<FaEnvelope className="inline mr-2 text-indigo-500" />}
id="contact-us"
>
<p>If you have questions about this Privacy Policy, please contact us:</p>
<p><strong>Email:</strong> [email protected]</p>
<p><strong>Address:</strong> RCC Institute of Information Technology, Kolkata, India</p>
</Section>
</div>
</>
</div>
);
}

function Sidebar() {
return (
<div className="hidden lg:block w-1/4 bg-gradient-to-b from-blue-500 to-purple-600 text-white p-6 h-screen sticky top-0">
<ul className="space-y-6">
<li className="hover:text-indigo-200">
<a href="#info-collect" className="flex items-center">
<AiOutlineInfoCircle className="inline mr-2" /> Information We Collect
</a>
</li>
<li className="hover:text-indigo-200">
<a href="#use-info" className="flex items-center">
<AiOutlineInfoCircle className="inline mr-2" /> How We Use Information
</a>
</li>
<li className="hover:text-indigo-200">
<a href="#cookies" className="flex items-center">
<AiOutlineInfoCircle className="inline mr-2" /> Cookies & Tracking
</a>
</li>
<li className="hover:text-indigo-200">
<a href="#sharing-info" className="flex items-center">
<AiOutlineInfoCircle className="inline mr-2" /> Sharing Information
</a>
</li>
<li className="hover:text-indigo-200">
<a href="#data-security" className="flex items-center">
<AiOutlineInfoCircle className="inline mr-2" /> Data Security
</a>
</li>
<li className="hover:text-indigo-200">
<a href="#retention" className="flex items-center">
<AiOutlineInfoCircle className="inline mr-2" /> Retention
</a>
</li>
<li className="hover:text-indigo-200">
<a href="#rights" className="flex items-center">
<AiOutlineInfoCircle className="inline mr-2" /> Your Rights
</a>
</li>
<li className="hover:text-indigo-200">
<a href="#third-party" className="flex items-center">
<AiOutlineInfoCircle className="inline mr-2" /> Third-Party Links
</a>
</li>
<li className="hover:text-indigo-200">
<a href="#updates" className="flex items-center">
<AiOutlineInfoCircle className="inline mr-2" /> Updates
</a>
</li>
<li className="hover:text-indigo-200">
<a href="#contact-us" className="flex items-center">
<AiOutlineInfoCircle className="inline mr-2" /> Contact Us
</a>
</li>
</ul>
</div>
);
}

function Section({ title, icon, id, children }) {
return (
<div id={id} className="mt-10">
<h2 className="text-2xl mb-2 mt-4 text-indigo-400 font-bold">
{icon}{title}
</h2>
{children}
</div>
);
}

0 comments on commit 0c8d2d1

Please sign in to comment.