Skip to content

Commit e7b7690

Browse files
nammadha
1 parent db2b955 commit e7b7690

3 files changed

Lines changed: 135 additions & 1 deletion

File tree

src/layouts/Footer.tsx

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -201,8 +201,11 @@ export default function Footer() {
201201
<div>
202202
<SocialLinks links={links} />
203203
</div>
204-
<div className='flex items-center justify-center'>
204+
<div className='flex items-center justify-center gap-3'>
205+
<span className="text-slate-300"></span>
205206
<Link to="/terms" className="text-sm text-slate-500 hover:text-blue-600 hover:underline">Terms & Conditions</Link>
207+
<span className="text-slate-300"></span>
208+
<Link to="/privacy-policy" className="text-sm text-slate-500 hover:text-blue-600 hover:underline">Privacy Policy</Link>
206209
</div>
207210
</div>
208211
</div>

src/pages/PrivacyPolicyPage.tsx

Lines changed: 126 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,126 @@
1+
import { motion } from 'framer-motion';
2+
import PageHeader from '../components/ui/PageHeader';
3+
4+
export default function PrivacyPolicyPage() {
5+
return (
6+
<div className="bg-slate-50 min-h-screen">
7+
<main className="container mx-auto px-4 py-8 max-w-4xl">
8+
<motion.div
9+
initial={{ opacity: 0, y: -20 }}
10+
animate={{ opacity: 1, y: 0 }}
11+
>
12+
<PageHeader title="Privacy Policy" />
13+
</motion.div>
14+
15+
<motion.div
16+
initial={{ opacity: 0, y: 20 }}
17+
animate={{ opacity: 1, y: 0 }}
18+
transition={{ delay: 0.1 }}
19+
className="bg-white rounded-2xl shadow-sm border border-slate-200 p-8 mt-8"
20+
>
21+
<div className="prose prose-slate max-w-none">
22+
<p className="text-slate-600 mb-6">
23+
<strong>Last Updated:</strong> {new Date().toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' })}
24+
</p>
25+
26+
<section className="mb-8">
27+
<h2 className="text-2xl font-bold text-slate-800 mb-4">Introduction</h2>
28+
<p className="text-slate-600 leading-relaxed">
29+
Welcome to MyMind Portfolio ("we," "our," or "us"). We respect your privacy and are committed to protecting your personal data.
30+
This privacy policy explains how we collect, use, and safeguard your information when you use our website and services.
31+
</p>
32+
</section>
33+
34+
<section className="mb-8">
35+
<h2 className="text-2xl font-bold text-slate-800 mb-4">Information We Collect</h2>
36+
<p className="text-slate-600 leading-relaxed mb-3">We may collect the following types of information:</p>
37+
<ul className="list-disc pl-6 text-slate-600 space-y-2">
38+
<li><strong>Personal Information:</strong> When you register or contact us, we may collect your name, email address, and profile picture (via Google OAuth).</li>
39+
<li><strong>Usage Data:</strong> We collect information about how you interact with our website, including pages visited, time spent, and actions taken.</li>
40+
<li><strong>Cookies and Tracking:</strong> We use cookies and similar technologies to enhance your experience and gather analytics data.</li>
41+
</ul>
42+
</section>
43+
44+
<section className="mb-8">
45+
<h2 className="text-2xl font-bold text-slate-800 mb-4">How We Use Your Information</h2>
46+
<p className="text-slate-600 leading-relaxed mb-3">We use your information to:</p>
47+
<ul className="list-disc pl-6 text-slate-600 space-y-2">
48+
<li>Provide and maintain our services</li>
49+
<li>Authenticate your identity via Google OAuth</li>
50+
<li>Respond to your inquiries and contact requests</li>
51+
<li>Improve our website and user experience</li>
52+
<li>Send you updates and notifications (with your consent)</li>
53+
<li>Analyze usage patterns and generate analytics</li>
54+
</ul>
55+
</section>
56+
57+
<section className="mb-8">
58+
<h2 className="text-2xl font-bold text-slate-800 mb-4">Third-Party Services</h2>
59+
<p className="text-slate-600 leading-relaxed mb-3">
60+
We use the following third-party services that may collect information:
61+
</p>
62+
<ul className="list-disc pl-6 text-slate-600 space-y-2">
63+
<li><strong>Google OAuth:</strong> For authentication and login services</li>
64+
<li><strong>Microsoft Clarity:</strong> For website analytics and user behavior tracking</li>
65+
<li><strong>Google Analytics:</strong> For website traffic and usage analysis</li>
66+
</ul>
67+
</section>
68+
69+
<section className="mb-8">
70+
<h2 className="text-2xl font-bold text-slate-800 mb-4">Data Security</h2>
71+
<p className="text-slate-600 leading-relaxed">
72+
We implement appropriate security measures to protect your personal information from unauthorized access, alteration,
73+
disclosure, or destruction. However, no method of transmission over the internet is 100% secure.
74+
</p>
75+
</section>
76+
77+
<section className="mb-8">
78+
<h2 className="text-2xl font-bold text-slate-800 mb-4">Your Rights</h2>
79+
<p className="text-slate-600 leading-relaxed mb-3">You have the right to:</p>
80+
<ul className="list-disc pl-6 text-slate-600 space-y-2">
81+
<li>Access and review your personal data</li>
82+
<li>Request correction of inaccurate information</li>
83+
<li>Request deletion of your account and associated data</li>
84+
<li>Opt-out of marketing communications</li>
85+
<li>Withdraw consent for data processing</li>
86+
</ul>
87+
</section>
88+
89+
<section className="mb-8">
90+
<h2 className="text-2xl font-bold text-slate-800 mb-4">Cookies</h2>
91+
<p className="text-slate-600 leading-relaxed">
92+
We use cookies to enhance your browsing experience, analyze site traffic, and personalize content.
93+
You can manage your cookie preferences through your browser settings.
94+
</p>
95+
</section>
96+
97+
<section className="mb-8">
98+
<h2 className="text-2xl font-bold text-slate-800 mb-4">Children's Privacy</h2>
99+
<p className="text-slate-600 leading-relaxed">
100+
Our services are not intended for individuals under the age of 13. We do not knowingly collect personal information from children.
101+
</p>
102+
</section>
103+
104+
<section className="mb-8">
105+
<h2 className="text-2xl font-bold text-slate-800 mb-4">Changes to This Policy</h2>
106+
<p className="text-slate-600 leading-relaxed">
107+
We may update this privacy policy from time to time. We will notify you of any significant changes by posting the new policy on this page
108+
and updating the "Last Updated" date.
109+
</p>
110+
</section>
111+
112+
<section>
113+
<h2 className="text-2xl font-bold text-slate-800 mb-4">Contact Us</h2>
114+
<p className="text-slate-600 leading-relaxed">
115+
If you have any questions or concerns about this privacy policy or our data practices, please contact us at:{' '}
116+
<a href="mailto:sibisiddharth8@gmail.com" className="text-blue-600 hover:underline">
117+
sibisiddharth8@gmail.com
118+
</a>
119+
</p>
120+
</section>
121+
</div>
122+
</motion.div>
123+
</main>
124+
</div>
125+
);
126+
}

src/routes/index.tsx

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,7 @@ import Nyra from '../pages/Nyra';
1212

1313
import PublicBlogListPage from '../pages/PublicBlogListPage';
1414
import PublicBlogDetailsPage from '../pages/PublicBlogDetailsPage';
15+
import PrivacyPolicyPage from '../pages/PrivacyPolicyPage';
1516

1617
export const router = createHashRouter([
1718
{
@@ -59,6 +60,10 @@ export const router = createHashRouter([
5960
path: 'nyra',
6061
element: <Nyra />,
6162
},
63+
{
64+
path: 'privacy-policy',
65+
element: <PrivacyPolicyPage />,
66+
},
6267
{
6368
path: '*',
6469
element: <NotFoundPage />,

0 commit comments

Comments
 (0)