Internet Światłowodowy, drobne poprawki SectionDefault

src/components/sections/SectionDefault.astro

@@ -18,8 +18,8 @@ const reverse = index % 2 === 1;
       />
     )}
 
-    <div class={`fuz-section-text ${hasImage ? (reverse ? "md:order-2" : "md:order-1") : ""}`}>
-      <h2 class="fuz-section-title text-center">{section.title}</h2>
+    <div class={`fuz-section text-center ${hasImage ? (reverse ? "md:order-2" : "md:order-1") : ""}`}>
+      <h2 class="fuz-section-title ">{section.title}</h2>
 
       <Markdown text={section.content} />
 

src/content/internet-swiatlowodowy/hero.yaml

@@ -0,0 +1,25 @@
+title:
+  - "Internet światłowodowy w Wyszkowie i okolicach"
+subtitle:
+  - DLACZEGO INTERNET FUZ
+  - Internet bez kompromisów
+  - Szybkie i stabilne łącze
+  - Optymalna oferta
+  - Lokalny operator, znamy Twoją okolicę
+
+description: |
+  Szybki i stabilny Internet światłowodowy i radiowy w Wyszkowie oraz okolicach. 
+  Sprawdź zasięg usług i wybierz najlepsze łącze dla swojego domu.
+imageUrl: "/images/section-fiber.webp"
+ctas:
+  - label: "Zobacz ofertę Internetu + Telewizja"
+    href: "/internet-telewizja"
+    primary: false
+  - label: "Zobacz ofertę Internetu Radiowego"
+    href: "/internet-radio"
+    primary: false
+  # - label: "Sprawdź dostępność"
+  #   href: "/mapa-zasiegu"
+    # primary: false
+  # - label: "Zobacz ofertę"
+  #   href: "/oferta"

src/content/internet-swiatlowodowy/page.yaml

@@ -0,0 +1,21 @@
+title:
+  - INTERNET ŚWIATŁOWODOWY
+
+paragraphs:
+  - title:
+    content: |
+      Światłowody to najbardziej zaawansowana technologia przesyłu danych. 
+      
+      Gwarantują błyskawiczną prędkość, stabilność i niezawodność – bez względu na warunki.
+
+      Dedykowane pasmo,pełna prędkość tylko dla Ciebie.
+
+      Stała jakość, pogoda ani liczba użytkowników w sieci nie mają znaczenia.
+
+      Wiele urządzeń jednocześnie, komputer, telefon, tablet, konsola – wszystko działa płynnie.
+
+      Światłowód to również dostęp do telewizji i telefonu w najwyższej jakości.
+  
+      Sprawdź naszą pełną ofertę i wybierz rozwiązanie dopasowane do Twoich potrzeb.
+
+# Kolejne sekcje mozna dodawać poja wiać się bedą pod tabela produktów

src/content/internet-swiatlowodowy/section.yaml

@@ -0,0 +1,41 @@
+sections:
+  # - title: 
+  #   image: 
+  #   dimmed: true
+  #   type: default 
+  #   content: |
+  #      Światłowody to najbardziej zaawansowana technologia przesyłu danych. 
+       
+  #      Gwarantują błyskawiczną prędkość, stabilność i niezawodność – bez względu na warunki.
+
+  #      Dedykowane pasmo,pełna prędkość tylko dla Ciebie.
+
+  #      Stała jakość, pogoda ani liczba użytkowników w sieci nie mają znaczenia.
+
+  #      Wiele urządzeń jednocześnie, komputer, telefon, tablet, konsola – wszystko działa płynnie.
+
+  #      Światłowód to również dostęp do telewizji i telefonu w najwyższej jakości.
+  
+  #      Sprawdź naszą pełną ofertę i wybierz rozwiązanie dopasowane do Twoich potrzeb.
+
+  - title: Sprawdź dostępność usługi
+    image: "/assets/internet/internet.webp"
+    content: |
+      Światłowody nie docierają jeszcze niestety do wszystkich domów.
+
+      Sprawdź czy pod Twoim adresem dostępna jest nasza usługa internetu światłowodowego.
+
+      Tam gdzie nie docierają światłowody stosuje się inne technologie. Jeśli pod Twoim adresem nie ma jeszcze usług światłowodowych, to sprawdź czy dociera tam nasz [internet radiowy](/internet-radiowy)
+
+  - title: Router WiFi 5 AC1200
+    image: "/assets/internet/E5400.webp"
+    content: |
+      Dwuzakresowy router WiFi 5 AC1200 zapewnia prędkość do 1200 Mb/s.
+
+      Zapewnij gościom dostęp do sieci, jednocześnie utrzymując niepożądanych gości od Twojej sieci WiFi i urządzeń podłączonych do sieci przez Twoją rodzinę.
+
+      Podwójna szerokość pasma (2,4 + 5 GHz), aby uniknąć zakłóceń i zmaksymalizować przepustowość.
+
+      Łatwe połączenia WiFi za pomocą przycisku (WPS), aby dodać urządzenia do swojej sieci WiFi za jednym naciśnięciem przycisku.
+
+      Szyfrowanie WPA2 i zapora SPI pomagają utrzymać bezpieczne połączenie z siecią.

