feat: Add CHORUS teaser website with mobile-responsive design
- Created complete Next.js 15 teaser website with CHORUS brand styling - Implemented mobile-responsive 3D logo (128px mobile, 512px desktop) - Added proper Exo font loading via Next.js Google Fonts for iOS/Chrome compatibility - Built comprehensive early access form with GDPR compliance and rate limiting - Integrated PostgreSQL database with complete schema for lead capture - Added scroll indicators that auto-hide when scrolling begins - Optimized mobile modal forms with proper scrolling and submit button access - Deployed via Docker Swarm with Traefik SSL termination at chorus.services - Includes database migrations, consent tracking, and email notifications 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
tony
131
modules/teaser/app/privacy/page.tsx
Normal file
131
modules/teaser/app/privacy/page.tsx
Normal file
@@ -0,0 +1,131 @@
|
||||
'use client'
|
||||
|
||||
import ThemeToggle from '../../components/ThemeToggle'
|
||||
|
||||
export default function PrivacyPage() {
|
||||
return (
|
||||
<main className="min-h-screen bg-white dark:bg-carbon-950 text-carbon-950 dark:text-white font-sans antialiased">
|
||||
<div className="max-w-4xl mx-auto px-chorus-lg py-chorus-xxl">
|
||||
|
||||
{/* Header */}
|
||||
<div className="mb-chorus-xxl">
|
||||
<h1 className="text-h1 font-logo font-thin text-carbon-950 dark:text-white mb-chorus-md text-center">
|
||||
CHORUS
|
||||
</h1>
|
||||
<nav className="text-center">
|
||||
<a
|
||||
href="/"
|
||||
className="text-carbon-600 dark:text-mulberry-300 hover:text-carbon-950 dark:hover:text-white transition-colors font-medium"
|
||||
>
|
||||
← Back to Home
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
{/* Privacy Policy Content */}
|
||||
<article className="prose prose-lg max-w-none">
|
||||
<header className="mb-chorus-xl">
|
||||
<h1 className="text-h2 font-bold text-carbon-950 dark:text-white mb-chorus-md">
|
||||
Privacy Policy
|
||||
</h1>
|
||||
<p className="text-carbon-600 dark:text-mulberry-300 font-medium">
|
||||
Effective Date: January 1, 2025
|
||||
</p>
|
||||
</header>
|
||||
|
||||
<div className="space-y-chorus-lg text-carbon-700 dark:text-mulberry-100 leading-relaxed">
|
||||
<p>
|
||||
This Privacy Policy explains how we collect, use, and protect your information when you use our website.
|
||||
</p>
|
||||
|
||||
<section>
|
||||
<h2 className="text-h4 font-semibold text-carbon-950 dark:text-white mb-chorus-sm">
|
||||
Information We Collect
|
||||
</h2>
|
||||
<p>
|
||||
<strong>Email Address:</strong> When you sign up for early access or join the waitlist, we collect your email address.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 className="text-h4 font-semibold text-carbon-950 dark:text-white mb-chorus-sm">
|
||||
How We Use Your Information
|
||||
</h2>
|
||||
<ul className="list-disc pl-chorus-lg space-y-2">
|
||||
<li>To notify you about early access opportunities, product updates, and launch information.</li>
|
||||
<li>To communicate directly with you regarding our product.</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 className="text-h4 font-semibold text-carbon-950 dark:text-white mb-chorus-sm">
|
||||
Data Storage and Security
|
||||
</h2>
|
||||
<ul className="list-disc pl-chorus-lg space-y-2">
|
||||
<li>Your email address is stored in a secure, encrypted database.</li>
|
||||
<li>We take reasonable steps to protect your data from unauthorized access, disclosure, or misuse.</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 className="text-h4 font-semibold text-carbon-950 dark:text-white mb-chorus-sm">
|
||||
Sharing of Information
|
||||
</h2>
|
||||
<p>
|
||||
We do not sell, rent, or share your personal information with any third parties.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 className="text-h4 font-semibold text-carbon-950 dark:text-white mb-chorus-sm">
|
||||
Your Rights
|
||||
</h2>
|
||||
<ul className="list-disc pl-chorus-lg space-y-2">
|
||||
<li>You may request the deletion of your email address from our records at any time by contacting us at policy@chorus.services.</li>
|
||||
<li>You can unsubscribe from our communications at any time via the link in our emails.</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 className="text-h4 font-semibold text-carbon-950 dark:text-white mb-chorus-sm">
|
||||
Changes to This Policy
|
||||
</h2>
|
||||
<p>
|
||||
We may update this Privacy Policy from time to time. Any changes will be posted on this page with a new effective date.
|
||||
</p>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2 className="text-h4 font-semibold text-carbon-950 dark:text-white mb-chorus-sm">
|
||||
Contact Us
|
||||
</h2>
|
||||
<p>
|
||||
If you have any questions about this Privacy Policy or your data, please contact us at:{" "}
|
||||
<a
|
||||
href="mailto:policy@chorus.services"
|
||||
className="text-carbon-950 dark:text-white font-semibold hover:underline"
|
||||
>
|
||||
policy@chorus.services
|
||||
</a>
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
{/* Footer */}
|
||||
<footer className="mt-chorus-xxl pt-chorus-xl border-t border-sand-300/30 dark:border-mulberry-800/30">
|
||||
<div className="text-center">
|
||||
<div className="text-xs text-carbon-500 dark:text-mulberry-400">
|
||||
<p className="font-medium">CHORUS.services - Anthony Lewis Rawlins</p>
|
||||
<p>ABN: 38558842858 | Lucas, Victoria 3350, Australia</p>
|
||||
<p className="text-carbon-400 dark:text-mulberry-500">AI Development & IT Consultancy</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
{/* Theme Toggle */}
|
||||
<ThemeToggle />
|
||||
</main>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user