diff --git a/themes/lucentui/views/home.blade.php b/themes/lucentui/views/home.blade.php index 7b6523bdd..9332c87b3 100644 --- a/themes/lucentui/views/home.blade.php +++ b/themes/lucentui/views/home.blade.php @@ -1,7617 +1,549 @@ -
- - -
- - Skip to main content - - - @if(theme('offer_banner_enabled', false)) - - @endif - +
@if(theme('custom_homepage_html'))
{!! theme('custom_homepage_html') !!}
@endif - - - - -
-
-

Platform Statistics

-
-
- -
99.9%
-
{{ theme('stats_uptime_title', 'Uptime SLA') }}
-
{{ theme('stats_uptime_subtitle', 'Enterprise-grade reliability') }}
-
- -
- -
24/7
-
{{ theme('stats_support_title', 'Technical Support') }}
-
{{ theme('stats_support_subtitle', 'Expert assistance available') }}
-
- -
- -
{{ number_format(\App\Models\User::count()+1439) }}+
-
{{ theme('stats_users_title', 'Active Users') }}
-
{{ theme('stats_users_subtitle', 'Developers & businesses') }}
-
- -
- -
{{ number_format(\App\Models\Service::count()+2560) }}+
-
{{ theme('stats_servers_title', 'VPS Instances') }}
-
{{ theme('stats_servers_subtitle', 'Powering production workloads') }}
-
-
-
-
- - - @if(theme('customer_logos_enabled', true)) -
-
-
- {{ theme('customers_label', 'Trusted by Developers & Businesses Worldwide') }} -
- -
-
- @endif - - - @if(theme('social_proof_enabled', true)) -
-
-
-
- -
-
4.9/5
-
Trustpilot Rating
-
-
-
- -
-
98%
-
Customer Satisfaction
-
-
-
- -
-
ISO 27001
-
Security Certified
-
-
-
-
-
- @endif - - -
-
-
-
{{ theme('trust_label', 'Trusted & Certified') }}
-
-
- - - - - -
-
-
- - - @if(theme('partners_enabled', true)) -
-
-
- {{ theme('partners_label', 'Powered by Industry-Leading Technology') }} -
-
- - - - - - -
-
-
- @endif - - -
-
- -
+ +
-
-

- {{ theme('nodes_title', 'Hypervisor Status') }} -

-

- {{ theme('nodes_subtitle', 'Live status of our KVM compute nodes') }} -

-
- -
- -
-
-

- - US-East-01 - - - - - -

- - - Online - +
+ +
+
+
+ +
+
99.9%
+
{{ theme('stats_uptime_title', 'Uptime + Guarantee') }}
+
{{ theme('stats_uptime_subtitle', 'Industry-leading + reliability') }}
-
-
-
- CPU Usage - 42% -
-
-
-
+
+ + +
+
+
+
-
-
- Memory - 67% -
-
-
-
+
24/7
+
{{ theme('stats_support_title', 'Expert + Support') }}
+
{{ theme('stats_support_subtitle', 'Always here to help') + }}
+
+
+ + +
+
+
+
-
-
- Network I/O -
-
-
-
-
-
-
-
-
-
-
+
+ {{ number_format(\App\Models\User::count()+1439) }}+ +
+
{{ theme('stats_users_title', 'Happy + Gamers') }}
+
{{ theme('stats_users_subtitle', 'Join our community') }}
- - -
-
-

- - EU-West-01 - - - - - -

- - - Online - -
-
-
-
- CPU Usage - 58% -
-
-
-
+ + +
+
+
+
-
-
- Memory - 73% -
-
-
-
-
-
-
- Network I/O -
-
-
-
-
-
-
-
-
-
-
-
-
-
- - -
-
-

- - APAC-SG-01 - - - - - -

- - - Online - -
-
-
-
- CPU Usage - 35% -
-
-
-
-
-
-
- Memory - 52% -
-
-
-
-
-
-
- Network I/O -
-
-
-
-
-
-
-
-
-
-
+
+ {{ number_format(\App\Models\Service::count()+2560) }}+
+
{{ theme('stats_servers_title', 'Servers + Deployed') }}
+
{{ theme('stats_servers_subtitle', 'Powering environments + worldwide') }}
-
+
-
+
-
-

- {{ theme('quick_actions_title', 'Get Started') }} +
+

+ {{ theme('quick_actions_title', 'Get Started in Seconds') }}

-

