diff --git a/frontend/src/Components/common/Footer/LegalSection/PrivacyPolicyPage.jsx b/frontend/src/Components/common/Footer/LegalSection/PrivacyPolicyPage.jsx index 8e0fc61..feac66e 100644 --- a/frontend/src/Components/common/Footer/LegalSection/PrivacyPolicyPage.jsx +++ b/frontend/src/Components/common/Footer/LegalSection/PrivacyPolicyPage.jsx @@ -1,68 +1,91 @@ -import React from 'react'; +import React, { useState } from 'react'; +import { motion } from 'framer-motion'; + +const dataArray = [ + { + title: '1. Introduction', + para: `Welcome to Curious Connect's Privacy Policy. Your privacy is important to us. This policy explains how we collect, use, and safeguard your personal information. By using our website, you consent to the data practices described in this statement.`, + }, + { + title: '2. Information We Collect', + para: ` We collect personal information when you register on our website, subscribe to our newsletter, or fill out a form. This information may include your name, email address, phone number, address, and other relevant details.`, + }, + { + title: '3. How We Use Your Information', + para: ` We use the information we collect to personalize your experience, improve our website, and send periodic emails regarding our services. Your information, whether public or private, will not be sold, exchanged, transferred, or given to any other company for any reason whatsoever without your consent.`, + }, + { + title: '4. Security of Your Information', + para: ` We implement a variety of security measures to maintain the safety of your personal information when you enter, submit, or access your personal information.`, + }, + { + title: '5. Cookies', + para: `We use cookies to understand and save your preferences for future visits and compile aggregate data about site traffic and site interaction so that we can offer better site experiences and tools in the future.`, + }, + { + title: '6. Changes to This Privacy Policy', + para: `We reserve the right to update or change our Privacy Policy at any time. Any changes will be posted on this page.`, + }, + { + title: '7. Contact Us', + para: `If you have any questions or concerns about our Privacy Policy, please contact us.`, + }, +]; const PrivacyPolicyPage = () => { + const [activeIndex, setActiveIndex] = useState(null); + + const toggleBtn = (index) => { + setActiveIndex(activeIndex === index ? null : index); + }; + return ( <> -
-
-

+
+
+

Privacy Policy

-

- Welcome to Curious Connect's Privacy Policy. Your privacy is important to us. This policy explains how we collect, use, and safeguard your personal information. By using our website, you consent to the data practices described in this statement. -

-
-
-

- Information We Collect -

-

- We collect personal information when you register on our website, subscribe to our newsletter, or fill out a form. This information may include your name, email address, phone number, address, and other relevant details. -

-
-
-

- How We Use Your Information -

-

- We use the information we collect to personalize your experience, improve our website, and send periodic emails regarding our services. Your information, whether public or private, will not be sold, exchanged, transferred, or given to any other company for any reason whatsoever without your consent. -

-
-
-

- Security of Your Information -

-

- We implement a variety of security measures to maintain the safety of your personal information when you enter, submit, or access your personal information. -

-
-
-

- Cookies -

-

- We use cookies to understand and save your preferences for future visits and compile aggregate data about site traffic and site interaction so that we can offer better site experiences and tools in the future. -

-
-
-

- Changes to This Privacy Policy -

-

- We reserve the right to update or change our Privacy Policy at any time. Any changes will be posted on this page. -

-
-
-

- Contact Us -

-

- If you have any questions or concerns about our Privacy Policy, please contact us. -

-
+ +
+ {dataArray.map((data, index) => ( + +
toggleBtn(index)} + style={{ cursor: 'pointer' }} + > +

+ {data.title} +

+
+ + {activeIndex === index ? '-' : '+'} + +
+
+ {activeIndex === index && ( + +

+ {data.para} +

+
+ )} +
+ ))}
-
);