Add legal and onboarding pages
- Add /sms-onboarding page for text message consent signup with FAQ, consent checkbox, and feature grid - Add /privacy-policy page with comprehensive sections covering data collection, SMS communications, and user rights - Add /terms page with full terms of use including SMS service terms, intellectual property, and disclaimers All pages use BaseLayout and site-context for dynamic branding. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Khalid A
245
src/pages/privacy-policy.astro
Normal file
245
src/pages/privacy-policy.astro
Normal file
@@ -0,0 +1,245 @@
|
||||
---
|
||||
import BaseLayout from '../layouts/BaseLayout.astro';
|
||||
import { loadSiteData } from '../lib/site-data.ts';
|
||||
|
||||
const { siteContext } = loadSiteData();
|
||||
---
|
||||
<BaseLayout title={`Privacy Policy — ${siteContext.businessName}`} primaryColor={siteContext.primaryColor}>
|
||||
<Fragment slot="logo">{siteContext.businessName}</Fragment>
|
||||
<Fragment slot="tagline">Your Privacy Matters</Fragment>
|
||||
|
||||
<section class="legal-page">
|
||||
<div class="container">
|
||||
<h1>Privacy Policy</h1>
|
||||
<p class="effective-date">Effective Date: April 26, 2026</p>
|
||||
|
||||
<div class="legal-content">
|
||||
<section class="legal-section">
|
||||
<h2>1. Introduction</h2>
|
||||
<p>
|
||||
{siteContext.businessName} ("we," "us," or "our") respects your privacy and is committed to protecting your personal information.
|
||||
This Privacy Policy explains how we collect, use, store, and safeguard your information when you visit our website,
|
||||
use our services, or subscribe to our text message updates.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section class="legal-section">
|
||||
<h2>2. Information We Collect</h2>
|
||||
<h3>2.1 Information You Provide Directly</h3>
|
||||
<ul>
|
||||
<li><strong>Contact Information:</strong> Name, phone number, and email address when you sign up for text notifications or contact us.</li>
|
||||
<li><strong>Communication Preferences:</strong> Your opt-in consent for receiving text messages and marketing communications.</li>
|
||||
<li><strong>Feedback:</strong> Any comments, reviews, or messages you send us.</li>
|
||||
</ul>
|
||||
|
||||
<h3>2.2 Information Collected Automatically</h3>
|
||||
<ul>
|
||||
<li><strong>Usage Data:</strong> Pages visited, time spent on site, clicks, and interactions.</li>
|
||||
<li><strong>Device Information:</strong> Browser type, operating system, IP address, and device identifiers.</li>
|
||||
<li><strong>Cookies:</strong> Small data files stored on your device to improve your browsing experience.</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="legal-section">
|
||||
<h2>3. How We Use Your Information</h2>
|
||||
<p>We use the information we collect for the following purposes:</p>
|
||||
<ul>
|
||||
<li>To send you text message updates about our website, events, and offerings (with your explicit consent).</li>
|
||||
<li>To respond to your inquiries and provide customer support.</li>
|
||||
<li>To improve our website, services, and user experience.</li>
|
||||
<li>To comply with legal obligations and enforce our terms.</li>
|
||||
<li>To detect and prevent fraud, abuse, and security incidents.</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="legal-section">
|
||||
<h2>4. Text Message Communications (SMS)</h2>
|
||||
<p>
|
||||
When you subscribe to our text message updates, you provide explicit consent to receive SMS messages
|
||||
from {siteContext.businessName} at the phone number you provide.
|
||||
</p>
|
||||
<ul>
|
||||
<li><strong>Message Frequency:</strong> Message frequency varies, typically 2–4 messages per month.</li>
|
||||
<li><strong>Message and Data Rates:</strong> Standard message and data rates may apply based on your wireless carrier plan.</li>
|
||||
<li><strong>Opt-Out:</strong> You may opt out at any time by replying <strong>STOP</strong> to any message.</li>
|
||||
<li><strong>Help:</strong> Reply <strong>HELP</strong> for assistance or contact us directly.</li>
|
||||
</ul>
|
||||
<p>
|
||||
We use third-party SMS providers to deliver messages. Your phone number is shared with these providers
|
||||
solely for the purpose of message delivery and is not used for any other marketing without your additional consent.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section class="legal-section">
|
||||
<h2>5. How We Share Your Information</h2>
|
||||
<p>We do not sell your personal information. We may share your information in the following limited circumstances:</p>
|
||||
<ul>
|
||||
<li><strong>Service Providers:</strong> With trusted third-party vendors who help us operate our website and deliver services (e.g., SMS providers, hosting, analytics).</li>
|
||||
<li><strong>Legal Compliance:</strong> When required by law, subpoena, or legal process.</li>
|
||||
<li><strong>Business Transfers:</strong> In connection with a merger, acquisition, or sale of assets, with notice to you.</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section class="legal-section">
|
||||
<h2>6. Data Security</h2>
|
||||
<p>
|
||||
We implement reasonable technical and organizational measures to protect your personal information
|
||||
against unauthorized access, alteration, disclosure, or destruction. However, no method of transmission
|
||||
over the internet or electronic storage is 100% secure, and we cannot guarantee absolute security.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section class="legal-section">
|
||||
<h2>7. Data Retention</h2>
|
||||
<p>
|
||||
We retain your personal information for as long as necessary to fulfill the purposes outlined in this policy,
|
||||
unless a longer retention period is required or permitted by law. If you opt out of SMS messages,
|
||||
we retain your phone number in a suppression list to honor your opt-out preference.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section class="legal-section">
|
||||
<h2>8. Your Rights</h2>
|
||||
<p>Depending on your location, you may have the following rights regarding your personal information:</p>
|
||||
<ul>
|
||||
<li><strong>Access:</strong> Request a copy of the personal information we hold about you.</li>
|
||||
<li><strong>Correction:</strong> Request that we correct inaccurate or incomplete information.</li>
|
||||
<li><strong>Deletion:</strong> Request that we delete your personal information, subject to legal obligations.</li>
|
||||
<li><strong>Opt-Out:</strong> Unsubscribe from marketing communications at any time.</li>
|
||||
<li><strong>Portability:</strong> Request a copy of your data in a portable format.</li>
|
||||
</ul>
|
||||
<p>To exercise any of these rights, please contact us using the information below.</p>
|
||||
</section>
|
||||
|
||||
<section class="legal-section">
|
||||
<h2>9. Cookies and Tracking Technologies</h2>
|
||||
<p>
|
||||
We use cookies and similar technologies to enhance your experience on our website.
|
||||
You can manage your cookie preferences through your browser settings.
|
||||
Disabling cookies may affect the functionality of certain features on our site.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section class="legal-section">
|
||||
<h2>10. Third-Party Links</h2>
|
||||
<p>
|
||||
Our website may contain links to third-party websites. We are not responsible for the privacy practices
|
||||
or content of those sites. We encourage you to review the privacy policies of any third-party sites you visit.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section class="legal-section">
|
||||
<h2>11. Children's Privacy</h2>
|
||||
<p>
|
||||
Our services are not directed to individuals under the age of 13.
|
||||
We do not knowingly collect personal information from children under 13.
|
||||
If we become aware that we have collected such information, we will take steps to delete it promptly.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section class="legal-section">
|
||||
<h2>12. Changes to This Policy</h2>
|
||||
<p>
|
||||
We may update this Privacy Policy from time to time. Changes will be posted on this page with an updated
|
||||
effective date. We encourage you to review this policy periodically. Significant changes may be communicated
|
||||
via text message if you are subscribed to our updates.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section class="legal-section">
|
||||
<h2>13. Contact Us</h2>
|
||||
<p>
|
||||
If you have any questions, concerns, or requests regarding this Privacy Policy or our data practices,
|
||||
please contact us:
|
||||
</p>
|
||||
<ul class="contact-list">
|
||||
{siteContext.contactEmail && <li><strong>Email:</strong> <a href={`mailto:${siteContext.contactEmail}`}>{siteContext.contactEmail}</a></li>}
|
||||
{siteContext.contactPhone && <li><strong>Phone:</strong> {siteContext.contactPhone}</li>}
|
||||
{siteContext.address && <li><strong>Address:</strong> {siteContext.address}</li>}
|
||||
</ul>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<Fragment slot="footer">
|
||||
© {new Date().getFullYear()} {siteContext.businessName} ·
|
||||
<a href="/privacy-policy">Privacy Policy</a> ·
|
||||
<a href="/terms">Terms of Use</a>
|
||||
</Fragment>
|
||||
</BaseLayout>
|
||||
|
||||
<style>
|
||||
.legal-page {
|
||||
padding: 3rem 1.5rem 4rem;
|
||||
}
|
||||
.legal-page h1 {
|
||||
font-family: var(--font-display);
|
||||
font-size: 2rem;
|
||||
color: var(--color-primary-dark);
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.effective-date {
|
||||
font-size: 0.9rem;
|
||||
color: var(--color-text-muted);
|
||||
margin-bottom: 2rem;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.legal-content {
|
||||
max-width: 720px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.legal-section {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.legal-section h2 {
|
||||
font-family: var(--font-display);
|
||||
font-size: 1.2rem;
|
||||
color: var(--color-primary-dark);
|
||||
margin-bottom: 0.75rem;
|
||||
padding-bottom: 0.35rem;
|
||||
border-bottom: 1px solid var(--color-border);
|
||||
}
|
||||
.legal-section h3 {
|
||||
font-size: 1rem;
|
||||
font-weight: 600;
|
||||
color: var(--color-text);
|
||||
margin: 1rem 0 0.5rem;
|
||||
}
|
||||
.legal-section p {
|
||||
font-size: 0.95rem;
|
||||
color: var(--color-text);
|
||||
line-height: 1.7;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
.legal-section ul {
|
||||
margin-left: 1.25rem;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
.legal-section li {
|
||||
font-size: 0.95rem;
|
||||
color: var(--color-text);
|
||||
line-height: 1.7;
|
||||
margin-bottom: 0.4rem;
|
||||
}
|
||||
.legal-section li strong {
|
||||
color: var(--color-primary-dark);
|
||||
}
|
||||
|
||||
.contact-list {
|
||||
list-style: none;
|
||||
margin-left: 0;
|
||||
padding: 0.75rem;
|
||||
background: color-mix(in srgb, var(--color-primary), white 95%);
|
||||
border-radius: 8px;
|
||||
border: 1px solid var(--color-border);
|
||||
}
|
||||
.contact-list li {
|
||||
margin-bottom: 0.35rem;
|
||||
}
|
||||
.contact-list a {
|
||||
color: var(--color-primary);
|
||||
text-decoration: underline;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user