Footer, przebudowa

src/components/layout/Footer.astro

@@ -1,10 +1,75 @@
-<footer class="fuz-footer">
+---
-  <div class="fuz-container flex flex-col md:flex-row items-center justify-between gap-3">
+import yaml from "js-yaml";
-    <p class="fuz-footer-text">
+import fs from "fs";
-      © {new Date().getFullYear()} FUZ – lokalny operator internetu i telewizji.
+import "../../styles/footer.css";
-    </p>
+
-    <p class="text-xs text-gray-400">
+const footer = yaml.load(
-      RODO • Polityka prywatności • Cookies
+  fs.readFileSync("./src/content/site/footer.yaml", "utf8"),
-    </p>
+);
+---
+
+<footer
+  class="fuz-footer bg-[var(--fuz-bg)] text-[var(--fuz-text)] mt-20 border-t border-gray-200 dark:border-slate-700"
+>
+  <!-- GŁÓWNY GRID -->
+  <div class="footer-inner max-w-7xl mx-auto px-6 grid md:grid-cols-3 gap-12">
+    <!-- Kolumna 1 – Firma -->
+    <div class="footer-col space-y-3">
+      <h3 class="fuz-footer-title">{footer.company.name}</h3>
+      <p class="fuz-footer-text leading-relaxed">
+        {footer.company.address.line1}<br />
+        {footer.company.address.line2}
+      </p>
+    </div>
+
+    <!-- Kolumna 2 – Kontakt -->
+    <div class="space-y-1">
+      <h4 class="fuz-footer-title">Kontakt</h4>
+
+      {
+        footer.contact.phones.map((phone: string) => (
+          <p class="fuz-footer-text">
+            <a href={`tel:${phone.replace(/\s/g, "")}`} class="fuz-footer-link">
+              {phone}
+            </a>
+          </p>
+        ))
+      }
+
+      <p class="fuz-footer-text">
+        <a href={`mailto:${footer.contact.email}`} class="fuz-footer-link">
+          {footer.contact.email}
+        </a>
+      </p>
+    </div>
+
+    <!-- Kolumna 3 – Usługi -->
+    <div>
+      <h4 class="fuz-footer-title">Usługi</h4>
+      <ul class="space-y-1">
+        {
+          footer.services.map((item: any) => (
+            <li>
+              <a href={item.url} class="fuz-footer-link">
+                {item.name}
+              </a>
+            </li>
+          ))
+        }
+      </ul>
+    </div>
+  </div>
+
+  <!-- DÓŁ FOOTERA -->
+  <div
+    class="text-center py-0 text-sm text-[var(--fuz-text)] opacity-60"
+  >
+    © {new Date().getFullYear()} FUZ Adam Rojek. Wszystkie prawa zastrzeżone.
+
+    <!-- ReCAPTCHA info -->
+    <div
+      class="mt-2 fuz-footer-text text-xs opacity-70"
+      set:html={footer.recaptcha}
+    />
   </div>
 </footer>

src/content/site/footer.yaml

@@ -0,0 +1,27 @@
+company:
+  name: "FUZ Adam Rojek"
+  address:
+    line1: "ul. Świętojańska 46"
+    line2: "07-202 Wyszków"
+
+contact:
+  phones:
+    - "+48 606 369 650"
+    - "+48 (29) 643 80 55"
+  email: "biuro@fuz.pl"
+
+services:
+  - name: "Internet Światłowodowy"
+    url: "/internet-swiatlowodowy"
+  - name: "Internet Radiowy"
+    url: "/internet-radiowy"
+  - name: "Internet + Telewizja"
+    url: "/internet-telewizja"
+  - name: "Telefon"
+    url: "/telefon"
+
+recaptcha:
+  Ta strona jest chroniona przez reCAPTCHA.
+  Obowiązują
+  Google <a href="https://policies.google.com/privacy">Polityka prywatności</a> oraz
+  <a href="https://policies.google.com/terms">Warunki korzystania</a>.

src/content/site/site.section.yaml

@@ -5,7 +5,7 @@ sections:
     type: default
     button:
       text: "Zobacz ofertę →"
-      url: "/internet-swiatlowod/"    
+      url: "/internet-swiatlowodowy"    
     content: |
       Z naszym światłowodem zyskujesz nie tylko internet, ale przewagę — najwyższą jakość połączenia, która nigdy nie zwalnia. 
 

src/styles/contact.css

@@ -19,7 +19,7 @@
 }
 
 .fuz-contact-description p {
-  @apply text-xl mt-4;
+  @apply text-xl mt-4 leading-relaxed;
   color: var(--fuz-text);
 }
 

src/styles/footer.css

@@ -0,0 +1,26 @@
+.fuz-footer-title {
+    @apply text-xl font-semibold;
+}
+
+.fuz-footer-text {
+    @apply text-base;
+}
+
+/* Linki */
+.fuz-footer-link {
+    color: var(--fuz-text);
+    text-decoration: none;
+    transition: opacity 0.2s ease;
+}
+
+.fuz-footer-link:hover {
+    opacity: 0.7;
+}
+
+.footer-col {
+    @apply max-w-sm;
+}
+
+.footer-inner {
+    @apply w-full px-6 max-w-screen-2xl mx-auto flex flex-col gap-10 md:flex-row md:justify-between md:items-start;
+}