From 2afcfe639fbfc99f4e073a2f64b64f456b74aa87 Mon Sep 17 00:00:00 2001 From: "Joseph.Rawlings" Date: Sun, 1 Mar 2026 14:39:52 -0500 Subject: [PATCH] redesign: infinite scrolling homepage with scroll-reveal animations --- themes/lucentui/views/home.blade.php | 1332 +++++++++++--------------- 1 file changed, 555 insertions(+), 777 deletions(-) diff --git a/themes/lucentui/views/home.blade.php b/themes/lucentui/views/home.blade.php index ca8a6116a..2f49611b6 100644 --- a/themes/lucentui/views/home.blade.php +++ b/themes/lucentui/views/home.blade.php @@ -1,4 +1,5 @@ -
+
+ @if(theme('custom_homepage_html'))
@@ -6,13 +7,18 @@
@endif - -
- -
-
-
-
+ {{-- ═══════════════════════════════════════════════════════════════ + SECTION 1 — HERO (full viewport, always visible) + ═══════════════════════════════════════════════════════════════ --}} +
+ +
+
+
+
@@ -20,39 +26,25 @@
-
+
+ @foreach([ + ['homepage_badge_1', 'VPS Hosting'], + ['homepage_badge_2', 'Website Hosting'], + ['homepage_badge_3', 'BGP Transit'], + ['homepage_badge_4', 'Contracted Support'], + ] as $i => $badge)
- - + + - {{ theme('homepage_badge_1', 'VPS Hosting') }} -
-
- - - - - {{ theme('homepage_badge_2', 'Website Hosting') }} -
-
- - - - - {{ theme('homepage_badge_3', 'BGP Transit') }} -
-
- - - - - {{ theme('homepage_badge_4', 'Contracted Support') }} + {{ theme($badge[0], $badge[1]) }}
+ @endforeach
- -

+ +

{{ theme('homepage_hero_title1', 'Powerful') }} {{ theme('homepage_hero_title2', 'VPS Hosting') }} @@ -60,28 +52,28 @@

-

+

{{ theme('homepage_hero_desc', 'Experience enterprise-grade virtual private servers with our powerful control panel. Real-time monitoring, advanced firewall management, automated backups, and full console access.') }}

-
- +
+ {{ theme('hero_cta_primary_text', 'Deploy Your VPS') }} - + {{ theme('hero_cta_secondary_text', 'See Features') }}
- -
-
- + +
+
+
@@ -89,7 +81,6 @@
control-panel
-
@@ -98,7 +89,7 @@
VPS-001
-
Running • 4 vCPU • 8GB RAM
+
Running • 4 vCPU • 8GB RAM
Online @@ -109,18 +100,9 @@
23%
- - - - - - - - - - - - + @for($i = 0; $i < 12; $i++) + + @endfor
@@ -137,8 +119,7 @@
- - +
@@ -149,690 +130,475 @@
+ + +
+ Scroll +
+
+
+
- -
-
-
-
-
-
-
-
-
-
-
- - -
+ {{-- ═══════════════════════════════════════════════════════════════ + SECTION 2 — SERVICES + ═══════════════════════════════════════════════════════════════ --}} +
-
-
-
-

What We Offer

-

- {{ theme('services_title', 'Our Services') }} -

-

- {{ theme('services_subtitle', 'Choose the perfect option for your needs ΓÇö all with full control panel access for all services we offer to give you total control') }} -

-
- - View all - - -
+
+

What We Offer

+

+ {{ theme('services_title', 'Our Services') }} +

+

+ {{ theme('services_subtitle', 'Choose the perfect option for your needs — all with full control panel access for all services we offer to give you total control') }} +

+
- -
- @foreach ($categories as $index => $category) -
-
-
- -
-

- {{ $category->name }} -

- @if(theme('show_category_description', true)) -
- {!! strip_tags($category->description) !!} -
- @endif - - {{ __('general.view') }} - - +
+ @foreach ($categories as $index => $category) +
+
+
+
+

+ {{ $category->name }} +

+ @if(theme('show_category_description', true)) +
+ {!! strip_tags($category->description) !!} +
+ @endif + + {{ __('general.view') }} + +
- @endforeach
+ @endforeach
- -
-
-
-
-
-
-
+ {{-- ═══════════════════════════════════════════════════════════════ + SECTION 3 — CONTROL PANEL FEATURES (Bento) + ═══════════════════════════════════════════════════════════════ --}} +
+ +
+ +
+ +
+

Control Panel

+

+ {{ theme('panel_title', 'Complete Server Management') }} +

+

+ {{ theme('panel_subtitle', 'Take full control of your VPS with our comprehensive management dashboard. Every tool you need, right at your fingertips.') }} +

-
-
-
- -
-
-
- -
-

Control Panel

-

- {{ theme('panel_title', 'Complete Server Management') }} -

-

- {{ theme('panel_subtitle', 'Take full control of your VPS with our comprehensive management dashboard. Every tool you need, right at your fingertips.') }} -

-
- - +
-
-
-
-
-
- +
+
+
+
+
+
+ +
+
+ CPU + RAM + Network +
-
- CPU - RAM - Network +