- {{ theme('quick_actions_subtitle', 'Quick access to essential platform features') }} -

+

{{ theme('quick_actions_subtitle', 'Everything you + need is just one click away') }}

- -
-
-
- + +
+

+
+
{{ theme('quick_actions_header', 'Quick Actions') }} -

- -

+ +
+ + +
+
+
-

{{ theme('buy_server_title', 'Deploy VPS') }}

-

{{ theme('buy_server_subtitle', 'Virtual Private Servers') }}

+

{{ theme('buy_server_title', 'Buy Server') }}

+

{{ theme('buy_server_subtitle', 'Game Hosting') }}

-

{{ theme('buy_server_description', 'Provision a new KVM virtual private server') }}

+

{{ theme('buy_server_description', 'Deploy instantly with our + 1-click setup') }}

- - - -
- - - @if(theme('process_timeline_enabled', true)) -
-
-
-

- {{ theme('process_title', 'How It Works') }} -

-

- {{ theme('process_subtitle', 'Get your VPS up and running in minutes with our streamlined deployment process') }} -

-
- -
- - -
- -
- -

{{ theme('process_1_title', 'Create Account') }}

-

{{ theme('process_1_desc', 'Sign up in seconds with your email. No credit card required for browsing plans. Verify your email and gain instant access to the control panel.') }}

-
-
- -
- -
- -

{{ theme('process_2_title', 'Choose Your Plan') }}

-

{{ theme('process_2_desc', 'Select from our range of VPS plans based on your CPU, RAM, and storage needs. Configure your server location, OS template, and any add-ons.') }}

-
-
- -
- -
- -

{{ theme('process_3_title', 'Configure & Deploy') }}

-

{{ theme('process_3_desc', 'Choose your operating system, set hostname, configure SSH keys, and click deploy. Your VPS provisions automatically within 2-5 minutes.') }}

-
-
- -
- -
- -

{{ theme('process_4_title', 'Launch & Manage') }}

-

{{ theme('process_4_desc', 'Access your VPS via SSH or VNC console, configure firewall rules, monitor real-time metrics, and scale resources as needed—all from your browser.') }}

-
-
-
-
-
- @endif - - - @if(theme('security_showcase_enabled', true)) -
-
-
-

- {{ theme('security_title', 'Enterprise Security') }} -

-

- {{ theme('security_subtitle', 'Multi-layered security protecting your infrastructure 24/7') }} -

-
- -
-
- -

DDoS Protection

-

{{ theme('security_1_desc', 'Always-on DDoS mitigation with 10Tbps+ scrubbing capacity') }}

-
-
- -

Data Encryption

-

{{ theme('security_2_desc', 'AES-256 encryption for data at rest and TLS 1.3 in transit') }}

-
-
- -

Private Network

-

{{ theme('security_3_desc', 'Isolated VLANs for secure inter-VPS communication') }}

-
-
- -

Compliance

-

{{ theme('security_4_desc', 'ISO 27001, GDPR, SOC 2 Type II certified infrastructure') }}

-
-
-
-
- @endif - - -
-
- -
+ +
-
-

+
+

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

-

+

{{ theme('services_subtitle', 'Choose from our comprehensive range of server hosting solutions') }}

- -
+ +
@foreach ($categories as $category) -
-

{{ $category->name }}

- @if(theme('show_category_description', true)) -
- {!! strip_tags($category->description) !!} +
+
+

+ {{ $category->name }} +

+ @if(theme('show_category_description', true)) +
+ {!! $category->description !!} +
+ @endif
- @endif - - {{ __('general.view') }} - + + {{ __('general.view') }} +
@endforeach
-

- - -
-
-
-

- {{ theme('features_title', 'Why Choose Our Platform?') }} -

-

- {{ theme('features_subtitle', 'Enterprise-grade infrastructure with KVM virtualization technology delivering unmatched performance and control') }} -

-
- -
- -
-
-
- -
-

{{ theme('feature_1_title', 'KVM-Based VPS') }}

-
-

{{ theme('feature_1_desc', 'True hardware virtualization with dedicated CPU cores, guaranteed RAM, and fully isolated resources. Full root access with VNC console for complete control over your Virtual Private Server.') }}

-
- - -
-
-
- -
-

{{ theme('feature_2_title', 'Advanced Networking') }}

-
-

{{ theme('feature_2_desc', 'Dedicated public IPv4 and IPv6 addresses with each VPS. Configure reverse DNS for email deliverability, monitor real-time bandwidth, and access detailed traffic statistics from your control panel.') }}

