EZSCALE/website
SHA256
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance ACP marketing page with real plugin details and admin features

Browse Source 
- List all 24 ported ProCon plugins by name with descriptions
- Update ML Analytics feature with actual dashboard details (flagged cheaters,
  toxicity leaderboard, player clustering, ban predictions, session anomalies)
- Add Admin Dashboard feature card (population charts, kick analytics,
  event logger, online admins, player reports)
- Add Live Demo button linking to tbg.app.ezscale.cloud/p
- Expand "More Features" grid to 12 items with descriptions
- Update ProCon section: accurate C#/.NET description, layer server context
- Update supported games with per-game plugin counts

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Claude Dev
2026-02-10 11:48:48 -05:00
parent 169b06e349
commit 466b0eadc8
1 changed files with 144 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

175
website/resources/ts/Pages/Marketing/BattlefieldAcp.vue
View File

@@ -13,6 +13,7 @@ interface Feature {
interface ExtraFeature {
icon: string
title: string
description: string
}
interface Game {
@@ -21,54 +22,90 @@ interface Game {
description: string
}
interface Plugin {
name: string
description: string
}
const keyFeatures: Feature[] = [
{
icon: 'tabler-terminal',
title: 'RCON Management',
description: 'Live scoreboard with admin actions — kill, kick, ban, yell, say, nuke, team switch, punish, forgive, and mute players in real-time.',
icon: 'tabler-brain',
title: 'ML Analytics Dashboard',
description: 'Cheat detection with flagged cheater lists, chat toxicity leaderboards, player cluster analysis, session anomaly detection, ban predictions with probability scores, and server health monitoring with trend charts.',
},
{
icon: 'tabler-brain',
title: 'ML Analytics',
description: 'Cheat detection, chat toxicity scoring, player risk assessments, server health monitoring, and intelligent slot recommendations.',
icon: 'tabler-terminal',
title: 'Live RCON Scoreboard',
description: 'Real-time player scoreboard via RCON with instant admin actions — kill, kick, ban, yell, say, nuke, team switch, punish, forgive, and mute. No ProCon layer required.',
},
{
icon: 'tabler-gavel',
title: 'Ban Appeal System',
description: 'Public portal — no account needed. Battlelog verification, tracking codes, threaded discussions, file attachments up to 2 GB, and Discord notifications.',
description: 'Public 4-step wizard — Find Ban, Verify identity via Battlelog clan tags, Submit Appeal with file attachments up to 2 GB, and Track Status with unique tracking codes. Discord webhook notifications for every event.',
},
{
icon: 'tabler-layout-dashboard',
title: 'Admin Dashboard',
description: 'Live player counts, population history charts, kick reason analytics, players by country, event logger with real-time feed, online admin roster, latest bans, and reported player tracking.',
},
{
icon: 'tabler-camera',
title: 'PunkBuster Screenshots',
description: 'S3 storage with automatic FTP sync, OCR metadata extraction, thumbnail grid viewer, pagination, and search.',
description: 'S3 storage with automatic FTP sync from game servers. Thumbnail grid viewer with OCR metadata extraction, pagination, and search for reviewing player screenshots.',
},
{
icon: 'tabler-world',
title: 'Public Pages',
description: 'Server browser with population graphs, leaderboards (score, kills, K/D, HSR%, SPM, KPM, playtime, wins), and detailed player profiles.',
},
{
icon: 'tabler-brand-discord',
title: 'Discord Integration',
description: 'Real-time webhooks for all ban appeal events with rich embeds — player avatars, server names, ban types, and tracking codes.',
title: 'Public Server Browser',
description: 'Live server overview with player counts and current maps, population history graphs (24h/3d/7d), leaderboards ranked by score/kills/K-D/HSR%/SPM/KPM, player search, and detailed player profiles.',
},
]
const moreFeatures: ExtraFeature[] = [
{ icon: 'tabler-fingerprint', title: 'Passkey Authentication' },
{ icon: 'tabler-activity-heartbeat', title: 'System Health Dashboard' },
{ icon: 'tabler-moon-stars', title: 'Dark & Light Themes' },
{ icon: 'tabler-device-mobile', title: 'Mobile Support' },
{ icon: 'tabler-search', title: 'Player Search' },
{ icon: 'tabler-list-details', title: 'Event Logger' },
{ icon: 'tabler-message-dots', title: 'Chat Log Viewer' },
{ icon: 'tabler-star', title: 'Reputation System' },
{ icon: 'tabler-fingerprint', title: 'Passkey Auth', description: 'Fingerprint, face recognition, or security key login' },
{ icon: 'tabler-activity-heartbeat', title: 'System Health', description: 'Real-time PHP, DB, cache, queue, and ML monitoring' },
{ icon: 'tabler-moon-stars', title: 'Dark & Light', description: 'Full theme support with dark mode default' },
{ icon: 'tabler-device-mobile', title: 'Mobile Ready', description: 'Responsive design for on-the-go management' },
{ icon: 'tabler-search', title: 'Player Search', description: 'Find any player with detailed stats and history' },
{ icon: 'tabler-list-details', title: 'Event Logger', description: 'Timestamped log of all server events and admin actions' },
{ icon: 'tabler-message-dots', title: 'Chat Logs', description: 'Full chat history with search and filtering' },
{ icon: 'tabler-star', title: 'Reputation System', description: 'Player reputation tracking with infraction points' },
{ icon: 'tabler-chart-line', title: 'Population Trends', description: 'Historical player activity and growth charts' },
{ icon: 'tabler-map', title: 'Stats Dashboard', description: 'Players by country, kick reasons, and server analytics' },
{ icon: 'tabler-users-group', title: 'Admin Roster', description: 'Online admin tracking and role management' },
{ icon: 'tabler-flag', title: 'Player Reports', description: 'Track and manage player reports from your community' },
]
const plugins: Plugin[] = [
{ name: 'AdKats', description: 'Advanced admin commands, cross-server ban enforcement, reputation system, VIP management' },
{ name: 'AdKatsLRT', description: 'On-spawn loadout enforcer — restrict weapons, gadgets, and vehicles per map/mode' },
{ name: 'MULTIbalancer', description: 'Skill-based team balancing with clan dispersal, phase-aware shuffling, and scrambler' },
{ name: 'TrueBalancer', description: 'Team balancer with Battlelog stat lookups and end-of-round scramble' },
{ name: 'Insane Limits', description: 'Programmable rule engine — custom C# rules for kills, spawns, chat, round events' },
{ name: 'ProconRulz', description: 'Text-based scripting for server rules — triggers, conditions, and automated actions' },
{ name: 'Ultimate Map Manager', description: 'Multi-maplist rotation with player count and time-of-day switching' },
{ name: 'xVotemap', description: 'In-game map voting near end of round with customizable options' },
{ name: 'Stats Logger', description: 'MySQL-backed player stats, weapon tracking, dogtags, sessions, leaderboards' },
{ name: 'Spambot', description: 'Configurable repeating server messages and rules announcer' },
{ name: 'Latency Manager', description: 'Country-based and ping-based kick with averaging and whitelists' },
{ name: 'Idle Kicker', description: 'AFK detection with configurable thresholds and warning messages' },
{ name: 'Adaptive Server Size', description: 'Dynamic slot count based on player population to help seed servers' },
{ name: 'Adaptive Ticket Count', description: 'Auto-adjust tickets per round based on active player count' },
{ name: 'Language Enforcer', description: 'Bad word detection with escalating punishments — warn, kill, kick, ban' },
{ name: 'Event Logger', description: 'Logs all admin actions, kicks, bans, and disconnects to MySQL' },
{ name: 'FailLog', description: 'Blaze crash detection with email and Discord alerts, auto-restart' },
{ name: 'In-Game Admin', description: 'Core in-game commands — kick, kill, nuke, move, ban, say, yell' },
{ name: 'BF4DB Integration', description: 'Auto-checks players against BF4DB.com ban database with VPN detection' },
{ name: 'Battlelog Cache', description: 'MySQL-backed API cache reducing Battlelog rate limiting' },
{ name: 'Auto Round Restarter', description: 'Restart rounds when server goes idle, anti-statspadding watchdog' },
{ name: 'Admin Announcer', description: 'Admin/VIP join announcements, spawn messages, server uptime display' },
{ name: 'Basic In-Game Info', description: 'Player GUID, location, playtime, and help commands' },
{ name: 'League Controls', description: 'Competitive tools — ready-up, score display, weapon dump for disputes' },
]
const supportedGames: Game[] = [
{ name: 'Battlefield 3', icon: 'tabler-military-rank', description: 'Full support for BF3 servers including all RCON plugins and leaderboards.' },
{ name: 'Battlefield 4', icon: 'tabler-military-award', description: 'Complete BF4 server management with real-time scoreboard and ML analytics.' },
{ name: 'Battlefield Hardline', icon: 'tabler-badge', description: 'Hardline server support with all admin tools and ban appeal system.' },
{ name: 'Battlefield 3', icon: 'tabler-military-rank', description: 'Full BF3 support with 22 ported plugins, leaderboards, player profiles, and live scoreboard.' },
{ name: 'Battlefield 4', icon: 'tabler-military-award', description: 'Complete BF4 management with all 24 plugins, ML analytics, BF4DB integration, and loadout enforcer.' },
{ name: 'Battlefield Hardline', icon: 'tabler-badge', description: 'Hardline support with 18 ported plugins, ban appeals, team balancing, and full admin tools.' },
]
</script>
@@ -84,15 +121,23 @@ const supportedGames: Game[] = [
<p class="text-h6 text-medium-emphasis font-weight-regular mb-4 mx-auto" style="max-width: 700px;">
A ground-up rebuild in Laravel 12 + Vue 3. Manage your BF3, BF4, and Hardline servers with a modern web panel — no more ProCon.
</p>
<p class="text-body-1 text-medium-emphasis mb-8 mx-auto" style="max-width: 600px;">
ACP v5.0 replaces the ProCon dependency entirely. Configure all 24 RCON plugins directly from the panel with real-time auto-save.
<p class="text-body-1 text-medium-emphasis mb-8 mx-auto" style="max-width: 650px;">
ACP v5.0 replaces ProCon entirely. All 24 RCON plugins ported and configurable directly from the panel — no .NET desktop app, no port forwarding, no layer servers.
</p>
<div class="d-flex ga-3 justify-center flex-wrap">
<a href="/contact" class="text-decoration-none">
<VBtn color="info" size="x-large" rounded="lg">
Order Now
<VIcon icon="tabler-arrow-right" end />
</VBtn>
</a>
<a href="https://tbg.app.ezscale.cloud/p" target="_blank" class="text-decoration-none">
<VBtn color="info" variant="outlined" size="x-large" rounded="lg">
Live Demo
<VIcon icon="tabler-external-link" end />
</VBtn>
</a>
</div>
</VContainer>
</div>
@@ -105,32 +150,33 @@ const supportedGames: Game[] = [
No More <span class="text-info">ProCon</span>
</h2>
<p class="text-body-1 text-medium-emphasis mb-4">
ACP v5.0 eliminates the need for ProCon entirely. All 24 RCON plugins can now be configured directly from the server edit page in your browser.
ProCon is a legacy C#/.NET desktop application that requires a running layer server, port forwarding, and manual plugin management.
ACP v5.0 eliminates all of that — every plugin is ported and configurable directly from the web panel.
</p>
<VList density="compact" class="pa-0 bg-transparent">
<VListItem class="px-0">
<template #prepend>
<VIcon icon="tabler-circle-check" color="success" size="20" class="me-2" />
</template>
<VListItemTitle class="text-body-1">Toggle plugins on/off from the web panel</VListItemTitle>
<VListItemTitle class="text-body-1">24 RCON plugins ported — toggle on/off with real-time auto-save</VListItemTitle>
</VListItem>
<VListItem class="px-0">
<template #prepend>
<VIcon icon="tabler-circle-check" color="success" size="20" class="me-2" />
</template>
<VListItemTitle class="text-body-1">Adjust settings in real-time with auto-save</VListItemTitle>
<VListItemTitle class="text-body-1">No .NET runtime, no desktop app, no layer server</VListItemTitle>
</VListItem>
<VListItem class="px-0">
<template #prepend>
<VIcon icon="tabler-circle-check" color="success" size="20" class="me-2" />
</template>
<VListItemTitle class="text-body-1">24 RCON plugins configurable without external tools</VListItemTitle>
<VListItemTitle class="text-body-1">Modern Vue 3 UI with dark/light themes and mobile support</VListItemTitle>
</VListItem>
<VListItem class="px-0">
<template #prepend>
<VIcon icon="tabler-circle-check" color="success" size="20" class="me-2" />
</template>
<VListItemTitle class="text-body-1">Modern Vue 3 UI with dark/light theme and mobile support</VListItemTitle>
<VListItemTitle class="text-body-1">ML-powered analytics that ProCon never had</VListItemTitle>
</VListItem>
</VList>
</VCol>
@@ -141,13 +187,14 @@ const supportedGames: Game[] = [
</VAvatar>
<h3 class="text-h5 font-weight-bold mb-2">ProCon Replacement</h3>
<p class="text-body-2 text-medium-emphasis mb-4">
No downloads. No .NET runtime. No port forwarding. Just log in and manage your server from any browser.
No downloads. No .NET runtime. No port forwarding. Just log in and manage your servers from any browser, anywhere.
</p>
<div class="d-flex flex-wrap justify-center ga-2">
<VChip size="small" variant="tonal" color="info">Web-Based</VChip>
<VChip size="small" variant="tonal" color="info">Real-Time</VChip>
<VChip size="small" variant="tonal" color="info">Auto-Save</VChip>
<VChip size="small" variant="tonal" color="info">24 Plugins</VChip>
<VChip size="small" variant="tonal" color="info">ML Analytics</VChip>
</div>
</VCard>
</VCol>
@@ -181,37 +228,62 @@ const supportedGames: Game[] = [
</VContainer>
</div>
<!-- More Features -->
<!-- Ported Plugins -->
<VContainer class="marketing-section">
<SectionHeader
label="And More"
label="24 Plugins"
label-color="info"
title="Built for Admins"
highlight-word="Admins"
subtitle="Additional capabilities that make ACP the most complete Battlefield admin tool."
title="Every ProCon Plugin, Built In"
highlight-word="Built In"
subtitle="All major ProCon RCON plugins have been ported to ACP and are configurable from the web panel."
/>
<VRow>
<VCol v-for="(feat, index) in moreFeatures" :key="feat.title" cols="6" sm="4" md="3">
<div :class="['text-center pa-4 feature-card-hover rounded-lg', `fade-in-up stagger-delay-${(index % 4) + 1}`]">
<VAvatar color="info" variant="tonal" size="48" class="mb-2">
<VIcon :icon="feat.icon" size="24" />
</VAvatar>
<h4 class="text-body-1 font-weight-bold">{{ feat.title }}</h4>
<VCol v-for="(plugin, index) in plugins" :key="plugin.name" cols="12" sm="6" md="4">
<div :class="['d-flex ga-3 mb-2 pa-3 rounded-lg feature-card-hover', `fade-in-up stagger-delay-${(index % 6) + 1}`]">
<VIcon icon="tabler-puzzle" color="info" size="20" class="mt-1 flex-shrink-0" />
<div>
<span class="text-body-2 font-weight-bold">{{ plugin.name }}</span>
<p class="text-caption text-medium-emphasis mb-0">{{ plugin.description }}</p>
</div>
</div>
</VCol>
</VRow>
</VContainer>
<!-- Supported Games -->
<!-- More Features -->
<div class="section-alt-bg marketing-section">
<VContainer>
<SectionHeader
label="And More"
label-color="info"
title="Built for Admins"
highlight-word="Admins"
subtitle="Additional capabilities that make ACP the most complete Battlefield admin tool available."
/>
<VRow>
<VCol v-for="(feat, index) in moreFeatures" :key="feat.title" cols="6" sm="4" md="3">
<VCard variant="flat" :class="['text-center pa-4 h-100 bg-transparent feature-card-hover', `fade-in-up stagger-delay-${(index % 4) + 1}`]">
<VAvatar color="info" variant="tonal" size="48" class="mb-2">
<VIcon :icon="feat.icon" size="24" />
</VAvatar>
<h4 class="text-body-2 font-weight-bold mb-1">{{ feat.title }}</h4>
<p class="text-caption text-medium-emphasis mb-0">{{ feat.description }}</p>
</VCard>
</VCol>
</VRow>
</VContainer>
</div>
<!-- Supported Games -->
<VContainer class="marketing-section">
<SectionHeader
label="Compatibility"
label-color="info"
title="Supported Games"
highlight-word="Games"
subtitle="Full support for the Battlefield franchise."
subtitle="Full support for the Battlefield franchise with game-specific plugin availability."
/>
<VRow justify="center">
@@ -228,14 +300,13 @@ const supportedGames: Game[] = [
</VCol>
</VRow>
</VContainer>
</div>
<!-- CTA -->
<div class="marketing-section" style="background: linear-gradient(135deg, rgb(var(--v-theme-info), 0.08), rgb(var(--v-theme-surface)));">
<VContainer class="text-center">
<h2 class="text-h4 font-weight-bold mb-3">Ready to Take Control of Your Battlefield Servers?</h2>
<p class="text-body-1 text-medium-emphasis mb-6">
Get ACP v5.0 — the most powerful Battlefield admin panel available. No ProCon required.
Get ACP v5.0 — 24 ported ProCon plugins, ML-powered analytics, ban appeals, and a modern admin panel. No ProCon required.
</p>
<div class="d-flex ga-3 justify-center flex-wrap">
<a href="/contact" class="text-decoration-none">
@@ -244,6 +315,12 @@ const supportedGames: Game[] = [
<VIcon icon="tabler-arrow-right" end />
</VBtn>
</a>
<a href="https://tbg.app.ezscale.cloud/p" target="_blank" class="text-decoration-none">
<VBtn color="info" variant="tonal" size="large" rounded="lg">
Live Demo
<VIcon icon="tabler-external-link" end />
</VBtn>
</a>
<a href="/contact" class="text-decoration-none">
<VBtn color="info" variant="outlined" size="large" rounded="lg">
Contact Sales