contanct page

assets/i18n/en/main.ftl

@@ -526,11 +526,13 @@ footer-about = About our company
 footer-stores = Where it's made
 home-stores-photo = Our production facility
 home-stores-discover = Step inside our workshop ›
-page-stores-intro = This is where our medical aids and supplies come to life — in our own production facility. We pair traditional craftsmanship with modern materials and careful inspection of every batch, so you can always rely on the quality.
+page-stores-intro = This is our own facility where our medical aids and supplies are produced.
 page-stores-facility = Production facility
 page-stores-address-label = Facility address
 page-stores-address = Nádražná 328/62, 015 01 Rajec nad Rajčankou
 page-stores-photo-caption = Our production facility in Rajec nad Rajčankou
+page-stores-map = Where to find us
+page-stores-map-open = Open in Google Maps ›
 home-contact-title = Contact us
 home-contact-text = Our hotline is available 24/7. We're happy to help you choose.
 home-contact-cta = Contact the hotline

assets/i18n/sk/main.ftl

@@ -526,11 +526,13 @@ footer-about = O našej spoločnosti
 footer-stores = Kde to vzniká
 home-stores-photo = Naša výrobná prevádzka
 home-stores-discover = Nahliadnite do výroby ›
-page-stores-intro = Tu, vo vlastnej výrobnej prevádzke, vznikajú naše zdravotnícke pomôcky a potreby. Spájame tradičnú remeselnú zručnosť s modernými materiálmi a dôkladnou kontrolou každej série — aby ste sa na kvalitu mohli vždy spoľahnúť.
+page-stores-intro = Toto je naša vlastná prevádzka, kde vyrábame naše zdravotnícke pomôcky a potreby.
 page-stores-facility = Výrobná prevádzka
 page-stores-address-label = Adresa prevádzky
 page-stores-address = Nádražná 328/62, 015 01 Rajec nad Rajčankou
 page-stores-photo-caption = Naša výrobná prevádzka v Rajci nad Rajčankou
+page-stores-map = Kde nás nájdete
+page-stores-map-open = Otvoriť v Google Mapách ›
 home-contact-title = Kontaktujte nás
 home-contact-text = Naša horúca linka je dostupná 24/7. Radi vám poradíme s výberom.
 home-contact-cta = Kontaktujte hotline

assets/views/pages/info.html

@@ -58,27 +58,35 @@
   </ul>
 
   {% elif page == "stores" %}
-  {# Production facility (not a retail store): hero photo + intro + address card.
+  {# Production facility (not a retail store): intro, Google map on top, then a
-     Maps intentionally omitted for now. #}
+     small facility photo next to the address card. #}
   <p class="text-lg text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="page-stores-intro", lang=L) }}</p>
 
-  <figure class="overflow-hidden rounded-radius border border-outline bg-surface-alt dark:border-outline-dark dark:bg-surface-dark-alt">
+  {# Google Map of the production facility. Embedded via the keyless Maps embed
-    <img src="/static/img/store.jpg" alt="{{ t(key='home-stores-photo', lang=L) }}" width="142" height="115" loading="lazy"
+     (centered on the geocoded coords); a static PNG would need a Maps Static
-      class="h-64 w-full object-cover sm:h-80" />
+     API key. The header links out to the full map. #}
-    <figcaption class="border-t border-outline px-4 py-3 text-sm text-on-surface/60 dark:border-outline-dark dark:text-on-surface-dark/60">{{ t(key="page-stores-photo-caption", lang=L) }}</figcaption>
+  <section class="overflow-hidden rounded-radius border border-outline bg-surface-alt dark:border-outline-dark dark:bg-surface-dark-alt">
-  </figure>
+    <div class="flex items-center justify-between gap-3 border-b border-outline px-4 py-3 dark:border-outline-dark">
+      <h2 class="text-sm font-bold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="page-stores-map", lang=L) }}</h2>
+      <a href="https://www.google.com/maps/search/?api=1&query=49.092412,18.643697" target="_blank" rel="noopener"
+        class="text-sm font-semibold text-primary transition hover:underline dark:text-primary-dark">{{ t(key="page-stores-map-open", lang=L) }}</a>
+    </div>
+    <iframe title="{{ t(key='page-stores-map', lang=L) }}" loading="lazy" class="block h-72 w-full border-0 sm:h-96"
+      referrerpolicy="no-referrer-when-downgrade"
+      src="https://maps.google.com/maps?q=49.092412,18.643697&z=15&hl={{ L }}&output=embed"></iframe>
+  </section>
 
-  <div class="grid gap-3 sm:grid-cols-2">
+  {# Small facility photo next to the address. #}
-    <div class="rounded-radius border border-outline bg-surface-alt p-4 dark:border-outline-dark dark:bg-surface-dark-alt">
+  <div class="flex flex-col gap-4 sm:flex-row sm:items-stretch">
+    <figure class="shrink-0 overflow-hidden rounded-radius border border-outline bg-surface-alt dark:border-outline-dark dark:bg-surface-dark-alt sm:w-48">
+      <img src="/static/img/store.jpg" alt="{{ t(key='home-stores-photo', lang=L) }}" width="142" height="115" loading="lazy"
+        class="h-32 w-full object-cover sm:h-full" />
+    </figure>
+    <div class="flex-1 rounded-radius border border-outline bg-surface-alt p-4 dark:border-outline-dark dark:bg-surface-dark-alt">
       <div class="text-xs font-semibold uppercase tracking-wide text-on-surface/50 dark:text-on-surface-dark/50">{{ t(key="page-stores-address-label", lang=L) }}</div>
       <div class="mt-1 font-semibold text-on-surface-strong dark:text-on-surface-dark-strong">{{ t(key="page-stores-facility", lang=L) }}</div>
       <address class="mt-1 not-italic text-on-surface/70 dark:text-on-surface-dark/70">{{ t(key="page-stores-address", lang=L) }}</address>
     </div>
-    <div class="rounded-radius border border-outline bg-surface-alt p-4 dark:border-outline-dark dark:bg-surface-dark-alt">
-      <div class="text-xs font-semibold uppercase tracking-wide text-on-surface/50 dark:text-on-surface-dark/50">{{ t(key="top-contact", lang=L) }}</div>
-      <a href="tel:+421903410476" class="mt-1 block text-lg font-bold text-primary dark:text-primary-dark">{{ t(key="hotline", lang=L) }}</a>
-      <a href="mailto:info@kompress.sk" class="mt-1 block font-semibold text-primary dark:text-primary-dark">{{ t(key="footer-email", lang=L) }}</a>
-    </div>
   </div>
 
   {% else %}