Telefon

src/content/telefon/hero.yaml

@@ -0,0 +1,17 @@
+title:
+  - Telefon dodatek do internetu światłowodowego
+subtitle:
+  - DLACZEGO TELFON FUZ ?
+  - Niezawodna łączność głosowa dzięki technologii VoIP
+  - Atrakcyjne ceny 
+  - Wszystko, czego potrzebujesz w jednym miejscu
+description: |
+  Dziś dla wielu to niezbędne narzędzie pełne funkcji – „bez telefonu jak bez ręki". 
+imageUrl: "/images/section-telefon.webp"
+ctas:
+  - label: "Zobacz ofertę Internetu + Telewizji"
+    href: "/internet-telewizja"
+    primary: false
+  - label: "Zobacz ofertę internetu światłowodowego"
+    href: "/internet-swiatlowodowy"
+    primary: false

src/content/telefon/offers.yaml

@@ -0,0 +1,50 @@
+funkcje:
+  - id: "minuty_darmowe"
+    etykieta: "Darmowe minuty"
+  - id: "cena_minuta_stacjonarna"
+    etykieta: "Połączenia do krajowych sieci stacjonarnych"
+  - id: "cena_minuta_komorkowe"
+    etykieta: "Połączenia do krajowych sieci komórkowych"
+  - id: "instalacja"
+    etykieta: "Aktywacja"
+
+plany:
+  - id: "tele30"
+    nazwa: "TELE 30"
+    popularny: false
+    cena: "9,90 zł/mc"
+    funkcje:
+      minuty_darmowe: "30"
+      cena_minuta_stacjonarna: "0,07 zł / min."
+      cena_minuta_komorkowe: "0,19 zł / min"
+      instalacja: "1,23 zł"
+
+  - id: "tele100"
+    nazwa: "TELE 100"
+    popularny: false
+    cena: "15,00 zł/mc"
+    funkcje:
+      minuty_darmowe: "100"
+      cena_minuta_stacjonarna: "0,07 zł / min."
+      cena_minuta_komorkowe: "0,19 zł / min"
+      instalacja: "1,23 zł"
+
+  - id: "tele300"
+    nazwa: "TELE 300"
+    popularny: false
+    cena: "29,00 zł/mc"
+    funkcje:
+      minuty_darmowe: "300"
+      cena_minuta_stacjonarna: "0,07 zł / min."
+      cena_minuta_komorkowe: "0,19 zł / min"
+      instalacja: "1,23 zł"
+
+  - id: "tele500"
+    nazwa: "TELE 500"
+    popularny: false
+    cena: "44,00 zł/mc"
+    funkcje:
+      minuty_darmowe: "500"
+      cena_minuta_stacjonarna: "0,07 zł / min."
+      cena_minuta_komorkowe: "0,19 zł / min"
+      instalacja: "1,23 zł"

src/content/telefon/page.yaml

@@ -0,0 +1,27 @@
+title:
+  - USLUGA TELEFONU
+paragraphs:
+  - title:
+    content: |
+      Od czasów Aleksandra Bella telefon przeszedł niesamowitą ewolucję. 
+      
+      Dziś dla wielu to niezbędne narzędzie pełne funkcji – „bez telefonu jak bez ręki". 
+  
+      Ale są też tacy, którzy używają go po prostu do rozmów. I to w zupełności wystarczy.
+
+      Stworzyliśmy zróżnicowaną ofertę, abyś mógł wybrać rozwiązanie idealnie dopasowane do swoich potrzeb.
+      
+      Od prostej linii telefonicznej po rozbudowane opcje.
+
+      Zapoznaj się z naszymi propozycjami i wybierz to, co jest dla Ciebie najlepsze.
+
+  - title:
+    content: |      
+      Usługa telefonu stacjonarnego dostępna jest wyłącznie w pakiecie z Internetem światłowodowym lub Internetem z telewizją. 
+
+      Dzięki temu możesz cieszyć się niezawodną łącznością głosową dzięki technologii VoIP, jednocześnie korzystając z szybkiego i stabilnego dostępu do Internetu oraz bogatej oferty telewizyjnej.
+
+      Wybierz naszą usługę telefonu stacjonarnego z [internetem światłowodowym](/internet-swiatlowodowy)  lub [internetem + telewizją](/internet-telewizja) i zyskaj kompleksowe rozwiązanie komunikacyjne dostosowane do Twoich potrzeb.
+
+
+# Kolejne sekcje mozna dodawać poja wiać się bedą pod tabela produktów

src/content/telefon/section.yaml

@@ -0,0 +1,13 @@
+sections:
+  - title: Zachowaj dotychczasowy numer telefonu
+    image: "/assets/telefon/przeniesienie.webp"
+    content: |
+      Przeniesienie numeru telefonu do naszej sieci nigdy nie było takie proste! 
+
+      Posiadasz telefon stacjonarny u obecnego operatora i nie chcesz rezygnować z dotychczasowego numeru? 
+      
+      Wystarczy nam podać dane, na jakie została zawarta umowa i w prosty sposób przeniesiemy numer do naszej sieci, jednocześnie rozwiązując umowę z obecnym operatorem w Twoim imieniu.
+      
+      Wszystko załatwisz w kilka minut, bez sporządzania pism, wysyłania listów, czy odwiedzania biur obsługi klienta.
+
+      Masz pytania? [Skontaktuj się](/#contact)

src/content/telefon/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/telefon/index.astro

@@ -1,20 +1,57 @@
 ---
 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";
+import OffersIsland from "../../islands/OffersIsland.jsx";
 
-const seo = {
-  title: "Telewizja – FUZ",
-  description: "Telewizja – FUZ",
-  canonical: "/telewizja"
+import yaml from "js-yaml";
+import fs from "fs";
+
+const seo = yaml.load(
+  fs.readFileSync("./src/content/telefon/seo.yaml", "utf8"),
+);
+const hero = yaml.load(
+  fs.readFileSync("./src/content/telefon/hero.yaml", "utf8"),
+);
+const page = yaml.load(
+  fs.readFileSync("./src/content/telefon/page.yaml", "utf8"),
+);
+
+type Paragraph = {
+  title?: string;
+  content: string;
 };
+
+const data = yaml.load(
+  fs.readFileSync("./src/content/telefon/offers.yaml", "utf8"),
+);
+const first = page.paragraphs[0];
+const rest = page.paragraphs.slice(1);
 ---
 
 <DefaultLayout seo={seo}>
-  <section class="fuz-section">
-    <div class="fuz-container">
-      <h1 class="fuz-hero-title">Telefon – 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>
+  <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>
+
+  <OffersIsland client:load data={data} />
+  {
+    rest.map((p: Paragraph) => (
+      <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>}
+          <Markdown text={p.content.replace(/\n/g, "\n\n")} />
+        </div>
+      </section>
+    ))
+  }
+
+  <SectionRenderer src="./src/content/telefon/section.yaml" />
 </DefaultLayout>