Skip to content

Commit 14cefd6

Browse files
fudailzafarfudailzafar
committed
style(privacy-policy): fix styles based on figma design
1 parent 51c2949 commit 14cefd6

1 file changed

Lines changed: 56 additions & 33 deletions

File tree

‎src/pages/PrivacyPolicy/PrivacyPolicyPage.jsx‎

Lines changed: 56 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import SEO from "../../components/SEO";
1+
import SEO from '../../components/SEO';
22

33
export default function PrivacyPolicyPage() {
44
return (
@@ -19,7 +19,7 @@ export default function PrivacyPolicyPage() {
1919

2020
<main
2121
id="main-content"
22-
className="min-h-screen bg-white py-12 px-4 sm:px-6 lg:px-8"
22+
className="min-h-screen bg-white font-inter py-12 px-4 sm:px-6 lg:px-8"
2323
role="main"
2424
aria-labelledby="privacy-policy-title"
2525
>
@@ -28,7 +28,7 @@ export default function PrivacyPolicyPage() {
2828
<header className="mb-8">
2929
<h1
3030
id="privacy-policy-title"
31-
className="text-4xl font-bold text-gray-900 mb-4"
31+
className="text-5xl text-gray-900 mb-4"
3232
>
3333
Privacy Policy
3434
</h1>
@@ -37,21 +37,21 @@ export default function PrivacyPolicyPage() {
3737
<hr />
3838

3939
{/* Main Content */}
40-
<article className="prose prose-lg max-w-none text-gray-700 space-y-8">
40+
<article className="prose prose-lg max-w-none space-y-8">
4141
{/* Introduction Section */}
4242
<section aria-labelledby="introduction-section">
4343
<h2
4444
id="introduction-section"
45-
className="text-2xl font-semibold text-gray-900 mb-4"
45+
className="text-2xl font-bold text-gray-900 my-8"
4646
>
4747
INTRODUCTION
4848
</h2>
4949
<p className="mb-4">
5050
At CoreX Nutrition, we care about your privacy and are committed
51-
to transparency. This project is an open-source demo, but to
52-
simulate the experience of a real e-commerce supplement store.
53-
Please note: no real transactions, payments, or sensitive
54-
personal data are processed on this site.
51+
to transparency. This project is an open-source demo, built by
52+
Open Code Chicago, designed to simulate the experience of a real
53+
e-commerce supplements store. Please note: no real transactions,
54+
payments, or sensitive personal data are processed on this site.
5555
</p>
5656
</section>
5757
<hr />
@@ -66,16 +66,18 @@ export default function PrivacyPolicyPage() {
6666
</h2>
6767
<ul className="list-disc list-inside space-y-2 ml-4">
6868
<li>
69-
<strong>Basic usage data:</strong> Browser type, device type,
70-
and pages visited.
69+
Basic usage data: When you visit our site, we may collect
70+
general information such as browser type, device type, and
71+
pages visited.
7172
</li>
7273
<li>
73-
<strong>Account data (demo only):</strong> Name, email, or
74-
other info provided. Demo purposes only.
74+
Account data (demo only): If you create an account, we may
75+
store your name, email, or other information you provide. This
76+
data is for demonstration purposes only
7577
</li>
7678
<li>
77-
<strong>No financial information:</strong> Payment details are
78-
not stored.
79+
No financial information: We do not process or store payment
80+
details (e.g., credit cards, bank accounts).
7981
</li>
8082
</ul>
8183
</section>
@@ -97,7 +99,8 @@ export default function PrivacyPolicyPage() {
9799
<li>Send promotional emails</li>
98100
</ul>
99101
<p className="mt-4">
100-
For this demo, any data is used only to showcase functionality.
102+
Here at CoreX Nutrition (demo project), any data is used only to
103+
showcase how a real store might function.
101104
</p>
102105
</section>
103106
<hr />
@@ -111,8 +114,9 @@ export default function PrivacyPolicyPage() {
111114
DO WE SHARE INFORMATION?
112115
</h2>
113116
<p>
114-
No. Data remains internal. We do not sell, trade, or share your
115-
personal data with third parties.
117+
No. We do not sell, trade, or share your personal data with
118+
third parties. Since this project is not a live store, all
119+
collected data remains internal to the demo.
116120
</p>
117121
</section>
118122
<hr />
@@ -127,7 +131,9 @@ export default function PrivacyPolicyPage() {
127131
</h2>
128132
<p>
129133
Our site may use cookies to simulate cart functionality and user
130-
sessions. Disabling cookies may affect demo features.
134+
sessions. These cookies do not track you beyond this demo
135+
website. You can disable cookies in your browser, but some demo
136+
features may stop working.
131137
</p>
132138
</section>
133139
<hr />
@@ -141,23 +147,22 @@ export default function PrivacyPolicyPage() {
141147
CHILDREN'S PRIVACY
142148
</h2>
143149
<p>
144-
Not directed at children under 13; no data knowingly collected
145-
from minors.
150+
This project is not directed at children under the age of 13,
151+
and we do not knowingly collect data from minors.
146152
</p>
147153
</section>
148154
<hr />
149155

150156
{/* Security */}
151157
<section aria-labelledby="security-section">
152-
<h2
153-
id="security-section"
154-
className="text-2xl font-semibold mb-4"
155-
>
158+
<h2 id="security-section" className="text-2xl font-semibold mb-4">
156159
SECURITY
157160
</h2>
158161
<p>
159-
No financial transactions or sensitive data stored. For
160-
production, implement SSL and modern security best practices.
162+
As an open-source demo, no financial transactions or sensitive
163+
personal data are stored. However, if you fork or deploy this
164+
project, we recommend implementing SSL encryption and modern
165+
security best practices for production use.
161166
</p>
162167
</section>
163168
<hr />
@@ -166,15 +171,33 @@ export default function PrivacyPolicyPage() {
166171
<section aria-labelledby="disclaimer-section">
167172
<h2
168173
id="disclaimer-section"
169-
className="text-2xl font-semibold mb-4"
174+
className="text-2xl font-extrabold mb-2"
170175
>
171176
DISCLAIMER
172177
</h2>
173-
<p>
174-
CoreX Nutrition is not a real company. This Privacy Policy is for
175-
educational/demo purposes only. No actual personal, payment, or
176-
shipping data is collected or shared.
177-
</p>
178+
<div className="flex">
179+
<div className="flex-shrink-0">
180+
<svg
181+
className="h-5 w-5 text-yellow-400"
182+
viewBox="0 0 20 20"
183+
fill="currentColor"
184+
aria-hidden="true"
185+
>
186+
<path
187+
fillRule="evenodd"
188+
d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z"
189+
clipRule="evenodd"
190+
/>
191+
</svg>
192+
</div>
193+
<div className="ml-3">
194+
<p>
195+
CoreX Nutrition is a community-driven, open-source project.
196+
No real transactions, shipments, or returns are processed.
197+
This content is for educational and portfolio purposes only.
198+
</p>
199+
</div>
200+
</div>
178201
</section>
179202
</article>
180203
</div>

0 commit comments

Comments
 (0)