Live Telemetry

+

Monitor CPU, memory, network, and disk I/O with interactive charts. Track performance over time.

+
+ @for($i = 0; $i < 18; $i++) + + @endfor
-

Live Telemetry

-

Monitor CPU, memory, network, and disk I/O with interactive charts. Track performance over time.

- -
- - - - - - - - - - - - - - - - - - -
-
-
-
-
- -
-

VNC Console

-

Direct web-based access to your VPS. Perfect for OS installation and recovery mode.

-
- root@vps:~$ █ +
+
+
+
+
+ +
+

VNC Console

+

Direct web-based access to your VPS. Perfect for OS installation and recovery mode.

+
+ root@vps:~$ █ +
+ - +
-
-
-
-
-
- +
+
+
+
+
+
+ +
+
+ Inbound + Outbound +
-
- Inbound - Outbound -
-
-

Firewall Manager

-

Create custom rules, manage IP aliases, and monitor real-time traffic logs to protect your server.

- -
-
-
- Allow SSH (22/tcp) - Active -
-
-
- Allow HTTP/S (80,443) - Active -
-
-
- Block 192.168.1.0/24 - Denied +

Firewall Manager

+

Create custom rules, manage IP aliases, and monitor real-time traffic logs to protect your server.

+
+
+
+ Allow SSH (22/tcp) + Active +
+
+
+ Allow HTTP/S (80,443) + Active +
+
+
+ Block 192.168.1.0/24 + Denied +
-
-
-
-
-
- -
-
- Auto-enabled -
-
-

Backup & Snapshots

-

Automated daily snapshots with instant one-click restore. Keep your data safe with point-in-time recovery.

- -
-
-
- - Daily Backup +
+
+
+
+
+
+
- 2h ago -
-
-
- - Weekly Snapshot +
+ Auto-enabled
- 3 days ago
-
-
- - Next backup +

Backup & Snapshots

+

Automated daily snapshots with instant one-click restore. Keep your data safe with point-in-time recovery.

+
+
+
+ + Daily Backup +
+ 2h ago +
+
+
+ + Weekly Snapshot +
+ 3 days ago +
+
+
+ + Next backup +
+ in 22h
- in 22h
- +
-
-
-
-
-
- -
-
-
65 GB
-
of 100 GB used
-
-
-

Storage Manager

-

Add, resize, or remove virtual disks on the fly. Expand storage without downtime.

- -
-
-
- System (sda1) - 45 GB +
+
+
+
+
+
+
-
-
+
+
65 GB
+
of 100 GB used
-
-
- Data (sdb1) - 20 GB +

Storage Manager

+

Add, resize, or remove virtual disks on the fly. Expand storage without downtime.

+
+
+
+ System (sda1) + 45 GB +
+
+
+
-
-
+
+
+ Data (sdb1) + 20 GB +
+
+
+
+
+
+ Available + 35 GB free
-
-
- Available - 35 GB free
-
-
-
-
-
- +
+
+
+
+
+
+ +
+
+
+ Running +
-
-
- Running +

Power Controls

+

Full control over your server's power state. Start, stop, reboot, or force power cycle instantly.

+
+
+ + Start +
+
+ + Reboot +
+
+ + Stop +
-
-

Power Controls

-

Full control over your server's power state. Start, stop, reboot, or force power cycle instantly.

- -
-
- - Start +
+
+ + Uptime +
+ 14d 6h 32m
-
- - Reboot -
-
- - Stop -
-
- -
-
- - Uptime -
- 14d 6h 32m
- +
- -
-
- -
-
-

OS Reinstall

-

50+ templates

+ @php + $quickFeatures = [ + ['icon' => 'ri-refresh-line', 'title' => 'OS Reinstall', 'desc' => '50+ templates', 'color' => 'primary'], + ['icon' => 'ri-history-line', 'title' => 'Task History', 'desc' => 'Full audit logs', 'color' => 'secondary'], + ['icon' => 'ri-global-line', 'title' => 'Network', 'desc' => 'IPv4/IPv6 & rDNS', 'color' => 'success'], + ['icon' => 'ri-disc-line', 'title' => 'ISO Mount', 'desc' => 'Custom images', 'color' => 'info'], + ]; + @endphp + @foreach($quickFeatures as $fi => $feat) +
+
+
+ +
+
+

{{ $feat['title'] }}

+

{{ $feat['desc'] }}

+
- - -
-
- -
-
-

Task History

-

Full audit logs

-
-
- - -
-
- -
-
-

Network

-

IPv4/IPv6 & rDNS

-
-
- - -
-
- -
-
-

ISO Mount

-

Custom images

-
-
-
+ @endforeach
- -
-
-
-
-
-
-
-
-
-
-
- - -
+ {{-- ═══════════════════════════════════════════════════════════════ + SECTION 4 — INFRASTRUCTURE FEATURES + ═══════════════════════════════════════════════════════════════ --}} +
-
- -
-
-

Infrastructure

-

- {{ theme('features_title', 'Enterprise Infrastructure') }} -

-

- {{ theme('features_subtitle', 'We\'ve built a platform that is advanced enough to compete with the large players of the industry at a fraction of the cost.') }} -

