where and who we are

assets/i18n/en/main.ftl

@@ -523,7 +523,17 @@ footer-account = Account
 footer-contact = Contact
 footer-terms = Terms and conditions
 footer-about = About our company
-footer-stores = Our stores
+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-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
+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
 footer-shipping = Shipping and payment
 footer-orders = My orders
 footer-email = info@kompress.sk

assets/i18n/sk/main.ftl

@@ -523,7 +523,17 @@ footer-account = Účet
 footer-contact = Kontakt
 footer-terms = Obchodné podmienky
 footer-about = O našej spoločnosti
-footer-stores = Naše obchody
+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-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
+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
 footer-shipping = Doprava a platba
 footer-orders = Moje objednávky
 footer-email = info@kompress.sk

assets/views/home/index.html

@@ -12,6 +12,7 @@
 {% endblock breadcrumbs %}
 
 {% block content %}
+{% set L = lang | default(value='sk') %}
 {# Home layout adapted from the Kompress design mockup: the left "Kategórie"
    column is already supplied by base.html's #category-sidebar, so the main
    area is split into a featured product grid + a right rail (bestsellers /
@@ -81,23 +82,24 @@
 
     <!-- our stores (static) -->
     <section class="overflow-hidden rounded-radius border border-outline bg-surface-alt dark:border-outline-dark dark:bg-surface-dark-alt">
-      <h2 class="border-b border-outline px-4 py-3.5 text-xs font-bold uppercase tracking-wider text-on-surface-strong dark:border-outline-dark dark:text-on-surface-dark-strong">Naše obchody</h2>
+      <h2 class="border-b border-outline px-4 py-3.5 text-xs font-bold uppercase tracking-wider text-on-surface-strong dark:border-outline-dark dark:text-on-surface-dark-strong">{{ t(key="footer-stores", lang=L) }}</h2>
       <div class="p-3.5">
-        <div class="flex h-28 items-center justify-center rounded-radius border border-outline bg-surface text-sm text-on-surface/50 dark:border-outline-dark dark:bg-surface-dark dark:text-on-surface-dark/40">Foto predajne</div>
-        <a href="/predajne" class="mt-3 inline-block text-sm font-bold text-primary transition hover:underline dark:text-primary-dark">Objaviť naše obchody ›</a>
+        <img src="/static/img/store.jpg" alt="{{ t(key='home-stores-photo', lang=L) }}" width="142" height="115" loading="lazy"
+          class="h-28 w-full rounded-radius border border-outline object-cover dark:border-outline-dark" />
+        <a href="/predajne" class="mt-3 inline-block text-sm font-bold text-primary transition hover:underline dark:text-primary-dark">{{ t(key="home-stores-discover", lang=L) }}</a>
       </div>
     </section>
 
     <!-- contact CTA (static, brand blue) -->
     <section class="overflow-hidden rounded-radius bg-primary text-on-primary dark:bg-primary-dark dark:text-on-primary-dark">
       <div class="p-5">
-        <div class="text-xs font-bold uppercase tracking-wider opacity-80">Kontaktujte nás</div>
-        <p class="mt-2.5 text-sm leading-relaxed opacity-90">Naša horúca linka je dostupná 24/7. Radi vám poradíme s výberom.</p>
+        <div class="text-xs font-bold uppercase tracking-wider opacity-80">{{ t(key="home-contact-title", lang=L) }}</div>
+        <p class="mt-2.5 text-sm leading-relaxed opacity-90">{{ t(key="home-contact-text", lang=L) }}</p>
         <a href="tel:+421903410476" class="mt-3.5 flex items-center gap-2.5 text-xl font-extrabold tracking-tight">
           <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 4h4l2 5-3 2a12 12 0 0 0 5 5l2-3 5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2Z"></path></svg>
           +421 903 410 476
         </a>
-        <a href="tel:+421903410476" class="mt-3.5 block w-full rounded-radius bg-surface px-4 py-3 text-center text-sm font-bold text-primary transition hover:opacity-90 dark:bg-surface-dark dark:text-primary-dark">Kontaktujte hotline</a>
+        <a href="tel:+421903410476" class="mt-3.5 block w-full rounded-radius bg-surface px-4 py-3 text-center text-sm font-bold text-primary transition hover:opacity-90 dark:bg-surface-dark dark:text-primary-dark">{{ t(key="home-contact-cta", lang=L) }}</a>
       </div>
     </section>
 

assets/views/pages/info.html

@@ -57,6 +57,30 @@
     {% endif %}
   </ul>
 
+  {% elif page == "stores" %}
+  {# Production facility (not a retail store): hero photo + intro + address card.
+     Maps intentionally omitted for now. #}
+  <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">
+    <img src="/static/img/store.jpg" alt="{{ t(key='home-stores-photo', lang=L) }}" width="142" height="115" loading="lazy"
+      class="h-64 w-full object-cover sm:h-80" />
+    <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>
+  </figure>
+
+  <div class="grid gap-3 sm:grid-cols-2">
+    <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="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 %}
   <div class="rounded-radius border border-outline bg-surface-alt p-6 text-on-surface/70 dark:border-outline-dark dark:bg-surface-dark-alt dark:text-on-surface-dark/70">
     <p>{{ t(key="page-coming-soon", lang=L) }}</p>