Porządkowanie css, i usuwanie radiowego

src/components/hero/Hero.astro

@@ -14,7 +14,6 @@ const images = import.meta.glob<{ default: ImageMetadata }>('/src/assets/hero/*.
   eager: true
 });
 
-// Przygotowanie zmiennej ImageMetadata | null
 let imageAsset: ImageMetadata | null = null;
 
 if (imageUrl) {
@@ -25,18 +24,16 @@ if (imageUrl) {
     imageAsset = mod.default;
   }
 }
-
-// Obraz HERO jest LCP
 const isLCP = true;
 ---
 
-<section class="fuz-hero">
+<section class="f-hero">
 
   {imageAsset && (
     <Image
       src={imageAsset}
-      alt="Światłowód FUZ – szybki internet w Wyszkowie"
-      class="fuz-hero-bg"
+      alt="Światłowód FUZ, szybki internet w Wyszkowie"
+      class="f-hero-bg"
       loading="eager"
       fetchpriority={isLCP ? "high" : "auto"}
       decoding="async"
@@ -46,35 +43,35 @@ const isLCP = true;
     />
   )}
 
-  <div class="fuz-hero-inner">
+  <div class="f-hero-inner">
 
     {Array.isArray(title)
       ? title.map(line => (
-          <h1 class="fuz-hero-title">{line}</h1>
+          <h1 class="f-hero-header">{line}</h1>
         ))
-      : <h1 class="fuz-hero-title">{title}</h1>
+      : <h1 class="f-hero-header">{title}</h1>
     }
 
     {subtitle && Array.isArray(subtitle) && (
-      <div class="fuz-hero-subtitles">
-        <h2 class="fuz-hero-subtitle" style={`--delay:0`}>
+      <div class="f-hero-subtitles">
+        <h2 class="f-hero-header-2" style={`--delay:0`}>
           {subtitle[0]}
         </h2>
 
         {subtitle.slice(1).map((line, i) => (
-          <p class="fuz-hero-subline" style={`--delay:${i + 1}`}>
+          <p class="f-hero-header-items" style={`--delay:${i + 1}`}>
             {line}
           </p>
         ))}
       </div>
     )}
-
+<!-- TODO: Przerobić ewentualnie na pojedyncze linie -->
     {description && (
-      <p class="fuz-hero-description">{description}</p>
+      <p class="f-hero-description">{description}</p>
     )}
 
     {ctas.length > 0 && (
-      <div class="fuz-hero-cta gap-4">
+      <div class="f-hero-cta">
         {ctas.map((cta: { primary: any; href: string | URL | null | undefined; label: unknown; title: string }) => {
           const cls = cta.primary ? "btn btn-primary" : "btn btn-outline";
           return (
@@ -87,4 +84,4 @@ const isLCP = true;
     )}
   </div>
 
-</section>
+</section>

src/components/layout/Header.astro

@@ -18,18 +18,18 @@ const links = [
 ];
 ---
 
-<nav class="fuz-navbar">
-  <div class="fuz-navbar-inner">
+<nav class="f-navbar">
+  <div class="f-navbar-inner">
     <a href="/" class="flex items-center gap-2 font-semibold">
       <img src="/assets/logo.webp" alt="FUZ Logo" class="my-0" />
     </a>
 
-    <div class="hidden md:flex fuz-navbar-links">
+    <div class="hidden md:flex f-navbar-links">
       {
         links.map((link) => (
           <a
             href={link.href}
-            class="fuz-navbar-link"
+            class="f-navbar-link"
             target={link.target}
             rel={link.target === "_blank" ? "noopener noreferrer" : undefined}
           >

src/components/maps/CitiesList.astro

@@ -18,8 +18,8 @@ const sorted = cities.sort((a: string, b: any) => a.localeCompare(b, "pl"));
 <style>
   .fuz-cities-box {
     
-    background: var(--fuz-bg);
-    color: var(--fuz-text);
+    background: var(--f-background);
+    color: var(--f-text);
    
     padding: 16px;
     
@@ -40,6 +40,6 @@ const sorted = cities.sort((a: string, b: any) => a.localeCompare(b, "pl"));
   }
 
   .fuz-city-item {
-    color: var(--fuz-text);
+    color: var(--f-text);
   }
 </style>