Footer style -radiowy

public/favicon.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
-  <rect width="64" height="64" rx="12" fill="#0ea5e9"/>
-  <text x="50%" y="50%" text-anchor="middle" dominant-baseline="central" font-size="32" fill="white" font-family="system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif">F</text>
-</svg>

src/components/layout/Footer.astro

@@ -9,7 +9,7 @@ const footer = yaml.load(
 
 <footer class="f-footer">
   <div class="f-footer-inner">
-    <div class="f-footer-col space-y-1">
+    <div class="f-footer-col">
       <h3 class="f-footer-col-title">{footer.company.name}</h3>
       <p class="f-footer-col-text">
         {footer.company.address.line1}<br />
@@ -17,14 +17,12 @@ const footer = yaml.load(
       </p>
     </div>
 
-    <div class="f-footer-col space-y-1">
+    <div class="f-footer-col">
       <h4 class="f-footer-col-title">Kontakt</h4>
       {
         footer.contact.phones.map((phone: string) => (
           <p class="f-footer=col-text">
-            {/* <a href={`tel:${phone.replace(/\s/g, "")}`} class="fuz-footer-link"> */}
             {phone}
-            {/* </a> */}
           </p>
         ))
       }
@@ -35,11 +33,11 @@ const footer = yaml.load(
       </p>
     </div>
 
-    <div class="f-footer-col space-y-1">
+    <div class="f-footer-col">
-      <h4 class="f-footer-col-title">Usługi</h4>
+      <h4 class="f-footer-col-title">{footer.services.title}</h4>
       <ul>
         {
-          footer.services.map((item: any) => (
+          footer.services.items.map((item: any) => (
             <li>
               <a href={item.url} title={item.title}>
                 {item.name}

src/content/site/footer.yaml

@@ -11,14 +11,12 @@ contact:
   email: "biuro@fuz.pl"
 
 services:
+  title: "Mapa strony"
+  items:
   - name: "Internet Światłowodowy"
     url: "/internet-swiatlowodowy"
     title: "Przejdź do oferty Internetu światłowodowego"
 
-  - name: "Internet Radiowy"
-    url: "/internet-radiowy"
-    title: "Przejdź do oferty Internetu radiowego"
-
   - name: "Internet + Telewizja"
     url: "/internet-telewizja"
     title: "Przejdź do oferty Internet + Telewizja w FUZ"
@@ -27,6 +25,10 @@ services:
     url: "/telefon"
     title: "Przejdź do oferty telefonu"
 
+  - name: "Zasięg sieci"
+    url: "/zasieg-sieci"
+    title: "Sprawdź zasięg sieci FUZ"
+
 recaptcha:
   Ta strona jest chroniona przez reCAPTCHA.
   Obowiązują

src/styles/footer.css

@@ -8,11 +8,11 @@
     }
 
     .f-footer-col {
-        @apply max-w-sm pt-4;
+        @apply max-w-sm pt-4 space-y-1;
     }
 
     .f-footer-col-title {
-        @apply text-xl font-semibold;
+        @apply text-xl font-semibold text-[var(--f-header)];
 
     }
 
@@ -22,10 +22,13 @@
 
     .f-footer-copyright {
         @apply text-center py-4 text-base text-[var(--f-text)];
-        /* text-center py-0 text-sm */
     }
 
      .f-footer-recaptcha {
         @apply text-base;
+
+        a {
+            @apply text-[var(--f-link-text)];
+        }
     }
 }

src/styles/hero.css

@@ -31,7 +31,6 @@
 
 .f-hero-header-items {
     @apply text-xl md:text-4xl font-semibold mb-2 opacity-0 text-[var(--f-header-items)];
-    /* color: var(--f-text-subtle); */
     animation: fade-in 0.3s ease-out forwards;
     animation-delay: calc(var(--delay) * 0.4s);
 }
@@ -44,7 +43,6 @@
   @apply flex justify-center items-center flex-wrap gap-3 mt-8;
 }
 
-
 @keyframes fade-in {
   from { opacity: 0; transform: translateY(10px); }
   to   { opacity: 1; transform: translateY(0); }

src/styles/theme.css

@@ -35,8 +35,9 @@
   --f-header: var(--brand-light);
   --f-header-2: var(--text1-light);
   --f-header-items: (var(--text2-light));
-  
+
   --f-text: var(--text2-light);
+  --f-link-text: var(--f-header);
 
   --btn-background: var(--surface2-light);
   --btn-text: var(--text1-light);
@@ -70,6 +71,7 @@
   ---f-border-color: rgb(209 213 219);
   /* / var(--tw-border-opacity, 1)); */
 }
+
 :root.dark {
 
   --f-background: var(--surface1-dark);
@@ -79,6 +81,7 @@
   --f-header-items: (var(--text2-dark));
 
   --f-text: var(--text1-dark);
+  --f-link-text: var(--f-header);
 
   --btn-background: var(--surface4-dark);
   --btn-text: var(--text1-dark);