From 3ac761506ae6ff002aad02a2f0df7a57e7812253 Mon Sep 17 00:00:00 2001
From: Blake Hastings <20547657+BlakeHastings@users.noreply.github.com>
Date: Wed, 4 Nov 2026 23:57:49 -0600
Subject: [PATCH] feat: publish /terms and /privacy pages

Carries over the owner-settled drafts as prerendered, indexable pages with
anchored section headings, adds them to PAGES (sitemap, llms.txt), adds a
site footer linking both, and a terms line under the offer sign-up button.
The privacy policy is corrected to what the code and live site do today.

Closes #82
---
 src/lib/components/legal-page/index.ts        |   1 +
 .../components/legal-page/legal-page.svelte   |  75 +++++
 src/lib/components/site-footer/index.ts       |   1 +
 .../components/site-footer/site-footer.svelte |  18 ++
 src/lib/offers/blocks/sign-up-button.svelte   |   9 +
 src/lib/seo/site.ts                           |  12 +
 src/routes/+layout.svelte                     |   3 +
 src/routes/llms.txt/+server.ts                |   2 +
 src/routes/privacy/+page.svelte               | 285 +++++++++++++++++
 src/routes/terms/+page.svelte                 | 286 ++++++++++++++++++
 10 files changed, 692 insertions(+)
 create mode 100644 src/lib/components/legal-page/index.ts
 create mode 100644 src/lib/components/legal-page/legal-page.svelte
 create mode 100644 src/lib/components/site-footer/index.ts
 create mode 100644 src/lib/components/site-footer/site-footer.svelte
 create mode 100644 src/routes/privacy/+page.svelte
 create mode 100644 src/routes/terms/+page.svelte

