multilingual content, change in how we show header categories and homepage hero products

resources/views/contact.blade.php

@@ -1,7 +1,8 @@
 @extends('layouts.app')
 
-@section('title', __('storefront.nav.contact'))
-@section('description', 'Επικοινώνησε μαζί μας για οποιαδήποτε απορία ή ιδέα έχεις και θα σου απαντήσουμε το συντομότερο δυνατό.')
+@section('title', $page->meta_title ?: $page->name)
+@section('description', $page->meta_description)
+@section('og_image', $page->og_image)
 
 {{-- Only on pages with a captcha, not in the global layout. --}}
 @push('scripts')
@@ -21,13 +22,12 @@
             <h1 class="font-display text-h1 font-semibold leading-tight"
                 data-controller="appear"
                 data-appear-visible-class="is-visible">
-                <span class="text-dance">Επικοινώνησε</span><br>
-                μαζί μας <span class="text-dance [--dance-delay:200ms]">άμεσα</span>
+                <span class="text-dance" data-stoic="pages/contact#heading_first">{{ $page->heading_first }}</span><br>
+                <span data-stoic="pages/contact#heading_second">{{ $page->heading_second }}</span>
+                <span class="text-dance [--dance-delay:200ms]" data-stoic="pages/contact#heading_highlight">{{ $page->heading_highlight }}</span>
             </h1>
 
-            <p class="max-w-xl ">
-                Έχεις απορία, ιδέα ή θες να μας πεις κάτι; Γράψε μας το μήνυμά σου και θα σου απαντήσουμε το συντομότερο δυνατό.
-            </p>
+            <p class="max-w-xl" data-stoic="pages/contact#intro">{{ $page->intro }}</p>
 
             <x-ui.status class="max-w-xl" />
 
@@ -76,7 +76,7 @@ class="h-captcha min-h-[78px]"
         </div>
 
         <div class="flex flex-col justify-center border-t border-black px-8 py-16 lg:border-t-0 lg:px-16">
-            <x-contact-details :store="$store" :email="$contactEmail" />
+            <x-contact-details :store="$store" />
         </div>
 
     </section>