-
- - -
-
-
- -
-

{{ theme('feature_3_title', 'Hypervisor-Level Firewall') }}

-
-

{{ theme('feature_3_desc', 'Configure inbound/outbound firewall rules at the hypervisor level with integrated DDoS protection. Define custom security groups and IP whitelists—all without impacting your VPS performance.') }}

-
- - -
-
-
- -
-

{{ theme('feature_4_title', 'NVMe & High-Frequency CPUs') }}

-
-

{{ theme('feature_4_desc', 'Enterprise NVMe SSD storage delivering up to 7000MB/s read speeds. AMD EPYC and Intel Xeon processors running at 3.5GHz+ with 10Gbps network connectivity for maximum throughput.') }}

-
- - -
-
-
- -
-

{{ theme('feature_5_title', 'Snapshots & Backups') }}

-
-

{{ theme('feature_5_desc', 'Create instant VPS snapshots with one click. Schedule automated daily or weekly backups, restore to any point in time, and clone your entire environment for testing or scaling.') }}

-
- - -
-
-
- -
-

{{ theme('feature_6_title', 'Real-Time Monitoring') }}

-
-

{{ theme('feature_6_desc', 'Live CPU, memory, disk I/O, and network graphs with historical data retention. Monitor resource usage trends, identify bottlenecks early, and optimize your VPS performance from anywhere.') }}

-
-
-
-
- - - @if(theme('pricing_comparison_enabled', true)) -
-
-
-

- {{ theme('pricing_title', 'Transparent Pricing') }} -

-

- {{ theme('pricing_subtitle', 'Choose the perfect plan for your needs. All plans include full KVM virtualization and 24/7 support.') }} -

-
- -
- Monthly - - - Annual - Save 20% - -
- -
- -
-
-

{{ theme('plan_1_name', 'Starter') }}

-
- $12 -
-
per month
-
-
    -
  • - - 2 vCPU Cores -
  • -
  • - - 4 GB RAM -
  • -
  • - - 80 GB NVMe SSD -
  • -
  • - - 4 TB Transfer -
  • -
  • - - 1 IPv4 & /64 IPv6 -
  • -
- Get Started -
- - - - - -
-
-

{{ theme('plan_3_name', 'Enterprise') }}

-
- $48 -
-
per month
-
-
    -
  • - - 8 vCPU Cores -
  • -
  • - - 16 GB RAM -
  • -
  • - - 320 GB NVMe SSD -
  • -
  • - - 16 TB Transfer -
  • -
  • - - 4 IPv4 & /56 IPv6 -
  • -
  • - - Dedicated Support -
  • -
- Get Started -
-
-
-
- @endif - - - @if(theme('comparison_matrix_enabled', true)) -
-
-
-

- {{ theme('comparison_title', 'Plan Comparison') }} -

-

- {{ theme('comparison_subtitle', 'Compare features across all VPS hosting plans') }} -

-
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
FeatureStarterProfessionalEnterprise
vCPU Cores2 Cores4 Cores8 Cores
RAM4 GB8 GB16 GB
NVMe Storage80 GB160 GB320 GB
Bandwidth4 TB8 TB16 TB
Full Root Access
VNC Console
Firewall Control
Snapshots2 per month10 per monthUnlimited
Automated Backups
IPv4 Addresses124
Support PriorityStandardPriorityDedicated
SLA Uptime99.5%99.9%99.99%
-
-
-
- @endif - - -
-
-
-
-

- Developer-Friendly
- Infrastructure -

-

- Our platform is designed with developers in mind. Whether you're a student learning cloud computing, a startup scaling your first product, or an enterprise running mission-critical workloads, our KVM-based VPS infrastructure provides the flexibility, performance, and control you need. -

-
-
- - - - Full root access with complete control -
-
- - - - RESTful API for automation -
-
- - - - Technical documentation & guides -
-
- - - - Community support & knowledge base -
-
-
-
-
-
-
-
JD
-
-
James Davidson
-
DevOps Engineer
-
-
-

"The control panel gives me everything I need to manage our VPS infrastructure. Browser-based VNC console access has been a lifesaver during emergencies."

-
-
-
-
SK
-
-
Sarah Kim
-
Startup Founder
-
-
-

"Scaled from a single VPS to a full production cluster. The snapshot and clone features saved us countless hours during our infrastructure migration."