diff --git a/src/lib/components/legal-page/index.ts b/src/lib/components/legal-page/index.ts
new file mode 100644
index 0000000..fdb61e5
--- /dev/null
+++ b/src/lib/components/legal-page/index.ts
@@ -0,0 +1 @@
+export { default as LegalPage } from './legal-page.svelte';
diff --git a/src/lib/components/legal-page/legal-page.svelte b/src/lib/components/legal-page/legal-page.svelte
new file mode 100644
index 0000000..ee0c377
--- /dev/null
+++ b/src/lib/components/legal-page/legal-page.svelte
@@ -0,0 +1,75 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import { SiteHeader } from '$lib/components/site-header/index.js';
+	import { Section } from '$lib/components/voidprojects/section/index.js';
+	import { PageMeta } from '$lib/components/page-meta/index.js';
+	import type { PageMeta as Meta } from '$lib/seo/site.js';
+
+	let {
+		meta,
+		title,
+		updated,
+		dateLabel = 'Last updated',
+		sections,
+		children
+	}: {
+		meta: Meta;
+		title: string;
+		updated: string; // ISO date
+		dateLabel?: string;
+		sections: { id: string; title: string }[]; // the contents list; each id matches an h2 in children
+		children: Snippet;
+	} = $props();
+
+	const formatted = $derived(
+		new Intl.DateTimeFormat('en-US', { dateStyle: 'long', timeZone: 'UTC' }).format(
+			new Date(updated)
+		)
+	);
+</script>
+
+<svelte:head>
+	<PageMeta {meta} />
+</svelte:head>
+
+<SiteHeader transparent={false} />
+
+<main id="main-content" class="flex flex-col">
+	<Section class="pb-16">
+		<article class="legal mx-auto prose w-full max-w-[70ch] py-8 prose-invert">
+			<header class="not-prose mb-8 flex flex-col gap-2">
+				<h1 class="text-4xl font-bold tracking-tight text-foreground">{title}</h1>
+				<p class="text-sm text-foreground/70">
+					{dateLabel}: <time datetime={updated}>{formatted}</time>
+				</p>
+			</header>
+
+			<nav aria-labelledby="legal-contents" class="not-prose mb-10">
+				<h2 id="legal-contents" class="text-sm font-semibold text-foreground/80">Contents</h2>
+				<ol class="mt-2 gap-8 text-sm sm:columns-2 [&>li]:mb-1">
+					{#each sections as section (section.id)}
+						<li>
+							<a
+								href="#{section.id}"
+								class="text-foreground/75 underline-offset-4 hover:text-primary hover:underline"
+								>{section.title}</a
+							>
+						</li>
+					{/each}
+				</ol>
+			</nav>
+
+			{@render children()}
+		</article>
+	</Section>
+</main>
+
+<style>
+	/* Anchored headings land below the sticky 4rem header. */
+	.legal :global(h2[id]) {
+		scroll-margin-top: 5rem;
+	}
+	.legal :global(address) {
+		font-style: normal;
+	}
+</style>
diff --git a/src/lib/components/site-footer/index.ts b/src/lib/components/site-footer/index.ts
new file mode 100644
index 0000000..bb87e3b
--- /dev/null
+++ b/src/lib/components/site-footer/index.ts
@@ -0,0 +1 @@
+export { default as SiteFooter } from './site-footer.svelte';
diff --git a/src/lib/components/site-footer/site-footer.svelte b/src/lib/components/site-footer/site-footer.svelte
new file mode 100644
index 0000000..32ae757
--- /dev/null
+++ b/src/lib/components/site-footer/site-footer.svelte
@@ -0,0 +1,18 @@
+<script lang="ts">
+	import { PAGES } from '$lib/seo/site.js';
+</script>
+
+<!-- Right-aligned from sm up: the sky label is fixed at the bottom left there. -->
+<footer
+	class="relative z-1 flex flex-wrap items-center gap-x-6 gap-y-2 border-t border-foreground/8 bg-background/70 px-6 py-6 text-sm text-foreground/70 backdrop-blur-md sm:justify-end sm:px-8 lg:px-10"
+>
+	<p>Void Projects LLC</p>
+	<nav aria-label="Legal" class="flex gap-5">
+		<a class="underline-offset-4 hover:text-foreground hover:underline" href={PAGES.terms.path}
+			>Terms</a
+		>
+		<a class="underline-offset-4 hover:text-foreground hover:underline" href={PAGES.privacy.path}
+			>Privacy</a
+		>
+	</nav>
+</footer>
diff --git a/src/lib/offers/blocks/sign-up-button.svelte b/src/lib/offers/blocks/sign-up-button.svelte
index b1259c0..b597624 100644
--- a/src/lib/offers/blocks/sign-up-button.svelte
+++ b/src/lib/offers/blocks/sign-up-button.svelte
@@ -54,6 +54,7 @@
 		{#if busy}Opening checkout...{:else if children}{@render children()}{:else}Sign up{/if}
 	</button>
 	<p id="offer-signup-status" class:failed role="status">{message}</p>
+	<p class="terms">By continuing you agree to our <a href="/terms">Terms of Service</a>.</p>
 </div>
 
 <style>
@@ -88,6 +89,14 @@
 	p:empty {
 		display: none;
 	}
+	.terms {
+		font-size: 0.875rem;
+	}
+	.terms a {
+		color: inherit;
+		text-decoration: underline;
+		text-underline-offset: 3px;
+	}
 	.failed {
 		color: var(--offer-bad, #b42318);
 	}
diff --git a/src/lib/seo/site.ts b/src/lib/seo/site.ts
index 75dca51..ac81532 100644
--- a/src/lib/seo/site.ts
+++ b/src/lib/seo/site.ts
@@ -61,6 +61,18 @@ export const PAGES = {
 		path: '/blog',
 		title: 'From The Void',
 		description: 'Engineering write-ups from the Void Projects collective.'
+	},
+	terms: {
+		path: '/terms',
+		title: 'Terms of Service | Void Projects',
+		description:
+			'The plain-English agreement for a Void Projects website subscription: what you get, billing, cancelling and refunds, who owns what, and what happens when you leave.'
+	},
+	privacy: {
+		path: '/privacy',
+		title: 'Privacy Policy | Void Projects',
+		description:
+			'What personal information Void Projects collects through voidprojects.ai and our services, who we share it with, how long we keep it, and your choices.'
 	}
 } satisfies Record<string, PageMeta>;
 
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 395816c..b644a37 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import './layout.css';
 	import { SpaceBackground } from '$lib/components/space-background/index.js';
+	import { SiteFooter } from '$lib/components/site-footer/index.js';
 	import { afterNavigate } from '$app/navigation';
 	import { onMount } from 'svelte';
 
@@ -53,3 +54,5 @@
 <div class="flex flex-col">
 	{@render children()}
 </div>
+
+<SiteFooter />
diff --git a/src/routes/llms.txt/+server.ts b/src/routes/llms.txt/+server.ts
index f9195cf..d4bb13e 100644
--- a/src/routes/llms.txt/+server.ts
+++ b/src/routes/llms.txt/+server.ts
@@ -69,6 +69,8 @@ ${FLOW.loopLabel}
 - [Home](${absoluteUrl(PAGES.home.path)}): ${PAGES.home.description}
 - [Blog](${absoluteUrl(PAGES.blog.path)}): ${PAGES.blog.description}
 - [Our brand](${absoluteUrl(PAGES.brand.path)}): ${PAGES.brand.description}
+- [Terms of Service](${absoluteUrl(PAGES.terms.path)}): ${PAGES.terms.description}
+- [Privacy Policy](${absoluteUrl(PAGES.privacy.path)}): ${PAGES.privacy.description}
 
 ## Sites we have built
 
diff --git a/src/routes/privacy/+page.svelte b/src/routes/privacy/+page.svelte
new file mode 100644
index 0000000..1c14054
--- /dev/null
+++ b/src/routes/privacy/+page.svelte
@@ -0,0 +1,285 @@
+<script lang="ts">
+	import { LegalPage } from '$lib/components/legal-page/index.js';
+	import { CONTACT_EMAIL } from '$lib/content/websites.js';
+	import { PAGES } from '$lib/seo/site.js';
+
+	const SECTIONS = [
+		{ id: 'who-this-covers', title: '1. Who this covers' },
+		{ id: 'what-we-collect', title: '2. What we collect and why' },
+		{ id: 'who-we-share-it-with', title: '3. Who we share it with' },
+		{ id: 'how-long-we-keep-it', title: '4. How long we keep it' },
+		{ id: 'your-choices-and-rights', title: '5. Your choices and rights' },
+		{ id: 'customer-sites', title: "6. Data on our customers' sites" },
+		{ id: 'security', title: '7. Security' },
+		{ id: 'children', title: '8. Children' },
+		{ id: 'where-processed', title: '9. Where your information is processed' },
+		{ id: 'changes', title: '10. Changes to this policy' },
+		{ id: 'contact', title: '11. Contact' }
+	];
+	const heading = (id: string) => SECTIONS.find((s) => s.id === id)!.title;
+
+	const PROVIDERS = [
+		{
+			name: 'Microsoft Azure (Static Web Apps, Communication Services)',
+			role: 'Hosts our site and customer sites; sends form messages to us by email'
+		},
+		{ name: 'Microsoft 365', role: `Our email (${CONTACT_EMAIL})` },
+		{
+			name: 'Cloudflare',
+			role: "Runs our domain's DNS; registers customers' domains; hosts prospect preview sites"
+		},
+		{
+			name: 'Stripe (Checkout, Billing, Customer Portal, Tax)',
+			role: 'Takes payments, manages subscriptions, calculates sales tax'
+		},
+		{
+			name: 'Cloudflare Web Analytics',
+			role: 'Performance and aggregate visit counts, without cookies, if we turn it on'
+		},
+		{
+			name: 'GitHub',
+			role: 'Stores our site code, offer pages, and preview sites in private, access-restricted repositories'
+		},
+		{
+			name: 'BigDataCloud',
+			role: 'Looks up a city name, only if you use the sky location feature'
+		},
+		{
+			name: 'Google (YouTube)',
+			role: 'Plays embedded videos on the blog posts that include one'
+		}
+	];
+</script>
+
+{#snippet mail()}<a href="mailto:{CONTACT_EMAIL}">{CONTACT_EMAIL}</a>{/snippet}
+
+<LegalPage
+	meta={PAGES.privacy}
+	title="Privacy Policy"
+	dateLabel="Effective date"
+	updated="2026-11-05"
+	sections={SECTIONS}
+>
+	<p>
+		This policy explains what personal information Void Projects LLC, doing business as Void
+		Projects ("we", "us"), collects through voidprojects.ai and our services, what we do with it,
+		and the choices you have. We are a small studio in Nashville, Tennessee. We collect as little as
+		we can, we don't sell it, and we don't use advertising trackers. Questions go to {@render mail()}.
+	</p>
+
+	<h2 id="who-this-covers">{heading('who-this-covers')}</h2>
+	<ul>
+		<li><strong>Visitors</strong> to voidprojects.ai.</li>
+		<li>
+			<strong>Prospects</strong>: businesses and causes we have prepared a private offer page for.
+		</li>
+		<li>
+			<strong>Customers</strong>: people and organizations who subscribe to a website from us,
+			including free sites for causes.
+		</li>
+		<li>
+			<strong>Visitors to our customers' sites.</strong> For data those sites collect (such as
+			contact-form messages), we act on our customer's behalf. See
+			<a href="#customer-sites">section 6</a>.
+		</li>
+	</ul>
+
+	<h2 id="what-we-collect">{heading('what-we-collect')}</h2>
+	<p>
+		<strong>When you use our contact form:</strong> your name, email address, the kind of request, and
+		your message. We use it to reply to you. The form sends it to us by email.
+	</p>
+	<p>
+		<strong>When you visit voidprojects.ai or a site we host:</strong> our hosting provider receives the
+		technical details every website receives, such as your IP address, browser type, and the page requested,
+		to deliver the page and keep it secure.
+	</p>
+	<p>
+		<strong>Monitoring and usage statistics:</strong> to keep our site and our customers' sites running,
+		we use our own uptime checks to check that sites are up and loading quickly. We may also use Cloudflare
+		Web Analytics to count visits in aggregate (for example, which pages are popular and which links bring
+		people in). It does not use cookies, and we would use it only to look after the sites, not to build
+		profiles of individual visitors. We don't use advertising trackers or tracking pixels, and we don't
+		sell this data.
+	</p>
+	<p>
+		<strong>Sky location (optional):</strong> the animated sky on our pages can be redrawn for where you
+		are. Nothing happens unless you click the sky label and allow your browser to share a low-accuracy
+		location. Your coordinates are then sent to BigDataCloud, a reverse-geocoding service, to look up
+		your city name. We don't store your location or send it to our servers.
+	</p>
+	<p>
+		<strong>Embedded videos:</strong> some blog posts include YouTube videos, embedded in YouTube's privacy-enhanced
+		mode (youtube-nocookie.com). When you open one of those posts, the video player loads from YouTube
+		straight away, before you press play, and Google may then collect information (such as your IP address
+		and browser details) under its own privacy policy.
+	</p>
+	<p>
+		<strong>If we prepare an offer for you (prospects):</strong> your business's public information
+		(such as its name, address, phone number, hours, and existing website), our review of your
+		current website, and a preview site we built. These sit on a private, unlisted page that we
+		share only with you. We use them to show you what we could build. If you don't sign up, we
+		remove them 90 days after we send you the offer, or sooner if you ask (see
+		<a href="#how-long-we-keep-it">section 4</a> for what "remove" means).
+	</p>
+	<p>
+		<strong>When you sign up and pay:</strong> through Stripe Checkout we collect your name, email, phone
+		number, billing address, business name, and the best time to reach you. Stripe handles your card details;
+		we never see or store your full card number. Stripe Tax uses your billing address to work out sales
+		tax. You manage billing in the Stripe Customer Portal. After signing up you can send us questions
+		through a short form, which reaches us by email.
+	</p>
+	<p>
+		<strong>When you are a customer:</strong> the content you give us for your site (text, photos, logos),
+		and our emails and messages with you. We use it to build, host, and look after your site, to register
+		your domain in your name, to bill you, and to contact you about your service.
+	</p>
+	<p>
+		We don't collect sensitive information such as health data, and we don't make automated
+		decisions about you.
+	</p>
+
+	<h2 id="who-we-share-it-with">{heading('who-we-share-it-with')}</h2>
+	<p>
+		We share personal information only with the service providers that help us run the business, and
+		only what they need:
+	</p>
+	<table>
+		<thead>
+			<tr><th scope="col">Provider</th><th scope="col">What it does for us</th></tr>
+		</thead>
+		<tbody>
+			{#each PROVIDERS as provider (provider.name)}
+				<tr><td>{provider.name}</td><td>{provider.role}</td></tr>
+			{/each}
+		</tbody>
+	</table>
+	<p>
+		Stripe, Google, Microsoft, and Cloudflare also use some information for their own purposes (such
+		as fraud prevention and security) under their own privacy policies. When we register a domain
+		for you, the registration details the domain system requires (such as your name and contact
+		details) go to Cloudflare as registrar and to the registry for that domain.
+	</p>
+	<p>
+		We may also share information if the law requires it, to protect our rights or someone's safety,
+		or as part of selling or merging the business (we would tell customers first).
+	</p>
+	<p>
+		<strong
+			>We do not sell your personal information, and we do not share it for advertising.</strong
+		> No third parties track you across other sites through ours.
+	</p>
+
+	<h2 id="how-long-we-keep-it">{heading('how-long-we-keep-it')}</h2>
+	<ul>
+		<li>
+			<strong>Contact-form messages that don't lead to work:</strong> deleted after 12 months.
+		</li>
+		<li>
+			<strong>Prospect offer pages, reviews, and previews:</strong> removed 90 days after we send the
+			offer, or sooner if you ask.
+		</li>
+		<li>
+			<strong>Customer account details and content:</strong> for as long as you subscribe. When your service
+			ends, we keep your site files and content for up to one year so you can ask for them, then delete
+			them.
+		</li>
+		<li>
+			<strong>Your visitors' personal data (such as form messages):</strong> when your service ends, we
+			email it to you as an export at your billing email address and delete it 30 days later.
+		</li>
+		<li>
+			<strong>Billing and tax records:</strong> 7 years. Stripe also keeps its own records under its policy.
+		</li>
+		<li>
+			<strong>Hosting and monitoring logs:</strong> a short period, set by those providers.
+		</li>
+	</ul>
+	<p>
+		<strong>What "remove" and "delete" mean here.</strong> We keep our sites, offer pages, and preview
+		sites in version-controlled code repositories, which keep a history of past versions. Removing something
+		takes it off the live site and out of our working files. Copies can remain in that version history,
+		which only we can access, and we don't use them. We don't run separate backups. Our providers (Azure,
+		Microsoft 365, Stripe, and Cloudflare) may keep their own copies for a time under their own policies.
+	</p>
+
+	<h2 id="your-choices-and-rights">{heading('your-choices-and-rights')}</h2>
+	<p>Wherever you live, you can ask us to:</p>
+	<ul>
+		<li>tell you what personal information we hold about you and give you a copy;</li>
+		<li>correct it;</li>
+		<li>delete it (unless we need to keep it, for example tax records or to settle a dispute);</li>
+		<li>stop contacting you.</li>
+	</ul>
+	<p>
+		Email {@render mail()}. We may ask you to confirm who you are. We reply within 30 days. We won't
+		treat you differently for asking.
+	</p>
+	<p>
+		You can also say no to the sky location prompt, skip the blog posts that embed videos, and block
+		cookies in your browser without losing anything on our site.
+	</p>
+	<p>
+		<strong>Do Not Track and Global Privacy Control:</strong> because we don't track you across sites
+		or sell your data, these browser signals don't change anything here. We already behave as if they
+		are on.
+	</p>
+
+	<h2 id="customer-sites">{heading('customer-sites')}</h2>
+	<p>
+		When a customer's site collects information from its visitors, such as contact-form messages,
+		our customer decides what is collected and why, and we handle it on their behalf. We use it only
+		to run that site and deliver it to our customer, keep it secure, and don't use it for anything
+		of our own. If you visited one of our customers' sites, contact that business about your
+		information. If you contact us instead, we will pass your request on.
+	</p>
+	<p>
+		Like any host, we also see technical details (such as IP addresses) when people visit customer
+		sites, and we monitor those sites as described in <a href="#what-we-collect">section 2</a>. We
+		use this only to deliver, protect, and look after the sites.
+	</p>
+	<p>Customers who need a data processing agreement can ask us for one.</p>
+	<p>
+		While a customer's service is active, messages their visitors send through the site are emailed
+		straight to the customer and not stored on our systems, unless the customer asks us to set it up
+		differently.
+	</p>
+	<p>
+		The agreement between us and our customers is our <a href={PAGES.terms.path}>Terms of Service</a
+		>.
+	</p>
+
+	<h2 id="security">{heading('security')}</h2>
+	<p>
+		We use reputable providers, encrypted connections (HTTPS), private repositories, and limited
+		access to the accounts that hold your information. No system is perfectly secure. If a breach
+		affects your personal information, we will tell you as the law requires.
+	</p>
+
+	<h2 id="children">{heading('children')}</h2>
+	<p>
+		Our site and services are not directed at children under 13, and we don't knowingly collect
+		their information. If you believe a child has sent us information, contact us and we will delete
+		it.
+	</p>
+
+	<h2 id="where-processed">{heading('where-processed')}</h2>
+	<p>
+		We are based in the United States and our providers store data mainly in the United States. If
+		you contact us from elsewhere, your information will be handled in the United States.
+	</p>
+
+	<h2 id="changes">{heading('changes')}</h2>
+	<p>
+		We will post any update here with a new effective date. If a change matters, we will email
+		customers at least 30 days before it takes effect.
+	</p>
+
+	<h2 id="contact">{heading('contact')}</h2>
+	<address>
+		Void Projects LLC<br />
+		501 Union St Ste 545 PMB 834400<br />
+		Nashville, Tennessee 37219-1876, US<br />
+		{@render mail()}
+	</address>
+</LegalPage>
diff --git a/src/routes/terms/+page.svelte b/src/routes/terms/+page.svelte
new file mode 100644
index 0000000..c382ab3
--- /dev/null
+++ b/src/routes/terms/+page.svelte
@@ -0,0 +1,286 @@
+<script lang="ts">
+	import { LegalPage } from '$lib/components/legal-page/index.js';
+	import { CONTACT_EMAIL } from '$lib/content/websites.js';
+	import { PAGES } from '$lib/seo/site.js';
+
+	const SECTIONS = [
+		{ id: 'what-you-get', title: '1. What you get' },
+		{ id: 'adding-features', title: '2. Adding features' },
+		{ id: 'previews', title: '3. Previews' },
+		{ id: 'billing', title: '4. Billing' },
+		{ id: 'cancelling-and-refunds', title: '5. Cancelling and refunds' },
+		{ id: 'late-or-failed-payments', title: '6. Late or failed payments' },
+		{ id: 'who-owns-what', title: '7. Who owns what' },
+		{ id: 'after-you-leave', title: '8. After you leave' },
+		{ id: 'your-responsibilities', title: '9. Your responsibilities' },
+		{ id: 'acceptable-use', title: '10. Acceptable use' },
+		{ id: 'availability-and-warranties', title: '11. Availability and warranties' },
+		{ id: 'limits-on-liability', title: '12. Limits on liability' },
+		{ id: 'changes', title: '13. Changes to prices and these terms' },
+		{ id: 'free-sites-for-causes', title: '14. Free sites for causes' },
+		{ id: 'privacy', title: '15. Privacy' },
+		{ id: 'legal-bits', title: '16. Legal bits' },
+		{ id: 'contact', title: '17. Contact' }
+	];
+	const heading = (id: string) => SECTIONS.find((s) => s.id === id)!.title;
+</script>
+
+{#snippet mail()}<a href="mailto:{CONTACT_EMAIL}">{CONTACT_EMAIL}</a>{/snippet}
+
+<LegalPage meta={PAGES.terms} title="Terms of Service" updated="2026-11-05" sections={SECTIONS}>
+	<p>
+		These terms are the agreement between you (the business, cause, or person signing up) and Void
+		Projects LLC, doing business as Void Projects ("we", "us"). By subscribing, you agree to them.
+		We have tried to keep them short and in plain English. If something is unclear, ask us at {@render mail()}.
+	</p>
+
+	<h2 id="what-you-get">{heading('what-you-get')}</h2>
+	<p>
+		We design, build, host, and look after a website for you, for a monthly (or annual) fee. There
+		is no build fee and no minimum term.
+	</p>
+	<p>Your plan includes:</p>
+	<ul>
+		<li>The site we agreed on, built by our engineers.</li>
+		<li>Hosting, security updates, and routine upkeep for as long as you subscribe.</li>
+		<li>
+			Small changes (text, photos, hours, prices, and similar) at no extra charge, within reason.
+		</li>
+	</ul>
+	<p>
+		What is included in your plan, and its price, is shown on your sign-up page or quote. If that
+		page and these terms disagree, the sign-up page or quote wins for that point.
+	</p>
+
+	<h2 id="adding-features">{heading('adding-features')}</h2>
+	<p>
+		Bigger additions, such as new features (for example, letting your visitors send you messages),
+		usually need more ongoing hosting and services to run. Instead of charging you for our time to
+		build them, we add an amount to your plan to cover running them, and tell you the new plan price
+		before we start.
+	</p>
+	<ul>
+		<li><strong>Monthly plans:</strong> the new price applies from your next bill.</li>
+		<li>
+			<strong>Annual plans:</strong> you can pay the prorated difference for the rest of your current
+			year, or pay the added amount monthly until your annual renewal.
+		</li>
+		<li>
+			<strong>One-off option:</strong> if you would rather pay for a piece of work once instead of changing
+			your plan, ask and we will quote that.
+		</li>
+	</ul>
+
+	<h2 id="previews">{heading('previews')}</h2>
+	<p>
+		Before you sign up we may build a preview of your site and show it to you. The preview is our
+		work. Showing it to you does not give you any rights to it until you subscribe. If you don't
+		subscribe, we may take it down or reuse the design for others (without your content).
+	</p>
+
+	<h2 id="billing">{heading('billing')}</h2>
+	<ul>
+		<li>
+			You pay in advance, monthly or annually, through Stripe. Your subscription renews
+			automatically until you cancel.
+		</li>
+		<li>
+			Annual plans are offered at a discount and renew for another year unless you cancel before the
+			renewal date. We email you a reminder about 14 days before an annual renewal.
+		</li>
+		<li>Sales tax is added where required and calculated by Stripe Tax.</li>
+		<li>
+			You can update your card, see invoices, and cancel any time in the billing portal we link you
+			to.
+		</li>
+		<li>Prices are set per customer. Your price is the one on your sign-up page or invoice.</li>
+	</ul>
+
+	<h2 id="cancelling-and-refunds">{heading('cancelling-and-refunds')}</h2>
+	<ul>
+		<li>
+			You can cancel any time from the billing portal or by emailing us. There is no cancellation
+			fee.
+		</li>
+		<li>
+			<strong>Monthly plans:</strong> cancelling stops your next charge. Payments already made are not
+			refunded, and your site stays up until the end of the month you have paid for.
+		</li>
+		<li>
+			<strong>Annual plans:</strong> if you cancel within 15 days of your first annual payment, we refund
+			it in full, minus the domain's registration fee. This applies even if the domain was included in
+			your plan price: we still deduct the registrar's price for it, and you keep the domain. After that,
+			annual payments are not refunded, but your site stays up for the rest of the year you have paid
+			for.
+		</li>
+		<li>
+			If we end your service for our own reasons (not because you broke these terms), we refund the
+			time you have paid for but not used.
+		</li>
+	</ul>
+
+	<h2 id="late-or-failed-payments">{heading('late-or-failed-payments')}</h2>
+	<p>
+		If a payment fails, Stripe will retry it and we will let you know. If it still hasn't been paid
+		14 days after the due date, we may take the site offline until it is. If it is still unpaid
+		after 30 days, we may cancel your subscription, and the "after you leave" section below applies.
+		We don't charge late fees.
+	</p>
+
+	<h2 id="who-owns-what">{heading('who-owns-what')}</h2>
+	<p>
+		<strong>Your content is yours.</strong> Text, photos, logos, and anything else you give us stay yours.
+		You give us permission to use, copy, and adapt them only to build, host, and run your site.
+	</p>
+	<p>
+		<strong>Your domain is yours.</strong> If you don't already have a domain, we register one in your
+		name. You can transfer it away from us at any time. We charge you for it at the registrar's price,
+		unless your plan says the domain is included in your plan price. When your service ends, the domain
+		moves to your own account with a domain registrar, and you pay its renewals from then on, even if
+		it was included in your plan before. We email you the domain's renewal date and how to move it to
+		your own account, and send a second reminder 30 days before it would lapse. If you don't take it over
+		or don't renew it, we let it lapse.
+	</p>
+	<p>
+		<strong>The site's design and code are ours, licensed to you.</strong> While you subscribe, you may
+		use the site we built for you as your own. We keep ownership of the design and code, and of the tools,
+		templates, and services we use across customers. Shared building blocks that are part of your site's
+		front end (what runs in your visitors' browsers) come with your site files under the licence below.
+		Anything we keep for ourselves runs on servers we operate and counts as one of our services.
+	</p>
+	<p>
+		<strong>You can take your site with you.</strong> When your service ends, for any reason (you cancelled,
+		it went unpaid, or we removed it under "Acceptable use"), you can ask for your website's files at
+		any time within one year, and we give them to you free of charge, as they are. That means your site's
+		own code and design, including the parts of it that connect to our other services. It does not include
+		our services themselves, meaning anything that runs on servers we operate, such as a back-end, customer
+		management system, or other system your site connects to. Those stop working for your site when you
+		leave. We may hold back any material that is unlawful.
+	</p>
+	<p>
+		You get a permanent licence to use, change, and host those files anywhere, and to have anyone
+		else work on them for you.
+	</p>
+	<p>
+		Some sites use fonts, images, or other assets that we licensed from someone else. If that
+		licence doesn't allow us to pass them on, we remove them before handing over your files. If it
+		does, we include them with a note that you may need your own licence to keep using them, and
+		getting that licence is your responsibility.
+	</p>
+	<p>
+		<strong>Showing our work.</strong> We only show your site in our portfolio if you say yes. You can
+		withdraw that at any time and we will take it down.
+	</p>
+
+	<h2 id="after-you-leave">{heading('after-you-leave')}</h2>
+	<p>
+		When your service ends, whatever the reason (you cancelled, it went unpaid, or we removed it for
+		breaking these terms):
+	</p>
+	<ul>
+		<li>
+			<strong>Your visitors' personal data</strong>, such as contact-form messages, is emailed to
+			you as an export at your billing email address. We delete it from our systems 30 days later.
+		</li>
+		<li>
+			<strong>Your site files and your own content</strong> are kept for up to one year, so you can come
+			back and ask for them. After that we delete them. Deleting site files means removing them from the
+			live site and our working files; copies of your site's code may remain in our access-restricted
+			version history. Your visitors' personal data is never kept there, so its 30-day deletion is complete.
+		</li>
+		<li>
+			<strong>Your domain:</strong> we email you how to move it to your own registrar account (see
+			<a href="#who-owns-what">"Who owns what"</a>).
+		</li>
+	</ul>
+
+	<h2 id="your-responsibilities">{heading('your-responsibilities')}</h2>
+	<ul>
+		<li>
+			Only give us content you have the right to use. If someone claims your content infringes their
+			rights, we may take it down while it is sorted out.
+		</li>
+		<li>
+			You are responsible for what your site says and for following the laws that apply to your
+			business, including any privacy notice for information your site collects from your visitors.
+		</li>
+		<li>Keep your contact and billing details current so we can reach you.</li>
+	</ul>
+
+	<h2 id="acceptable-use">{heading('acceptable-use')}</h2>
+	<p>
+		We won't host sites that are illegal, that infringe others' rights, that deceive people
+		(phishing, scams, impersonation), that spread malware or spam, that harass or threaten anyone,
+		or that put our systems or other customers at risk. If a site breaks these rules we may take it
+		offline, and for serious or repeated problems, end the service. Where we reasonably can, we will
+		tell you first and give you a chance to fix it.
+	</p>
+
+	<h2 id="availability-and-warranties">{heading('availability-and-warranties')}</h2>
+	<p>
+		We work hard to keep your site fast, secure, and online, but we can't promise it will never go
+		down. We rely on hosting, domain, and payment providers that can have outages. Apart from what
+		these terms say, the service is provided "as is", without other warranties, to the extent the
+		law allows. Site files we hand over when you leave are also provided as is.
+	</p>
+
+	<h2 id="limits-on-liability">{heading('limits-on-liability')}</h2>
+	<p>
+		To the extent the law allows: we are not liable for indirect losses such as lost profits, lost
+		revenue, or lost data. Our total liability for any claim relating to the service is limited to
+		the greater of the amount you paid us in the 12 months before the claim, or $100. Nothing here
+		limits liability that the law does not allow us to limit.
+	</p>
+
+	<h2 id="changes">{heading('changes')}</h2>
+	<ul>
+		<li>
+			We may change your price with at least 30 days' notice by email. If you don't want the new
+			price, you can cancel before it takes effect. We won't change your price in the middle of an
+			annual period you have already paid for, except when you ask us to add something (see <a
+				href="#adding-features">"Adding features"</a
+			>).
+		</li>
+		<li>
+			We may update these terms. For changes that matter, we will email you at least 30 days before
+			they take effect. Continuing to use the service after that means you accept them.
+		</li>
+	</ul>
+
+	<h2 id="free-sites-for-causes">{heading('free-sites-for-causes')}</h2>
+	<p>
+		We sometimes build and host sites for free for causes such as memorials, fundraisers, and
+		community groups. A free site gets everything a paying customer gets, including small changes,
+		your domain in your name, a year of keeping your files after the service ends, and your site
+		files on request. These terms apply to free sites too; only the billing, refund, and late
+		payment sections don't. We may end a free site with 30 days notice, and we will help you move.
+	</p>
+
+	<h2 id="privacy">{heading('privacy')}</h2>
+	<p>
+		How we handle your personal information, and your billing data through Stripe, is described in
+		our Privacy Policy at <a href={PAGES.privacy.path}>https://voidprojects.ai/privacy</a>. That
+		includes how long we keep your site files and content after you leave.
+	</p>
+
+	<h2 id="legal-bits">{heading('legal-bits')}</h2>
+	<ul>
+		<li>
+			These terms are governed by the laws of Tennessee, USA. Disputes go to the state or federal
+			courts in Davidson County, Tennessee, though either of us may use small claims court.
+		</li>
+		<li>If any part of these terms can't be enforced, the rest still applies.</li>
+		<li>
+			These terms, plus your sign-up page or quote, are the whole agreement between us about the
+			service.
+		</li>
+	</ul>
+
+	<h2 id="contact">{heading('contact')}</h2>
+	<address>
+		Void Projects LLC<br />
+		501 Union St Ste 545 PMB 834400<br />
+		Nashville, Tennessee 37219-1876, US<br />
+		{@render mail()}
+	</address>
+</LegalPage>