andika/membership-fe
3
1
Fork 1
Code Issues 17 Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: update styles in MembersDirectory and NewsletterArchive for consistency and improved theming

Browse Source 
- Updated color classes to use CSS variables for better maintainability and theming.
- Refactored component styles in MembersDirectory.js to enhance visual consistency.
- Adjusted loading states and empty states in NewsletterArchive.js for improved user experience.
- Added new brand colors to tailwind.config.js for future use.
This commit is contained in:
kayela
2026-01-12 20:10:33 -06:00
parent a93e2aa863
commit 7694532d53
77 changed files with 2519 additions and 2338 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/pages/PrivacyPolicy.js
View File

@@ -7,15 +7,15 @@ export default function PrivacyPolicy() {
return (
<>
<PublicNavbar />
<main className="bg-gradient-to-bl from-[#F9FAFB] to-[#DDD8EB] text-[#48286E]">
<main className="bg-gradient-to-bl from-var(--neutral-100:) to-var(--neutral-800) text-var(--purple-deep)">
<div className="mx-auto w-full max-w-5xl px-4 sm:px-6 lg:px-8 py-10">
<header className="border-b pb-6">
<h1 className="text-3xl sm:text-4xl font-bold tracking-tight" style={{fontFamily: 'Poppins'}}>
<h1 className="text-3xl sm:text-4xl font-bold tracking-tight" style={{ fontFamily: 'Poppins' }}>
LOAFers, Inc. Website Privacy Policy
</h1>
</header>
<div className="prose text-[#48286E] max-w-none prose-h2:mt-10 prose-h2:scroll-mt-24 prose-h3:mt-6">
<div className="prose text-var(--purple-deep) max-w-none prose-h2:mt-10 prose-h2:scroll-mt-24 prose-h3:mt-6">
<section className="mt-8">
<p>
This Privacy Policy ("Policy") applies to Membership Applications, and LOAFers, Inc. ("Company") and
@@ -31,7 +31,7 @@ export default function PrivacyPolicy() {
</section>
<section id="user-data" className="scroll-mt-24">
<h2 className="text-xl sm:text-2xl font-bold text-[#48286E]">What User Data We Collect</h2>
<h2 className="text-xl sm:text-2xl font-bold text-var(--purple-deep)">What User Data We Collect</h2>
<p>When you visit the Site, we may collect the following data:</p>
<ul className="list-disc pl-6 space-y-1">
<li>Your IP address.</li>
@@ -63,7 +63,7 @@ export default function PrivacyPolicy() {
</section>
<section id="why-collect" className="scroll-mt-24">
<h2 className="text-xl sm:text-2xl font-bold text-[#48286E]">Why We Collect Your Data</h2>
<h2 className="text-xl sm:text-2xl font-bold text-var(--purple-deep)">Why We Collect Your Data</h2>
<ul className="list-disc pl-6 space-y-1">
<li>
To send you announcement emails containing the information about our events and information we think you
@@ -75,7 +75,7 @@ export default function PrivacyPolicy() {
</section>
<section id="third-parties" className="scroll-mt-24">
<h2 className="text-xl sm:text-2xl font-bold text-[#48286E]">Sharing Information with Third Parties</h2>
<h2 className="text-xl sm:text-2xl font-bold text-var(--purple-deep)">Sharing Information with Third Parties</h2>
<p>The Company does not sell, rent, or lease personal data to third parties.</p>
<p>
The Company may share data with trusted partners to help perform statistical analysis, provide customer
@@ -89,7 +89,7 @@ export default function PrivacyPolicy() {
</section>
<section id="safeguarding" className="scroll-mt-24">
<h2 className="text-xl sm:text-2xl font-bold text-[#48286E]">Safeguarding and Securing the Data</h2>
<h2 className="text-xl sm:text-2xl font-bold text-var(--purple-deep)">Safeguarding and Securing the Data</h2>
<p>
LOAFers, Inc. is committed to securing your data and keeping it confidential. LOAFers, Inc. has done all
in its power to prevent data theft, unauthorized access, and disclosure by implementing the latest
@@ -98,7 +98,7 @@ export default function PrivacyPolicy() {
</section>
<section id="cookies" className="scroll-mt-24">
<h2 className="text-xl sm:text-2xl font-bold text-[#48286E]">Our Cookie Policy</h2>
<h2 className="text-xl sm:text-2xl font-bold text-var(--purple-deep)">Our Cookie Policy</h2>
<p>
Once you agree to allow our blog to use cookies, you also agree to use the data it collects regarding your
online behavior (analyze web traffic, web pages you visit and spend the most time on).
@@ -123,7 +123,7 @@ export default function PrivacyPolicy() {
</section>
<section id="other-sites" className="scroll-mt-24">
<h2 className="text-xl sm:text-2xl font-bold text-[#48286E]">Links to Other Websites</h2>
<h2 className="text-xl sm:text-2xl font-bold text-var(--purple-deep)">Links to Other Websites</h2>
<p>
Our blog contains links that lead to other websites. If you click on these links LOAFers, Inc. is not held
responsible for your data and privacy protection. Visiting those websites is not governed by this privacy
@@ -133,7 +133,7 @@ export default function PrivacyPolicy() {
</section>
<section id="restricting" className="scroll-mt-24">
<h2 className="text-xl sm:text-2xl font-bold text-[#48286E]">
<h2 className="text-xl sm:text-2xl font-bold text-var(--purple-deep)">
Restricting the Collection of your Personal Data
</h2>
<p>
@@ -150,12 +150,12 @@ export default function PrivacyPolicy() {
</section>
<section id="children" className="scroll-mt-24">
<h2 className="text-xl sm:text-2xl font-bold text-[#48286E]">Children Under Thirteen</h2>
<h2 className="text-xl sm:text-2xl font-bold text-var(--purple-deep)">Children Under Thirteen</h2>
<p>The Company does not knowingly collect information from children under the age of 13.</p>
</section>
<section id="changes" className="scroll-mt-24">
<h2 className="text-xl sm:text-2xl font-bold text-[#48286E]">Changes to this Statement</h2>
<h2 className="text-xl sm:text-2xl font-bold text-var(--purple-deep)">Changes to this Statement</h2>
<p>
The Company may make changes to this Policy. When this occurs the effective date of this policy will be
updated.
@@ -163,7 +163,7 @@ export default function PrivacyPolicy() {
</section>
<section id="contact" className="scroll-mt-24">
<h2 className="text-xl sm:text-2xl font-bold text-[#48286E]">Contact Information</h2>
<h2 className="text-xl sm:text-2xl font-bold text-var(--purple-deep)">Contact Information</h2>
<p>If you have any question, please contact LOAFers, Inc. at:</p>
<div className="not-prose mt-4">
<p className="font-semibold mb-2">LOAFers, Inc.</p>
@@ -184,7 +184,7 @@ export default function PrivacyPolicy() {
<div className="mt-8 text-center">
<Link
to="/"
className="text-[#664fa3] hover:text-[#422268] font-semibold transition-colors inline-flex items-center gap-2"
className="text-var(--purple-lavender) hover:text-var(--purple-ink) font-semibold transition-colors inline-flex items-center gap-2"
style={{ fontFamily: "'Nunito Sans', sans-serif" }}
>
<span>←</span> Back to Home