-
-
-
-
MP
-
-
Michael Patel
-
CS Student
-
-
-

"Started learning Linux and server administration here. The affordable VPS plans made it possible to experiment and build real projects without breaking the bank."

-
-
-
-
-
-
- - - @if(theme('performance_metrics_enabled', true)) -
-
-
-

- {{ theme('performance_title', 'Blazing Fast Performance') }} -

-

- {{ theme('performance_subtitle', 'Optimized infrastructure delivering exceptional speed and reliability') }} -

-
- -
-
-
0
-
MB/s Read Speed
-
NVMe SSD Performance
-
-
-
0
-
Gbps Network
-
Dedicated Bandwidth
-
-
-
<1
-
ms Latency
-
Local Network Ping
-
-
-
0
-
Seconds Deploy
-
Average Provision Time
-
-
-
-
- @endif - - - @if(theme('testimonials_enabled', true)) -
-
-
-

- {{ theme('testimonials_title', 'What Our Clients Say') }} -

-

- {{ theme('testimonials_subtitle', 'Join thousands of satisfied developers and businesses') }} -

-
- - -
-
- @endif - - -
-
-
-

- {{ theme('capabilities_title', 'Enterprise-Grade Control Panel') }} -

-

- {{ theme('capabilities_subtitle', 'Full virtualization control powered by KVM Hypervisor technology') }} -

-
- -
-

- Our platform leverages industry-standard KVM hypervisor technology to deliver - true hardware virtualization. Each Virtual Private Server operates with dedicated resources, - ensuring consistent performance, complete tenant isolation, and enterprise-grade reliability. -

-
- -
- -
-
-
- -
-
-

Network Configuration

-

Full IPv4 & IPv6 Management

-
-
-

- Configure public IPv4 and IPv6 addresses directly from your control panel. Set up custom - DNS records, manage reverse DNS (rDNS) for email deliverability, and monitor real-time - network statistics including bandwidth usage, traffic patterns, and throughput metrics. -

-
- - Public IPv4 - - - IPv6 Subnet - - - rDNS - - - Traffic Stats - -
-
- - -
-
-
- -
-
-

Firewall Rules

-

Hardware-Level Protection

-
-
-

- Configure inbound and outbound firewall rules at the hypervisor level. Create custom security - groups, define port ranges, and manage IP whitelists. Rules are applied at the network stack - before reaching your VPS, providing hardware-level DDoS mitigation and maximum protection. -

-
- - Inbound Rules - - - Outbound Rules - - - Port Ranges - - - IP Whitelists - -
-
- - -
-
-
- -
-
-

Real-Time Monitoring

-

Live Resource Graphs

-
-
-

- Monitor CPU, memory, disk I/O, and network throughput in real-time with detailed graphs. - Track historical usage patterns over days or weeks, configure resource alerts, and proactively - identify performance bottlenecks before they impact your applications. -

-
- - CPU Metrics - - - Memory Usage - - - Disk I/O - - - Network Stats - -
-
- - -
-
-
- -
-
-

VPS Power Controls

-

Full Lifecycle Management

-
-
-

- Complete control over your VPS lifecycle. Start, stop, restart, and graceful shutdown - operations are available instantly. Access the console directly via browser-based VNC/noVNC - for troubleshooting—even when SSH is unavailable or misconfigured. -

-
- - Start/Stop - - - VNC Console - - - Power Cycle - - - Reset - -
-
- - -
-
-
- -
-
-

Backups & Snapshots

-

Point-in-Time Recovery

-
-
-

- Create instant snapshots of your entire VPS state including disk and memory. Schedule - automated daily or weekly backups, restore to any previous point in time with one click, - and clone your VPS for testing or horizontal scaling—all without downtime. -

-
- - Snapshots - - - Scheduled Backups - - - Restore - - - Clone VPS - -
-
- - -
-
-
- -
-
-

OS Templates

-

One-Click Deployments

-
-
-

- Deploy from a library of pre-configured OS templates including Ubuntu, Debian, CentOS, - AlmaLinux, Rocky Linux, Windows Server, and more. Upload custom ISOs for specialized - deployments. Reinstall or change your OS in minutes without reprovisioning hardware. -

