setting up front 1

2026-07-31 17:41:55 +03:00
parent b88fde739c
commit bf8b9219fc
48 changed files with 2250 additions and 11 deletions
@@ -0,0 +1,66 @@
+<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="/contact" class="underline-slide [--slide-h:5px] font-extrabold italic">Επικοινωνία</a></li>
+                    <li><a href="/shipping" class="underline-slide [--slide-h:5px] font-extrabold italic">Πληροφορίες αποστολών</a></li>
+                    <li><a href="/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="">
+                &copy; {{ date('Y') }} {{ config('app.name') }}. Με επιφύλαξη παντός δικαιώματος.
+            </p>
+
+            <a href="/terms" class="underline-slide [--slide-h:1px] pb-0">Όροι χρήσης</a>
+            <span>|</span>
+            <a href="/privacy" class="underline-slide [--slide-h:1px] pb-0  ">Πολιτική απορρήτου</a>
+        </div>
+
+    </div>
+</footer>