Styling adjustments

This commit is contained in:
Luke Hagar
2025-06-03 00:38:24 -05:00
parent 6b7186a9b2
commit e83cdcaf76
3 changed files with 39 additions and 39 deletions

View File

@@ -79,7 +79,7 @@
<!-- Pricing Cards --> <!-- Pricing Cards -->
<section class="grid grid-cols-1 lg:grid-cols-3 gap-8 max-w-7xl mx-auto"> <section class="grid grid-cols-1 lg:grid-cols-3 gap-8 max-w-7xl mx-auto">
{#each plans as plan} {#each plans as plan}
<div class="card {plan.popular ? 'preset-outlined-primary-500 relative' : 'preset-outlined-secondary-500'} p-6 md:p-8 space-y-6 {plan.popular ? 'scale-105 shadow-2xl' : 'hover:scale-105'} transition-all duration-300 flex flex-col"> <div class="card {plan.popular ? 'preset-outlined-primary-500 relative' : 'preset-outlined-secondary-500'} p-6 md:p-8 space-y-6 {plan.popular ? 'scale-105 shadow-2xl' : 'hover:scale-105 hover:shadow-2xl'} transition-all duration-300 flex flex-col">
{#if plan.popular} {#if plan.popular}
<div class="absolute -top-4 left-1/2 transform -translate-x-1/2"> <div class="absolute -top-4 left-1/2 transform -translate-x-1/2">

View File

@@ -34,7 +34,7 @@
</div> </div>
<!-- Quick Navigation --> <!-- Quick Navigation -->
<nav class="card preset-outlined-surface-200-800 p-6 mb-12"> <nav class="card preset-outlined-surface-500 p-6 mb-12">
<h2 class="h4 mb-4 flex items-center gap-2"> <h2 class="h4 mb-4 flex items-center gap-2">
<FileText class="size-5 text-primary-500" /> <FileText class="size-5 text-primary-500" />
Quick Navigation Quick Navigation
@@ -53,22 +53,22 @@
<section class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-16"> <section class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-16">
<div class="card preset-filled-success-500 p-6 text-center"> <div class="card preset-filled-success-500 p-6 text-center">
<Lock class="size-8 mx-auto mb-3" /> <Lock class="size-8 mx-auto mb-3" />
<h3 class="h5 mb-2">Secure by Design</h3> <h3 class="h5 mb-2 text-success-contrast-500 font-extrabold">Secure by Design</h3>
<p class="text-sm opacity-90"> <p class="text-sm text-success-contrast-500 opacity-90">
Your data is encrypted and protected with industry-standard security measures. Your data is encrypted and protected with industry-standard security measures.
</p> </p>
</div> </div>
<div class="card preset-filled-primary-500 p-6 text-center"> <div class="card preset-filled-primary-500 p-6 text-center">
<Eye class="size-8 mx-auto mb-3" /> <Eye class="size-8 mx-auto mb-3" />
<h3 class="h5 mb-2">Transparent</h3> <h3 class="h5 mb-2 text-primary-contrast-500 font-extrabold">Transparent</h3>
<p class="text-sm opacity-90"> <p class="text-sm text-primary-contrast-500 opacity-90">
We're clear about what data we collect and how we use it. We're clear about what data we collect and how we use it.
</p> </p>
</div> </div>
<div class="card preset-filled-secondary-500 p-6 text-center"> <div class="card preset-filled-secondary-500 p-6 text-center">
<Users class="size-8 mx-auto mb-3" /> <Users class="size-8 mx-auto mb-3" />
<h3 class="h5 mb-2">Your Control</h3> <h3 class="h5 mb-2 text-secondary-contrast-500 font-extrabold">Your Control</h3>
<p class="text-sm opacity-90"> <p class="text-sm text-secondary-contrast-500 opacity-90">
You have full control over your data and can request deletion at any time. You have full control over your data and can request deletion at any time.
</p> </p>
</div> </div>
@@ -84,7 +84,7 @@
</h2> </h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6"> <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="card preset-outlined-surface-200-800 p-6 space-y-4"> <div class="card preset-outlined-surface-500 p-6 space-y-4">
<h3 class="h4">Account Information</h3> <h3 class="h4">Account Information</h3>
<ul class="space-y-2 text-sm opacity-75"> <ul class="space-y-2 text-sm opacity-75">
<li>• Email address</li> <li>• Email address</li>
@@ -94,7 +94,7 @@
</ul> </ul>
</div> </div>
<div class="card preset-outlined-surface-200-800 p-6 space-y-4"> <div class="card preset-outlined-surface-500 p-6 space-y-4">
<h3 class="h4">Usage Information</h3> <h3 class="h4">Usage Information</h3>
<ul class="space-y-2 text-sm opacity-75"> <ul class="space-y-2 text-sm opacity-75">
<li>• Application usage patterns</li> <li>• Application usage patterns</li>
@@ -114,7 +114,7 @@
</h2> </h2>
<div class="space-y-4"> <div class="space-y-4">
<div class="card preset-outlined-surface-200-800 p-6"> <div class="card preset-outlined-surface-500 p-6">
<h3 class="h4 mb-3">Service Provision</h3> <h3 class="h4 mb-3">Service Provision</h3>
<p class="opacity-75"> <p class="opacity-75">
We use your information to provide, maintain, and improve our services, We use your information to provide, maintain, and improve our services,
@@ -122,7 +122,7 @@
</p> </p>
</div> </div>
<div class="card preset-outlined-surface-200-800 p-6"> <div class="card preset-outlined-surface-500 p-6">
<h3 class="h4 mb-3">Communication</h3> <h3 class="h4 mb-3">Communication</h3>
<p class="opacity-75"> <p class="opacity-75">
We may use your contact information to send important service updates, We may use your contact information to send important service updates,
@@ -130,7 +130,7 @@
</p> </p>
</div> </div>
<div class="card preset-outlined-surface-200-800 p-6"> <div class="card preset-outlined-surface-500 p-6">
<h3 class="h4 mb-3">Analytics and Improvement</h3> <h3 class="h4 mb-3">Analytics and Improvement</h3>
<p class="opacity-75"> <p class="opacity-75">
We analyze usage patterns to understand how our service is used and We analyze usage patterns to understand how our service is used and
@@ -147,7 +147,7 @@
Information Sharing Information Sharing
</h2> </h2>
<div class="card preset-outlined-surface-200-800 p-6"> <div class="card preset-outlined-surface-500 p-6">
<p class="opacity-75 mb-4"> <p class="opacity-75 mb-4">
We do not sell, trade, or otherwise transfer your personal information to third parties, We do not sell, trade, or otherwise transfer your personal information to third parties,
except in the following circumstances: except in the following circumstances:
@@ -169,7 +169,7 @@
</h2> </h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6"> <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="card preset-outlined-surface-200-800 p-6 space-y-4"> <div class="card preset-outlined-surface-500 p-6 space-y-4">
<h3 class="h4">Technical Safeguards</h3> <h3 class="h4">Technical Safeguards</h3>
<ul class="space-y-2 text-sm opacity-75"> <ul class="space-y-2 text-sm opacity-75">
<li>• End-to-end encryption</li> <li>• End-to-end encryption</li>
@@ -179,7 +179,7 @@
</ul> </ul>
</div> </div>
<div class="card preset-outlined-surface-200-800 p-6 space-y-4"> <div class="card preset-outlined-surface-500 p-6 space-y-4">
<h3 class="h4">Operational Security</h3> <h3 class="h4">Operational Security</h3>
<ul class="space-y-2 text-sm opacity-75"> <ul class="space-y-2 text-sm opacity-75">
<li>• Employee training and background checks</li> <li>• Employee training and background checks</li>
@@ -199,7 +199,7 @@
</h2> </h2>
<div class="space-y-4"> <div class="space-y-4">
<div class="card preset-outlined-surface-200-800 p-6"> <div class="card preset-outlined-surface-500 p-6">
<h3 class="h4 mb-3">Access and Portability</h3> <h3 class="h4 mb-3">Access and Portability</h3>
<p class="opacity-75"> <p class="opacity-75">
You have the right to access your personal data and request a copy of your information You have the right to access your personal data and request a copy of your information
@@ -207,7 +207,7 @@
</p> </p>
</div> </div>
<div class="card preset-outlined-surface-200-800 p-6"> <div class="card preset-outlined-surface-500 p-6">
<h3 class="h4 mb-3">Correction and Updates</h3> <h3 class="h4 mb-3">Correction and Updates</h3>
<p class="opacity-75"> <p class="opacity-75">
You can update your account information at any time through your account settings You can update your account information at any time through your account settings
@@ -215,7 +215,7 @@
</p> </p>
</div> </div>
<div class="card preset-outlined-surface-200-800 p-6"> <div class="card preset-outlined-surface-500 p-6">
<h3 class="h4 mb-3">Deletion</h3> <h3 class="h4 mb-3">Deletion</h3>
<p class="opacity-75"> <p class="opacity-75">
You have the right to request deletion of your personal data. We will honor such requests You have the right to request deletion of your personal data. We will honor such requests
@@ -242,7 +242,7 @@
<Mail class="size-4" /> <Mail class="size-4" />
Contact Support Contact Support
</a> </a>
<a href="mailto:privacy@sveltey.dev" class="btn preset-outlined-surface-200-800"> <a href="mailto:privacy@sveltey.dev" class="btn preset-outlined-surface-500">
privacy@sveltey.dev privacy@sveltey.dev
</a> </a>
</div> </div>

View File

@@ -49,7 +49,7 @@
</div> </div>
<!-- Quick Navigation --> <!-- Quick Navigation -->
<nav class="card preset-outlined-surface-200-800 p-6 mb-12"> <nav class="card preset-outlined-surface-500 p-6 mb-12">
<h2 class="h4 mb-4 flex items-center gap-2"> <h2 class="h4 mb-4 flex items-center gap-2">
<FileText class="size-5 text-primary-500" /> <FileText class="size-5 text-primary-500" />
Quick Navigation Quick Navigation
@@ -73,7 +73,7 @@
Acceptance of Terms Acceptance of Terms
</h2> </h2>
<div class="card preset-outlined-surface-200-800 p-6"> <div class="card preset-outlined-surface-500 p-6">
<p class="opacity-75 mb-4"> <p class="opacity-75 mb-4">
By accessing and using the Sveltey SaaS template service ("Service"), you accept and agree to be bound by the terms and provision of this agreement. By accessing and using the Sveltey SaaS template service ("Service"), you accept and agree to be bound by the terms and provision of this agreement.
</p> </p>
@@ -91,7 +91,7 @@
</h2> </h2>
<div class="space-y-4"> <div class="space-y-4">
<div class="card preset-outlined-surface-200-800 p-6"> <div class="card preset-outlined-surface-500 p-6">
<h3 class="h4 mb-3">What We Provide</h3> <h3 class="h4 mb-3">What We Provide</h3>
<p class="opacity-75"> <p class="opacity-75">
Sveltey is a comprehensive SaaS template built with SvelteKit, Supabase, and Skeleton UI. Sveltey is a comprehensive SaaS template built with SvelteKit, Supabase, and Skeleton UI.
@@ -99,7 +99,7 @@
</p> </p>
</div> </div>
<div class="card preset-outlined-surface-200-800 p-6"> <div class="card preset-outlined-surface-500 p-6">
<h3 class="h4 mb-3">Service Availability</h3> <h3 class="h4 mb-3">Service Availability</h3>
<p class="opacity-75"> <p class="opacity-75">
We strive to maintain high availability of our service, but we do not guarantee uninterrupted access. We strive to maintain high availability of our service, but we do not guarantee uninterrupted access.
@@ -117,7 +117,7 @@
</h2> </h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6"> <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="card preset-outlined-surface-200-800 p-6 space-y-4"> <div class="card preset-outlined-surface-500 p-6 space-y-4">
<h3 class="h4">Account Creation</h3> <h3 class="h4">Account Creation</h3>
<ul class="space-y-2 text-sm opacity-75"> <ul class="space-y-2 text-sm opacity-75">
<li>• You must provide accurate information</li> <li>• You must provide accurate information</li>
@@ -127,7 +127,7 @@
</ul> </ul>
</div> </div>
<div class="card preset-outlined-surface-200-800 p-6 space-y-4"> <div class="card preset-outlined-surface-500 p-6 space-y-4">
<h3 class="h4">Account Responsibilities</h3> <h3 class="h4">Account Responsibilities</h3>
<ul class="space-y-2 text-sm opacity-75"> <ul class="space-y-2 text-sm opacity-75">
<li>• Keep login credentials secure</li> <li>• Keep login credentials secure</li>
@@ -148,8 +148,8 @@
<div class="space-y-4"> <div class="space-y-4">
<div class="card preset-filled-success-500 p-6"> <div class="card preset-filled-success-500 p-6">
<h3 class="h4 mb-3">Permitted Uses</h3> <h3 class="h4 mb-3 text-success-contrast-500 font-bold">Permitted Uses</h3>
<ul class="space-y-2 text-sm opacity-90"> <ul class="space-y-2 text-sm">
<li>• Building legitimate SaaS applications</li> <li>• Building legitimate SaaS applications</li>
<li>• Learning and educational purposes</li> <li>• Learning and educational purposes</li>
<li>• Commercial use within license terms</li> <li>• Commercial use within license terms</li>
@@ -158,8 +158,8 @@
</div> </div>
<div class="card preset-filled-error-500 p-6"> <div class="card preset-filled-error-500 p-6">
<h3 class="h4 mb-3">Prohibited Uses</h3> <h3 class="h4 mb-3 text-error-contrast-500 font-bold">Prohibited Uses</h3>
<ul class="space-y-2 text-sm opacity-90"> <ul class="space-y-2 text-sm">
<li>• Illegal or fraudulent activities</li> <li>• Illegal or fraudulent activities</li>
<li>• Harassment or abuse of others</li> <li>• Harassment or abuse of others</li>
<li>• Spam or unsolicited communications</li> <li>• Spam or unsolicited communications</li>
@@ -178,7 +178,7 @@
</h2> </h2>
<div class="space-y-4"> <div class="space-y-4">
<div class="card preset-outlined-surface-200-800 p-6"> <div class="card preset-outlined-surface-500 p-6">
<h3 class="h4 mb-3">Billing</h3> <h3 class="h4 mb-3">Billing</h3>
<p class="opacity-75 mb-4"> <p class="opacity-75 mb-4">
Subscription fees are billed in advance on a monthly or annual basis. Subscription fees are billed in advance on a monthly or annual basis.
@@ -192,7 +192,7 @@
</ul> </ul>
</div> </div>
<div class="card preset-outlined-surface-200-800 p-6"> <div class="card preset-outlined-surface-500 p-6">
<h3 class="h4 mb-3">Refunds</h3> <h3 class="h4 mb-3">Refunds</h3>
<p class="opacity-75"> <p class="opacity-75">
We offer a 30-day money-back guarantee for new subscriptions. We offer a 30-day money-back guarantee for new subscriptions.
@@ -210,7 +210,7 @@
</h2> </h2>
<div class="space-y-4"> <div class="space-y-4">
<div class="card preset-outlined-surface-200-800 p-6"> <div class="card preset-outlined-surface-500 p-6">
<h3 class="h4 mb-3">By You</h3> <h3 class="h4 mb-3">By You</h3>
<p class="opacity-75"> <p class="opacity-75">
You may terminate your account at any time through your account settings. You may terminate your account at any time through your account settings.
@@ -218,7 +218,7 @@
</p> </p>
</div> </div>
<div class="card preset-outlined-surface-200-800 p-6"> <div class="card preset-outlined-surface-500 p-6">
<h3 class="h4 mb-3">By Us</h3> <h3 class="h4 mb-3">By Us</h3>
<p class="opacity-75"> <p class="opacity-75">
We may terminate or suspend your account for violation of these terms, We may terminate or suspend your account for violation of these terms,
@@ -233,7 +233,7 @@
<h2 class="h2 text-primary-500">Additional Terms</h2> <h2 class="h2 text-primary-500">Additional Terms</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6"> <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="card preset-outlined-surface-200-800 p-6 space-y-4"> <div class="card preset-outlined-surface-500 p-6 space-y-4">
<h3 class="h4">Intellectual Property</h3> <h3 class="h4">Intellectual Property</h3>
<p class="text-sm opacity-75"> <p class="text-sm opacity-75">
The Service and its original content remain our property. The Service and its original content remain our property.
@@ -241,7 +241,7 @@
</p> </p>
</div> </div>
<div class="card preset-outlined-surface-200-800 p-6 space-y-4"> <div class="card preset-outlined-surface-500 p-6 space-y-4">
<h3 class="h4">Limitation of Liability</h3> <h3 class="h4">Limitation of Liability</h3>
<p class="text-sm opacity-75"> <p class="text-sm opacity-75">
Our liability is limited to the amount paid for the service. Our liability is limited to the amount paid for the service.
@@ -249,7 +249,7 @@
</p> </p>
</div> </div>
<div class="card preset-outlined-surface-200-800 p-6 space-y-4"> <div class="card preset-outlined-surface-500 p-6 space-y-4">
<h3 class="h4">Governing Law</h3> <h3 class="h4">Governing Law</h3>
<p class="text-sm opacity-75"> <p class="text-sm opacity-75">
These terms are governed by the laws of [Your Jurisdiction]. These terms are governed by the laws of [Your Jurisdiction].
@@ -257,7 +257,7 @@
</p> </p>
</div> </div>
<div class="card preset-outlined-surface-200-800 p-6 space-y-4"> <div class="card preset-outlined-surface-500 p-6 space-y-4">
<h3 class="h4">Changes to Terms</h3> <h3 class="h4">Changes to Terms</h3>
<p class="text-sm opacity-75"> <p class="text-sm opacity-75">
We may update these terms with notice. We may update these terms with notice.
@@ -284,7 +284,7 @@
<Mail class="size-4" /> <Mail class="size-4" />
Contact Support Contact Support
</a> </a>
<a href="mailto:legal@sveltey.dev" class="btn preset-outlined-surface-200-800"> <a href="mailto:legal@sveltey.dev" class="btn preset-outlined-surface-500">
legal@sveltey.dev legal@sveltey.dev
</a> </a>
</div> </div>