-
- - Linux Distros - - - Windows - - - Custom ISO - - - Reinstall - -
-
-
- - -
-
-
- - - -
- KVM Control Panel — vm-prod-01.{{ config('app.domain', 'example.com') }} -
-
-
-
- - Overview -
-
- - Console -
-
- - Network -
-
- - Firewall -
-
- - Backups -
-
- - Settings -
-
-
-
-
-
23%
-
CPU Usage
-
-
-
4.2 GB
-
Memory Used
-
-
-
47 GB
-
Disk Used
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - - @if(theme('api_showcase_enabled', true)) -
-
-
-
-

DEVELOPERS

-

{{ theme('api_title', 'Full REST API Access') }}

-

- {{ theme('api_desc', 'Automate your entire infrastructure with our comprehensive RESTful API. Deploy, manage, monitor, and scale VPS instances programmatically using the language of your choice.') }} -

-
-
- - RESTful endpoints with JSON responses -
-
- - OAuth 2.0 & API key authentication -
-
- - Comprehensive documentation & SDKs -
-
- - Webhooks for real-time notifications -
-
- -
- -
-
// Deploy a new VPS instance
-const response = await fetch('https://api.{{ config('app.domain', 'example.com') }}/v1/vps', {
-  method: 'POST',
-  headers: {
-    'Authorization': 'Bearer YOUR_API_KEY',
-    'Content-Type': 'application/json'
-  },
-  body: JSON.stringify({
-    plan: 'professional',
-    region: 'us-east',
-    os_template: 'ubuntu-22.04',
-    hostname: 'web-server-01'
-  })
-});
-
-const vps = await response.json();
-console.log('VPS deployed:', vps.id);
-
-
-
-
- @endif - - -
-
-
-

- {{ theme('faq_title', 'Frequently Asked Questions') }} -

-

- {{ theme('faq_subtitle', 'Everything you need to know about our VPS hosting platform') }} -

-
- -
-
- -
-
-

{{ theme('faq_1_answer', 'KVM (Kernel-based Virtual Machine) is true hardware virtualization technology that provides dedicated CPU cores, guaranteed RAM, and complete resource isolation. Unlike container-based hosting, KVM gives you full root access and the ability to run any operating system or kernel, making it ideal for production workloads.') }}

-
-
-
- -
- -
-
-

{{ theme('faq_2_answer', 'Most VPS instances are provisioned within 2-5 minutes of order completion. You will receive instant access to your control panel where you can monitor the deployment progress in real-time, configure network settings, and access the VNC console.') }}

-
-
-
- -
- -
-
-

{{ theme('faq_3_answer', 'We support all major Linux distributions including Ubuntu, Debian, CentOS, AlmaLinux, Rocky Linux, Fedora, and Arch Linux. Windows Server editions are available on select plans. You can also upload custom ISO images for specialized deployments.') }}

-
-
-
- -
- -
-
-

{{ theme('faq_4_answer', 'Our VPS plans are unmanaged, giving you full control. However, you can create instant snapshots from the control panel and schedule automated daily or weekly backups. Managed services with OS updates, security patches, and application support are available as add-ons.') }}

-
-
-
- -
- -
-
-

{{ theme('faq_5_answer', 'We accept all major credit cards (Visa, Mastercard, American Express), PayPal, cryptocurrency (Bitcoin, Ethereum), and bank transfers for enterprise accounts. Billing is monthly by default, with discounts available for quarterly and annual prepayments.') }}

-
-
-
-
-
-
- - -
-
-
-
- - Infrastructure Available -
-

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

-

- {{ theme('cta_subtitle', 'Join thousands of developers and businesses who trust our KVM-based VPS infrastructure for their production workloads') }} -

- -
-
-
- - - @if(theme('newsletter_enabled', true)) -
-
-
- -

- {{ theme('newsletter_title', 'Stay Updated') }} -

-

- {{ theme('newsletter_desc', 'Subscribe to receive platform updates, maintenance notifications, new features, and exclusive hosting tips delivered to your inbox monthly.') }} -

-
- - -
- -

- {{ theme('newsletter_privacy', 'We respect your privacy. Unsubscribe anytime.') }} - @if(theme('privacy_policy_url')) - Privacy Policy - @endif -

-
-
-
- @endif - - - @php($announcements = \App\Models\Announcement::latest()->take(3)->get()) - @if($announcements->count()) -
-
-
-
-
- -
-

Latest Announcements

-
- - @foreach($announcements as $announcement) -
-
-

{{ $announcement->title }}

- {{ $announcement->created_at->diffForHumans() }} -
-

{!! strip_tags($announcement->announcement) !!}