-
-
- - -
- -
-
-
- -
-

- NVMe & RAM Cached Storage -

-

- Each VPS caches RAM for performance beyond SSDs, while dedicated NVMe drives provide consistent IOPS for storage. -

-
-
- - -
-
-
- -
-

- IPv6 Public Address -

-

- Each VPS receives a static IPv6 address for public services, plus a secondary RA-based MAC address to ensure connectivity. -

-
-
- - -
-
-
- -
-

- Xterm.js/NoVNC Access -

-

- Each VPS comes with Xterm.js and NoVNC via our server manager for easy access and control, anytime. -

-
-
- - -
-
-
- -
-

- Ceph Storage Cluster -

-

- Our redundant data distribution delivers IOPS beyond typical caching, fetching only unique data for a fast, smooth, and secure experience. -

-
-
- - -
-
-
- -
-

- BGP IPv6 Networking -

-

- We own our network, giving VPSs priority, a unique IPv6 address, and rotating IPv4 NAT for seamless inbound access. -

-
-
- - -
-
-
- -
-

- 24/7 Expert Support -

-

- Our knowledgeable support team is available around the clock to assist with technical issues, configurations, and any questions you may have. -

-
+ +
+

Infrastructure

+

+ {{ theme('features_title', 'Enterprise Infrastructure') }} +

+

+ {{ theme('features_subtitle', 'We\'ve built a platform that is advanced enough to compete with the large players of the industry at a fraction of the cost.') }} +

+
+ + @php + $infra = [ + ['icon' => 'ri-hard-drive-3-line', 'color' => 'primary', 'title' => 'NVMe & RAM Cached Storage', 'desc' => 'Each VPS caches RAM for performance beyond SSDs, while dedicated NVMe drives provide consistent IOPS for storage.'], + ['icon' => 'ri-global-line', 'color' => 'secondary', 'title' => 'IPv6 Public Address', 'desc' => 'Each VPS receives a static IPv6 address for public services, plus a secondary RA-based MAC address to ensure connectivity.'], + ['icon' => 'ri-terminal-box-line', 'color' => 'success', 'title' => 'Xterm.js/NoVNC Access', 'desc' => 'Each VPS comes with Xterm.js and NoVNC via our server manager for easy access and control, anytime.'], + ['icon' => 'ri-database-2-line', 'color' => 'warning', 'title' => 'Ceph Storage Cluster', 'desc' => 'Our redundant data distribution delivers IOPS beyond typical caching, fetching only unique data for a fast, smooth, and secure experience.'], + ['icon' => 'ri-route-line', 'color' => 'info', 'title' => 'BGP IPv6 Networking', 'desc' => 'We own our network, giving VPSs priority, a unique IPv6 address, and rotating IPv4 NAT for seamless inbound access.'], + ['icon' => 'ri-customer-service-2-line', 'color' => 'primary', 'title' => '24/7 Expert Support', 'desc' => 'Our knowledgeable support team is available around the clock to assist with technical issues, configurations, and any questions you may have.'], + ]; + @endphp + +
+ @foreach($infra as $ii => $item) +
+
+
+ +
+

+ {{ $item['title'] }} +

+

{{ $item['desc'] }}

+ @endforeach
- -
-
-
-
-
-
-
-
-
-
-
+ {{-- ═══════════════════════════════════════════════════════════════ + SECTION 5 — CTA + ═══════════════════════════════════════════════════════════════ --}} +
+
- -
-
-
-
- -
- -
-
- -
-

Get Started

- -

- {{ theme('cta_title', 'Ready to Deploy Your VPS?') }} -

- -

- {{ theme('cta_subtitle', 'Join thousands of users who trust our platform for reliable, high-performance virtual servers with full control panel access') }} -

- - -
-
-
- +
+
+
+
+ +
+
+
+ +
+

Get Started

+

+ {{ theme('cta_title', 'Ready to Deploy Your VPS?') }} +

+

+ {{ theme('cta_subtitle', 'Join thousands of users who trust our platform for reliable, high-performance virtual servers with full control panel access') }} +

+ +
+ @foreach(['Instant Deployment', 'Full Root Access', '99.9% Uptime SLA', '24/7 Expert Support'] as $feat) +
+
+ +
+ {{ $feat }}
- Instant Deployment + @endforeach
-
-
- -
- Full Root Access + +
+ + + {{ theme('cta_primary_text', 'View VPS Plans') }} + + + + + {{ theme('cta_secondary_text', 'Contact Support') }} +
-
-
- -
- 99.9% Uptime SLA -
-
-
- -
- 24/7 Expert Support -
-
- - -
- - - {{ theme('cta_primary_text', 'View VPS Plans') }} - - - - - {{ theme('cta_secondary_text', 'Contact Support') }} -
-
- - -
- -
-
-
-
-
-
-
-
-
-
-
- + {{-- Hook --}}
{!! hook('pages.home') !!}
- -
+
+{{-- ═══════════════════════════════════════════════════════════════════ + SCROLL-REVEAL ENGINE + STYLES +═══════════════════════════════════════════════════════════════════ --}} + +