generated from boboko/starter
68 lines
3.4 KiB
PHP
68 lines
3.4 KiB
PHP
<footer class="border-t border-black">
|
|
<div class="max-w-7xl mx-auto px-10 py-20 flex flex-col items-center gap-16">
|
|
|
|
{{-- Logo --}}
|
|
<a href="/" class="shrink-0">
|
|
<img src="/images/logo.png" alt="{{ config('app.name') }}" class="h-40 w-auto">
|
|
</a>
|
|
|
|
<div class="flex flex-col items-center gap-16">
|
|
{{-- Links --}}
|
|
<nav aria-label="Footer navigation">
|
|
<ul class="flex flex-wrap justify-center items-center gap-x-8 gap-y-3 font-semibold uppercase">
|
|
<li><a href="{{ route('contact') }}" class="underline-slide [--slide-h:5px] font-extrabold italic">Επικοινωνία</a></li>
|
|
<li><a href="{{ route('legal.shipping-returns') }}" class="underline-slide [--slide-h:5px] font-extrabold italic">Αποστολές & Επιστροφές</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
{{-- Payment icons --}}
|
|
<div class="flex flex-wrap justify-center items-center gap-5" aria-label="Αποδεκτοί τρόποι πληρωμής">
|
|
<x-ui.payment-icon name="visa" :height="13" />
|
|
<x-ui.payment-icon name="mastercard" :height="18" />
|
|
<x-ui.payment-icon name="paypal" :height="18" />
|
|
<x-ui.payment-icon name="applepay" :height="14" />
|
|
<x-ui.payment-icon name="gpay" :height="14" />
|
|
<x-ui.payment-icon name="klarna" :height="10" />
|
|
</div>
|
|
</div>
|
|
|
|
{{-- Social media --}}
|
|
<nav aria-label="Social media">
|
|
<ul class="flex items-center gap-4">
|
|
<li>
|
|
<a href="#" aria-label="Facebook" class="hover:text-brand">
|
|
<x-ui.icon name="facebook" :size="22" color="text-neutral-300" />
|
|
{{-- <span class="leading-none text-[22px] font-extrabold italic group-hover:underline">FB.</span> --}}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" aria-label="Instagram" class="hover:text-brand">
|
|
<x-ui.icon name="instagram" :size="22" />
|
|
{{-- <span class="leading-none text-[22px] font-extrabold italic group-hover:underline">IG.</span> --}}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" aria-label="TikTok" class="hover:text-brand">
|
|
<x-ui.icon name="tiktok" :size="22" />
|
|
{{-- <span class="leading-none text-[22px] font-extrabold italic group-hover:underline">TT.</span> --}}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
{{-- Copyright --}}
|
|
<div class="flex items-center gap-2">
|
|
<p class="">
|
|
© {{ date('Y') }} {{ config('app.name') }}. Με επιφύλαξη παντός δικαιώματος.
|
|
</p>
|
|
|
|
<a href="{{ route('legal.terms') }}" class="underline-slide [--slide-h:1px] pb-0">Όροι & Προϋποθέσεις</a>
|
|
<span>|</span>
|
|
<a href="{{ route('legal.privacy') }}" class="underline-slide [--slide-h:1px] pb-0">Πολιτική Απορρήτου</a>
|
|
<span>|</span>
|
|
<a href="{{ route('legal.cookies') }}" class="underline-slide [--slide-h:1px] pb-0">Πολιτική Cookies</a>
|
|
</div>
|
|
|
|
</div>
|
|
</footer>
|