Poprawki w stylach oraz zmienne środowiskowe dla smtp

src/components/layout/Footer.astro

@@ -1,55 +1,47 @@
 ---
 import yaml from "js-yaml";
 import fs from "fs";
-import "../../styles/footer.css";
 
 const footer = yaml.load(
   fs.readFileSync("./src/content/site/footer.yaml", "utf8"),
 );
 ---
 
-<footer
-  class="fuz-footer mt-0 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 class="f-footer">
+  <div class="f-footer-inner">
+    <div class="f-footer-col space-y-1">
+      <h3 class="f-footer-col-title">{footer.company.name}</h3>
+      <p class="f-footer-col-text">
         {footer.company.address.line1}<br />
         {footer.company.address.line2}
       </p>
     </div>
 
-    <!-- Kolumna 2 – Kontakt -->
-    <div class="footer-col space-y-1">
-      <h4 class="fuz-footer-title">Kontakt</h4>
+    <div class="f-footer-col space-y-1">
+      <h4 class="f-footer-col-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 class="f-footer=col-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">
+      <p class="f-footer-col-text">
+        <a href={`mailto:${footer.contact.email}`}>
           {footer.contact.email}
         </a>
       </p>
     </div>
 
-    <!-- Kolumna 3 – Usługi -->
-    <div class="footer-col">
-      <h4 class="fuz-footer-title">Usługi</h4>
-      <ul class="space-y-1">
+    <div class="f-footer-col space-y-1">
+      <h4 class="f-footer-col-title">Usługi</h4>
+      <ul>
         {
           footer.services.map((item: any) => (
             <li>
-              <a href={item.url} class="fuz-footer-link" title={item.title}>
+              <a href={item.url} title={item.title}>
                 {item.name}
               </a>
             </li>
@@ -59,16 +51,9 @@ const footer = yaml.load(
     </div>
   </div>
 
-  <!-- DÓŁ FOOTERA -->
-  <div
-    class="text-center py-0 text-sm"
-  >
+  <div class="f-footer-copyright">
     © {new Date().getFullYear()} FUZ Adam Rojek. Wszystkie prawa zastrzeżone.
 
-    <!-- ReCAPTCHA info -->
-    <div
-      class="mt-2 fuz-footer-text text-xs"
-      set:html={footer.recaptcha}
-    />
+    <div class="f-footer-recaptcha" set:html={footer.recaptcha} />
   </div>
 </footer>

src/components/layout/Header.astro

@@ -8,29 +8,37 @@ const links = [
   { name: "INTERNET RADIOWY", href: "/internet-radiowy" },
   { name: "TELEFON", href: "/telefon" },
   { name: "ZASIĘG SIECI", href: "/mapa-zasiegu" },
-  { name: "KONTAKT", href: "/#contact" }
+  { name: "KONTAKT", href: "/#contact" },
+  {
+    name: "BOK",
+    href: "https://panel.fuz.pl/userpanel/auth",
+    external: true,
+    target: "_blank",
+  },
 ];
 ---
 
 <nav class="fuz-navbar">
   <div class="fuz-navbar-inner">
-
-    <!-- Logo -->
     <a href="/" class="flex items-center gap-2 font-semibold">
-      <!-- <span class="inline-flex h-8 w-8 items-center justify-center rounded-full text-sm font-bold"> -->
-        <img src="/assets/logo.webp" alt="FUZ Logo" class="my-0"/>
-      </span>
-      <!-- <span>FUZ</span> -->
+      <img src="/assets/logo.webp" alt="FUZ Logo" class="my-0" />
     </a>
 
-    <!-- Linki desktop -->
     <div class="hidden md:flex fuz-navbar-links">
-      {links.map(link => (
-        <a href={link.href} class="fuz-navbar-link">{link.name}</a>
-      ))}
+      {
+        links.map((link) => (
+          <a
+            href={link.href}
+            class="fuz-navbar-link"
+            target={link.target}
+            rel={link.target === "_blank" ? "noopener noreferrer" : undefined}
+          >
+            {link.name}
+          </a>
+        ))
+      }
     </div>
 
-    <!-- Mobilne menu (hamburger + panel) -->
     <MobileMenu client:load links={links} />
   </div>
 </nav>