Files
Virtnet.bond/themes/lucentui/views/components/navigation/footer.blade.php
2025-11-30 11:57:22 +01:00

94 lines
7.4 KiB
PHP

<footer class="w-full rounded-2xl bg-background-secondary/80 backdrop-blur-md border border-neutral/50 mt-8">
<div class="container mx-auto px-6 py-8">
<div class="flex flex-col lg:flex-row items-start lg:items-center justify-between gap-6">
<!-- Left Section -->
<div class="flex flex-col space-y-4 max-w-md">
<div class="flex items-center gap-3">
<!-- Logo without background -->
<x-logo class="h-4 w-auto" />
<h3 class="text-lg font-bold text-base">{{ config('app.name') }}</h3>
</div>
<div class="prose prose-sm text-base/70 prose-headings:text-base prose-p:text-base/60 prose-a:text-primary hover:prose-a:text-primary/80 prose-a:no-underline hover:prose-a:underline">
{!! Str::markdown(theme('footer_text', 'Welcome to Paymenter'), ['allow_unsafe_links' => false]) !!}
</div>
<div class="text-xs text-base/50">
{{ __('© :year :app_name. | All rights reserved.', ['year' => date('Y'), 'app_name' => config('app.name')]) }}
</div>
<span style="display:none;">%%__USERNAME__%%</span>
</div>
<!-- Right Section -->
<div class="flex flex-col lg:items-end gap-4">
<!-- Policy & Utility Links (Alphabetically) -->
<div class="flex flex-wrap gap-4 text-sm">
<a href="https://billing.virtnet.bond/announcements" target="_blank" rel="noopener noreferrer" class="text-base/60 hover:text-secondary transition-colors duration-200">Announcements</a>
<a href="https://billing.virtnet.bond/commercial" target="_blank" rel="noopener noreferrer" class="text-base/60 hover:text-secondary transition-colors duration-200">Commercial</a>
<a href="/contact" class="text-base/60 hover:text-secondary transition-colors duration-200">Contact Us</a>
<a href="https://billing.virtnet.bond/documentation" target="_blank" rel="noopener noreferrer" class="text-base/60 hover:text-secondary transition-colors duration-200">Documentation</a>
@if (theme('privacy_policy_url'))
<a href="{{ theme('privacy_policy_url') }}" class="text-base/60 hover:text-secondary transition-colors duration-200">Privacy Policy</a>
@endif
<a href="/abuse" class="text-base/60 hover:text-secondary transition-colors duration-200">Report Abuse</a>
@if (theme('support_url'))
<a href="{{ theme('support_url') }}" class="text-base/60 hover:text-secondary transition-colors duration-200">Support</a>
@endif
@if (theme('terms_of_service_url'))
<a href="{{ theme('terms_of_service_url') }}" class="text-base/60 hover:text-secondary transition-colors duration-200">Terms of Service</a>
@endif
</div>
<div class="flex gap-3 mt-2">
<!-- Network logos with hover effect -->
<a href="https://manrs.org/participant/6536/" target="_blank" rel="noopener noreferrer"
class="p-2 bg-bg-secondary/50 hover:bg-bg-secondary rounded-lg border border-neutral/20 hover:border-neutral/30 transition-all duration-200 group flex items-center justify-center">
<img src="https://billing.virtnet.bond/assets/images/manrs.png" class="w-5 h-5 filter grayscale group-hover:grayscale-0 transition-all duration-200" alt="MANRS logo">
</a>
<a href="https://stat.ripe.net/resource/AS214022#tab=overview" target="_blank" rel="noopener noreferrer"
class="p-2 bg-bg-secondary/50 hover:bg-bg-secondary rounded-lg border border-neutral/20 hover:border-neutral/30 transition-all duration-200 group flex items-center justify-center">
<img src="https://billing.virtnet.bond/assets/images/ripencc.png" class="w-5 h-5 filter grayscale group-hover:grayscale-0 transition-all duration-200" alt="RIPE NCC logo">
</a>
<a href="https://www.peeringdb.com/net/37672" target="_blank" rel="noopener noreferrer"
class="p-2 bg-bg-secondary/50 hover:bg-bg-secondary rounded-lg border border-neutral/20 hover:border-neutral/30 transition-all duration-200 group flex items-center justify-center">
<img src="https://billing.virtnet.bond/assets/images/peerdb.png" class="w-5 h-5 filter grayscale group-hover:grayscale-0 transition-all duration-200" alt="PeeringDB logo">
</a>
<a href="https://bgp.tools/as/214022" target="_blank" rel="noopener noreferrer"
class="p-2 bg-bg-secondary/50 hover:bg-bg-secondary rounded-lg border border-neutral/20 hover:border-neutral/30 transition-all duration-200 group flex items-center justify-center">
<img src="https://billing.virtnet.bond/assets/images/bgptools.png" class="w-5 h-5 filter grayscale group-hover:grayscale-0 transition-all duration-200" alt="BGP Tools logo">
</a>
<!-- GitHub -->
@if (theme('github_url'))
<a href="{{ theme('github_url') }}" class="p-2 bg-bg-secondary/50 hover:bg-bg-secondary rounded-lg border border-neutral/20 hover:border-neutral/30 transition-all duration-200 group flex items-center justify-center">
<x-ri-github-fill class="w-5 h-5 text-base/60 group-hover:text-secondary" />
</a>
@endif
<!-- Gitea -->
<a href="https://gitea.virtnet.bond/" target="_blank" rel="noopener noreferrer"
class="p-2 bg-bg-secondary/50 hover:bg-bg-secondary rounded-lg border border-neutral/20 hover:border-neutral/30 transition-all duration-200 group flex items-center justify-center">
<x-ri-git-branch-line class="w-5 h-5 text-base/60 group-hover:text-secondary" />
</a>
</div>
<!-- Trusted Partners Title -->
<div class="mt-4 text-sm font-semibold text-base/70">Trusted Partners</div>
<!-- Trusted Partners Links -->
<div class="flex flex-wrap gap-4 text-sm mt-2">
<a href="https://www.avsisp.com/" target="_blank" rel="noopener noreferrer" class="text-base/60 hover:text-secondary transition-colors duration-200">AVS ISP</a>
<a href="https://cilix.co.uk/" target="_blank" rel="noopener noreferrer" class="text-base/60 hover:text-secondary transition-colors duration-200">Cilix Limited</a>
<a href="https://informatiq.org/" target="_blank" rel="noopener noreferrer" class="text-base/60 hover:text-secondary transition-colors duration-200">InformatiQ</a>
<a href="https://stocade.com/" target="_blank" rel="noopener noreferrer" class="text-base/60 hover:text-secondary transition-colors duration-200">Stocade</a>
<a href="https://tritan.gg/" target="_blank" rel="noopener noreferrer" class="text-base/60 hover:text-secondary transition-colors duration-200">Tritan Internet</a>
</div>
<!-- Social Icons Section -->
</div>
</div>
</div>
</footer>