feat: complete pre-launch audit — frontend polish, churn prevention, login history, financial reports, configurable checkout
Includes all work from phases 6-9+ and frontend polish rounds 1 & 2: - Login history with device trust, new device notifications, session management - Churn prevention: cancellation surveys, winback campaigns with email sequences - Financial reports: revenue, P&L, tax, aging, refund, subscription reports with PDF/CSV/JSON export - Configurable checkout: plan config groups/options, build-your-own VPS - Frontend polish: fix broken legal links, add SEO meta tags, favicon, font display=swap, Head titles on all 14 marketing pages, mobile responsive fixes, AuthLayout legal footer, remove false 24/7 claims, hide empty stats, correct uptime SLA to 99.9%, GameServers notify buttons linked to /contact, 301 redirects for /terms and /privacy - WHMCS migration scripts - Update legal page effective dates to March 16, 2026 Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
<script lang="ts" setup>
|
||||
import { usePage } from '@inertiajs/vue3'
|
||||
import { Head, usePage } from '@inertiajs/vue3'
|
||||
import { computed } from 'vue'
|
||||
import MarketingLayout from '@/Layouts/MarketingLayout.vue'
|
||||
import SectionHeader from '@/Components/Marketing/SectionHeader.vue'
|
||||
@@ -62,8 +62,6 @@ const includedFeatures: string[] = [
|
||||
|
||||
// Keys from features JSON that should not be shown as table columns
|
||||
const internalKeys = new Set([
|
||||
'virtfusion_package_id',
|
||||
'virtfusion_server_id',
|
||||
'control_panel',
|
||||
'os',
|
||||
'ipv4',
|
||||
@@ -81,12 +79,13 @@ function formatPrice(plan: Plan): string {
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<Head title="VPS Hosting | EZSCALE" />
|
||||
<div>
|
||||
<!-- Hero -->
|
||||
<HeroSection>
|
||||
<template #content>
|
||||
<VChip color="primary" variant="tonal" class="mb-4">VPS Hosting</VChip>
|
||||
<h1 class="text-h2 font-weight-bold mb-3">
|
||||
<h1 class="text-h3 font-weight-bold mb-3">
|
||||
Virtual Private <span class="hero-gradient-text">Servers</span>
|
||||
</h1>
|
||||
<p class="text-h6 text-medium-emphasis font-weight-regular mb-4" style="max-width: 600px;">
|
||||
@@ -96,7 +95,7 @@ function formatPrice(plan: Plan): string {
|
||||
Starting at just <span class="text-primary font-weight-bold">${{ startingPrice }}/mo</span>
|
||||
</p>
|
||||
<a :href="plans.length ? accountUrl + '/checkout/' + plans[0].id : '/pricing'" class="text-decoration-none">
|
||||
<VBtn color="primary" size="x-large" rounded="lg">
|
||||
<VBtn color="primary" size="large" rounded="lg">
|
||||
Get Started
|
||||
<VIcon icon="tabler-arrow-right" end />
|
||||
</VBtn>
|
||||
@@ -118,7 +117,7 @@ function formatPrice(plan: Plan): string {
|
||||
/>
|
||||
<VRow>
|
||||
<VCol v-for="(feature, index) in features" :key="feature.title" cols="12" sm="6" md="4">
|
||||
<div :class="['d-flex ga-3 mb-4 feature-card-hover pa-3 rounded-lg', `fade-in-up stagger-delay-${index + 1}`]">
|
||||
<div :class="['d-flex ga-3 mb-4 feature-card-hover pa-3 rounded-lg', `fade-in-up stagger-${index + 1}`]">
|
||||
<VAvatar color="primary" variant="tonal" size="44">
|
||||
<VIcon :icon="feature.icon" size="22" />
|
||||
</VAvatar>
|
||||
@@ -142,6 +141,7 @@ function formatPrice(plan: Plan): string {
|
||||
/>
|
||||
|
||||
<VCard class="feature-card-hover">
|
||||
<div style="overflow-x: auto; -webkit-overflow-scrolling: touch;">
|
||||
<VTable>
|
||||
<thead>
|
||||
<tr>
|
||||
@@ -170,6 +170,7 @@ function formatPrice(plan: Plan): string {
|
||||
</tr>
|
||||
</tbody>
|
||||
</VTable>
|
||||
</div>
|
||||
</VCard>
|
||||
|
||||
<!-- Included with all plans -->
|
||||
@@ -194,11 +195,11 @@ function formatPrice(plan: Plan): string {
|
||||
</div>
|
||||
|
||||
<!-- CTA -->
|
||||
<div class="marketing-section" style="background: linear-gradient(135deg, rgb(var(--v-theme-primary), 0.08), rgb(var(--v-theme-surface)));">
|
||||
<div class="marketing-section" style="background: linear-gradient(135deg, rgb(var(--v-theme-primary), 0.12), rgb(var(--v-theme-surface)));">
|
||||
<VContainer class="text-center">
|
||||
<h2 class="text-h4 font-weight-bold mb-3">Ready to Get Started?</h2>
|
||||
<p class="text-body-1 text-medium-emphasis mb-6">
|
||||
Deploy your VPS in seconds with full root access, DDoS protection, and 24/7 support.
|
||||
Deploy your VPS in seconds with full root access, DDoS protection, and expert support.
|
||||
</p>
|
||||
<div class="d-flex ga-3 justify-center flex-wrap">
|
||||
<a :href="plans.length ? accountUrl + '/checkout/' + plans[0].id : '/pricing'" class="text-decoration-none">
|
||||
|
||||
Reference in New Issue
Block a user