mirror of
https://github.com/LukeHagar/Sveltey.git
synced 2025-12-06 12:47:44 +00:00
Styling adjustments
This commit is contained in:
@@ -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">
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user