src/content/internet-swiatlowodowy/seo.yaml

@@ -0,0 +1,17 @@
+site:
+  name: "FUZ – Internet światłowodowy i radiowy w Wyszkowie"
+  description: "Stabilny i szybki internet"
+  url: "https://www.fuz.pl"
+  lang: "pl"
+
+company:
+  name: "FUZ Adam Rojek"
+  phone: "+48 (29) 643 80 55"
+  email: "biuro@fuz.pl"
+  street: "ul. Świętojańska 46"
+  city: "Wyszków"
+  postal: "07-200"
+  country: "PL"
+  lat: 52.597385
+  lon: 21.456797
+  logo: "/images/logo-fuz.webp"

src/pages/internet-swiatlowodowy/index.astro

@@ -1,20 +1,61 @@
 ---
 import DefaultLayout from "../../layouts/DefaultLayout.astro";
+import Hero from "../../components/hero/Hero.astro";
+import SectionRenderer from "../../components/sections/SectionRenderer.astro";
+import Markdown from "../../islands/Markdown.jsx";
 
-const seo = {
-  title: "Internet – FUZ",
-  description: "Internet – FUZ",
-  canonical: "/internet"
-};
+import yaml from "js-yaml";
+import fs from "fs";
+
+const seo = yaml.load(
+  fs.readFileSync("./src/content/internet-swiatlowodowy/seo.yaml", "utf8"),
+);
+const hero = yaml.load(
+  fs.readFileSync("./src/content/internet-swiatlowodowy/hero.yaml", "utf8"),
+);
+const page = yaml.load(
+  fs.readFileSync("./src/content/internet-swiatlowodowy/page.yaml", "utf8"),
+);
+
+const first = page.paragraphs[0];
 ---
 
 <DefaultLayout seo={seo}>
-  <section class="fuz-section">
+  <Hero {...hero} />
+
+  <section class="fuz-section text-center">
+    <div class="fuz-section-grid md:grid-cols-1">
+      {page.title.map((line: any) => <h1 class="fuz-section-title">{line}</h1>)}
+
+      {first.title && <h3>{first.title}</h3>}
+      <Markdown text={first.content} />
+    </div>
+  </section>
+
+  {
+    page.paragraphs.slice(1).map((p: { title: string; content: string }) => (
+      <section class="fuz-section text-center">
+        <div class="fuz-section-grid md:grid-cols-1">
+          {p.title && <h3 class="fuz-section-title">{p.title}</h3>}
+
+          {p.content
+            .trim()
+            .split(/\n\n+/)
+            .map((par: string) => (
+              <Markdown text={par} />
+            ))}
+        </div>
+      </section>
+    ))
+  }
+
+  <SectionRenderer src="./src/content/internet-swiatlowodowy/section.yaml" />
+  <!-- <section class="fuz-section">
     <div class="fuz-container">
       <h1 class="fuz-hero-title">Internet – FUZ</h1>
       <p class="mt-4 text-gray-600 dark:text-gray-300">
         Ta podstrona jest na razie szkieletem. Możemy tu później wczytać treść z YAML.
       </p>
     </div>
-  </section>
+  </section> -->
 </DefaultLayout>

src/styles/markdown.css

@@ -5,7 +5,7 @@
 }
 
 .fuz-markdown p {
-  @apply mb-4 text-3xl;
+  @apply mb-4 text-2xl;
 }
 
 .fuz-markdown h1 {

src/styles/sections.css

@@ -1,13 +1,13 @@
 .fuz-section {
-  @apply py-20 px-6;
+  @apply py-10 px-0;
 }
 
 .fuz-section-grid {
-  @apply grid items-center gap-10 max-w-7xl mx-auto;
+  @apply grid items-center gap-5 max-w-7xl mx-auto;
 }
 
 .fuz-section-image {
-  @apply w-full h-full object-cover ;
+  @apply w-full h-5/6 object-cover ;
 }
 
 .fuz-image-dimmed {

src/styles/tailwind.css

@@ -11,11 +11,11 @@ body {
 }
 
 /* Simple FUZ section helpers */
-.fuz-section {
+/* .fuz-section {
   @apply py-16 md:py-24;
-}
+} */
 
-.fuz-container {
+/* .fuz-container {
   @apply container mx-auto px-4;
 }
 
@@ -33,4 +33,4 @@ body {
 
 .fuz-footer {
   @apply border-t border-slate-200/60 dark:border-slate-700/60 py-6 mt-10 text-sm text-gray-500 dark:text-gray-400;
-}
+} */