-
- @endforeach - - - View All Announcements - - -
-
-
- @endif - - -
- {!! hook('pages.home') !!}
- - - - - - - - - @if(theme('demo_launcher_enabled', true)) - - @endif - - - @if(theme('activity_feed_enabled', true)) - - @endif - - - @if(theme('chat_widget_enabled', true)) - - @endif - - - - - - - - - @if(theme('cookie_banner_enabled', true)) - - @endif -
+
+ + - // ============================================ - // Live Chat Widget Interaction - // ============================================ - const chatButton = document.getElementById('lucentChatButton'); - if (chatButton) { - chatButton.addEventListener('click', function() { - // Remove badge on click - const badge = chatButton.querySelector('.lucent-chat-badge'); - if (badge) { - badge.style.animation = 'lucent-scale-in-anim 0.3s ease-out reverse'; - setTimeout(function() { - badge.remove(); - }, 300); - } - - // Replace with actual chat integration: - // Example: window.Tawk_API.toggle(); - // Or: window.$crisp.push(['do', 'chat:open']); - // For now, show a simple alert - alert('Live chat integration placeholder. Replace with Tawk.to, Crisp, or Intercom integration.'); - }); - } - - // ============================================ - // Newsletter Form Validation & Submission - // ============================================ - const newsletterForm = document.getElementById('lucentNewsletterForm'); - if (newsletterForm) { - newsletterForm.addEventListener('submit', function(e) { - e.preventDefault(); - - const emailInput = document.getElementById('newsletterEmail'); - const submitButton = newsletterForm.querySelector('.lucent-newsletter-button'); - const messageDiv = document.getElementById('newsletterMessage'); - const email = emailInput.value.trim(); - - // Email validation - const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; - if (!emailRegex.test(email)) { - messageDiv.className = 'lucent-newsletter-message error'; - messageDiv.textContent = 'Please enter a valid email address.'; - return; - } - - // Disable button during submission - submitButton.disabled = true; - submitButton.innerHTML = 'Subscribing...'; - - // Simulate API call (replace with actual endpoint) - setTimeout(function() { - // Success state - messageDiv.className = 'lucent-newsletter-message success'; - messageDiv.textContent = 'Thanks for subscribing! Check your email to confirm.'; - emailInput.value = ''; - submitButton.disabled = false; - submitButton.innerHTML = 'Subscribe'; - - // You can replace this with actual API integration: - // fetch('/api/newsletter/subscribe', { - // method: 'POST', - // headers: { 'Content-Type': 'application/json' }, - // body: JSON.stringify({ email: email }) - // }).then(response => response.json()) - // .then(data => { /* handle success */ }) - // .catch(error => { /* handle error */ }); - }, 1500); - }); - } - - // ============================================ - // Sticky Section Navigation - // ============================================ - const sectionNav = document.getElementById('sectionNav'); - if (sectionNav) { - const navItems = sectionNav.querySelectorAll('.lucent-section-nav-item'); - - // Show/hide section nav on scroll - window.addEventListener('scroll', function() { - if (window.scrollY > 800) { - sectionNav.classList.add('visible'); - } else { - sectionNav.classList.remove('visible'); - } - - // Highlight active section - navItems.forEach(function(item) { - const target = document.querySelector(item.getAttribute('data-target')); - if (target) { - const rect = target.getBoundingClientRect(); - const isInView = rect.top <= window.innerHeight / 2 && rect.bottom >= window.innerHeight / 2; - - if (isInView) { - navItems.forEach(function(i) { i.classList.remove('active'); }); - item.classList.add('active'); - } - } - }); - }); - - // Click to navigate - navItems.forEach(function(item) { - item.addEventListener('click', function() { - const targetSelector = this.getAttribute('data-target'); - const target = document.querySelector(targetSelector); - if (target) { - target.scrollIntoView({ behavior: 'smooth', block: 'start' }); - } - }); - }); - } - - // ============================================ - // Cookie Consent Banner - // ============================================ - const cookieBanner = document.getElementById('lucentCookieBanner'); - if (cookieBanner) { - const acceptBtn = document.getElementById('acceptCookies'); - const declineBtn = document.getElementById('declineCookies'); - - // Check if user has already made a choice - const cookieConsent = localStorage.getItem('lucent_cookie_consent'); - if (!cookieConsent) { - setTimeout(function() { - cookieBanner.classList.add('visible'); - }, 2000); // Show banner after 2 seconds - } - - acceptBtn.addEventListener('click', function() { - localStorage.setItem('lucent_cookie_consent', 'accepted'); - cookieBanner.classList.remove('visible'); - - // Enable analytics/tracking here - // Example: gtag('consent', 'update', { 'analytics_storage': 'granted' }); - }); - - declineBtn.addEventListener('click', function() { - localStorage.setItem('lucent_cookie_consent', 'essential'); - cookieBanner.classList.remove('visible'); - }); - } - - // ============================================ - // Image Lazy Loading with Blur-Up Effect - // ============================================ - if ('loading' in HTMLImageElement.prototype) { - const lazyImages = document.querySelectorAll('img[loading="lazy"]'); - lazyImages.forEach(function(img) { - img.addEventListener('load', function() { - img.style.filter = 'blur(0)'; - }); - }); - } else { - // Fallback for browsers that don't support lazy loading - const script = document.createElement('script'); - script.src = 'https://cdn.jsdelivr.net/npm/lazysizes@5.3.2/lazysizes.min.js'; - document.body.appendChild(script); - } - - // ============================================ - // Enhanced Stats Counter with Odometer Effect - // ============================================ - function animateValue(element, start, end, duration, suffix = '') { - const range = end - start; - const increment = range / (duration / 16); // 60fps - let current = start; - const timer = setInterval(function() { - current += increment; - if ((increment > 0 && current >= end) || (increment < 0 && current <= end)) { - clearInterval(timer); - current = end; - } - element.textContent = Math.floor(current).toLocaleString() + suffix; - }, 16); - } - - // Animate performance metrics when visible - const metricElements = document.querySelectorAll('[data-metric-target]'); - const metricsObserver = new IntersectionObserver(function(entries) { - entries.forEach(function(entry) { - if (entry.isIntersecting) { - const element = entry.target; - const target = parseInt(element.getAttribute('data-metric-target')); - const currentText = element.textContent; - - if (currentText.includes('<')) { - element.textContent = '<' + target; - } else { - animateValue(element, 0, target, 2000); - } - - metricsObserver.unobserve(element); - } - }); - }, { threshold: 0.5 }); - - metricElements.forEach(function(element) { - metricsObserver.observe(element); - }); - - // ============================================ - // Countdown Timer for Special Offers - // ============================================ - const offerCountdown = document.getElementById('offerCountdown'); - if (offerCountdown) { - const endDate = new Date(); - endDate.setDate(endDate.getDate() + 7); // Offer ends in 7 days - - function updateCountdown() { - const now = new Date().getTime(); - const distance = endDate - now; - - if (distance < 0) { - document.querySelector('.lucent-offer-banner').style.display = 'none'; - return; - } - - const days = Math.floor(distance / (1000 * 60 * 60 * 24)); - const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); - const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); - const seconds = Math.floor((distance % (1000 * 60)) / 1000); - - document.getElementById('countdown-days').textContent = String(days).padStart(2, '0'); - document.getElementById('countdown-hours').textContent = String(hours).padStart(2, '0'); - document.getElementById('countdown-mins').textContent = String(minutes).padStart(2, '0'); - document.getElementById('countdown-secs').textContent = String(seconds).padStart(2, '0'); - } - - updateCountdown(); - setInterval(updateCountdown, 1000); - } - - // ============================================ - // Prefers Reduced Motion - // ============================================ - const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)'); - - if (prefersReducedMotion.matches) { - // Disable animations for users who prefer reduced motion - document.querySelectorAll('.lucent-orb, .lucent-particle').forEach(function(el) { - el.style.animation = 'none'; - }); - } - - // ============================================ - // Performance Monitoring (Optional) - // ============================================ - if ('PerformanceObserver' in window) { - const perfObserver = new PerformanceObserver(function(list) { - list.getEntries().forEach(function(entry) { - if (entry.entryType === 'largest-contentful-paint') { - console.log('LCP:', entry.renderTime || entry.loadTime); - } - }); - }); - - try { - perfObserver.observe({ entryTypes: ['largest-contentful-paint'] }); - } catch (e) { - // LCP not supported - } - } -}); - + + + +
+
+
+

+ {{ theme('cta_title', 'Ready to Get Started?') }} +

+

+ {{ theme('cta_subtitle', 'Join thousands of satisfied customers who trust our platform for their + game hosting needs') }} +

+ + +
+
+
+ +
+ {!! hook('pages.home') !!} +