feat(footer): enhance contact section with new label and email link

feat(header): update navigation to include dynamic homepage link
fix(index): correct heading text for clarity in English and Polish pages
style(global): implement mobile-friendly horizontal scroll for problem cards

Author: Don-Damiano

src/components/Footer.astro

@@ -4,23 +4,50 @@ const { lang } = Astro.props;
 const text = lang === "pl"
   ? {
       line1: "Szczecin / Europe-Warsaw · Dostępność: konsulting + wdrożenia",
-      line2: "GitHub + LinkedIn + mail po ustaleniu współpracy (platform rules friendly).",
+      label: "Kontakt:",
+      suffix: "Opisz swój kontekst — zaproponujemy sensowny kolejny krok.",
     }
   : {
       line1: "Szczecin / Europe-Warsaw · Availability: consulting + delivery",
-      line2: "GitHub + LinkedIn + email after engagement (platform rules friendly).",
+      label: "Contact:",
+      suffix: "Share your context — we’ll suggest a reasonable next step.",
     };
 ---
 
 <div style="display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap;">
   <div>
     <div>{text.line1}</div>
-    <div style="margin-top:6px; color: rgba(255,255,255,.5)">{text.line2}</div>
+
+    <div style="margin-top:6px; color: rgba(255,255,255,.5)">
+      {text.label}
+      {" "}
+      <a
+        href="mailto:hello@rocketdeploy.dev"
+        style="border-bottom-color: rgba(122,162,255,.55)"
+      >
+        hello@rocketdeploy.dev
+      </a>
+      {" "}
+      · {text.suffix}
+    </div>
   </div>
 
   <div style="display:flex; gap:14px; align-items:center;">
-    <a href="https://github.com/rocketdeploy-dev" target="_blank" rel="noreferrer">GitHub</a>
-    <a href="#" aria-disabled="true" style="opacity:.65; border-bottom: none;">LinkedIn</a>
+    <a
+      href="https://github.com/rocketdeploy-dev"
+      target="_blank"
+      rel="noreferrer"
+    >
+      GitHub
+    </a>
+
+    <a
+      href="#"
+      aria-disabled="true"
+      style="opacity:.65; border-bottom: none;"
+    >
+      LinkedIn
+    </a>
   </div>
 </div>
 
@@ -35,5 +62,5 @@ const text = lang === "pl"
     user-select:none;
   "
 >
-  — end of output —
+  EOF
 </div>

src/components/Header.astro

@@ -3,6 +3,8 @@ import LanguageSwitch from "./LanguageSwitch.astro";
 
 const { lang } = Astro.props;
 
+const homeHref = lang === "pl" ? "/pl/" : "/en/";
+
 const nav = lang === "pl"
   ? [
       { href: "/pl/", label: "Start" },
@@ -17,12 +19,14 @@ const nav = lang === "pl"
       { href: "/en/contact/", label: "Contact" },
     ];
 ---
+
 <nav class="nav">
   <div class="nav-header">
-    <div class="brand">
+    <a href={homeHref} class="brand" aria-label="Go to homepage">
       <b>rocketdeploy</b>
       <small>systems · delivery · ops</small>
-    </div>
+    </a>
+
     <button
       class="nav-toggle"
       type="button"

src/pages/en/index.astro

@@ -65,9 +65,9 @@ import HeroVisual from "../../components/HeroVisual.astro";
   </section>
 
   <section class="section">
-    <h2>the problem we solve</h2>
+    <h2>the problems we solve</h2>
 
-    <div class="grid" style="grid-template-columns: repeat(3, 1fr);">
+    <div class="grid problem-snap">
       <div class="card">
         <div class="kicker">01</div>
         <h3>Prototypes don’t reach production</h3>

src/pages/pl/index.astro

@@ -68,9 +68,9 @@ import HeroVisual from "../../components/HeroVisual.astro";
   </section>
 
   <section class="section">
-    <h2>problem, który rozwiązujemy</h2>
+    <h2>problemy, które rozwiązujemy</h2>
 
-    <div class="grid" style="grid-template-columns: repeat(3, 1fr);">
+    <div class="grid problem-snap">
       <div class="card">
         <div class="kicker">01</div>
         <h3>Prototyp nie trafia do produkcji</h3>

src/styles/global.css

@@ -67,6 +67,7 @@ a:hover{ border-bottom-color: rgba(122,162,255,.85); }
   display:flex;
   gap: 10px;
   align-items: baseline;
+  border-bottom: none;
 }
 .brand b{ letter-spacing: .2px; }
 .brand small{
@@ -409,4 +410,49 @@ h1{
 .icon-btn:disabled {
   cursor: default;
   opacity: 0.9;
-}
+}
+
+/* Mobile horizontal scroll + snap (opt-in) */
+@media (max-width: 700px){
+  .grid.problem-snap{
+    /* grid -> flex track (na mobile) */
+    display: flex;
+    gap: 12px;
+    margin-top: 18px;
+
+    overflow-x: auto;
+    overflow-y: visible;
+    padding: 6px 14px 12px; /* oddech + żeby karta nie kleiła się do krawędzi */
+    -webkit-overflow-scrolling: touch;
+
+    scroll-snap-type: x mandatory;
+    scroll-padding-left: 14px;
+
+    /* ważne: żeby flex nie próbował “upchnąć” elementów */
+    align-items: stretch;
+  }
+
+  .grid.problem-snap > .card{
+    flex: 0 0 70%;          /* <-- TU jest te “70%” */
+    scroll-snap-align: start;
+  }
+
+  /* Subtelny hint, że jest scroll w prawo (bardzo oszczędnie) */
+  .grid.problem-snap{
+    position: relative;
+    mask-image: linear-gradient(
+      90deg,
+      rgba(0,0,0,1) 0%,
+      rgba(0,0,0,1) 84%,
+      rgba(0,0,0,0) 100%
+    );
+  }
+}
+
+/* Uporządkowanie scrollbarów (nie wpływa na iOS, poprawia desktop/Android) */
+.grid.problem-snap{
+  scrollbar-width: none; /* Firefox */
+}
+.grid.problem-snap::-webkit-scrollbar{
+  display: none; /* Chromium/Safari */
+}