Internet plus Telewizja

src/content/internet-telewizja/hero.yaml

@@ -0,0 +1,24 @@
+title:
+  - Internet plus telewizja w pakiecie
+subtitle:
+  - DLACZEGO INTERNET + TELEWIZJA FUZ ?
+  - Internet bez kompromisów
+  - Bogata oferta kanałów telewizyjnych
+  - Wszystko, czego potrzebujesz w jednym pakiecie
+
+description: |
+  Szybki i stabilny Internet światłowodowy w pakiecie z telewizją w Wyszkowie oraz okolicach. 
+  Sprawdź zasięg usług i wybierz najlepsze łącze dla swojego domu.
+imageUrl: "/images/section-tv.webp"
+ctas:
+  - label: "Zobacz ofertę Internetu"
+    href: "/internet-telewizja"
+    primary: false
+  - label: "Zobacz ofertę telefonu"
+    href: "/telefon"
+    primary: false
+  # - label: "Sprawdź dostępność"
+  #   href: "/mapa-zasiegu"
+    # primary: false
+  # - label: "Zobacz ofertę"
+  #   href: "/oferta"

src/content/internet-telewizja/offers.yaml

@@ -0,0 +1,225 @@
+przelaczniki:
+  - id: "budynek"
+    etykieta: "Rodzaj budynku"
+    domyslny: "jednorodzinny"
+    opcje:
+      - id: "jednorodzinny"
+        nazwa: "Jednorodzinny"
+      - id: "wielorodzinny"
+        nazwa: "Wielorodzinny"
+
+  - id: "umowa"
+    etykieta: "Okres umowy"
+    domyslny: "24m"
+    opcje:
+      - id: "24m"
+        nazwa: "24 miesiące"
+      - id: "bezterminowa"
+        nazwa: "Bezterminowa"
+
+funkcje:
+  - id: "pobieranie"
+    etykieta: "Pobieranie"
+  - id: "wysylanie"
+    etykieta: "Wysyłanie"
+  - id: "router"
+    etykieta: "Router Wi-Fi"
+  - id: "kanaly"
+    etykieta: "Liczba kanałów"
+  - id: "hd"
+    etykieta: "Kanały HD"
+  - id: "umowa_info"
+    etykieta: "Umowa"
+  - id: "instalacja"
+    etykieta: "Aktywacja"
+
+plany:
+  - id: "pakiet-1"
+    nazwa: "SMART"
+    popularny: false
+    ceny:
+      jednorodzinny:
+        24m: "109 zł/mc"
+        bezterminowa: "129 zł/mc"
+      wielorodzinny:
+        24m: "99 zł/mc"
+        bezterminowa: "119 zł/mc"
+    funkcje:
+      pobieranie: "300 Mb/s"
+      wysylanie: "150 Mb/s"
+      router: true
+      kanaly: "127"
+      hd: "99"
+      umowa_info: "24 / Bezterminowa"
+      instalacja: "99 zł"
+
+  - id: "pakiet-2"
+    nazwa: "OPTIMUM"
+    popularny: false
+    ceny:
+      jednorodzinny:
+        24m: "125 zł/mc"
+        bezterminowa: "145 zł/mc"
+      wielorodzinny:
+        24m: "115 zł/mc"
+        bezterminowa: "135 zł/mc"
+    funkcje:
+      pobieranie: "300 Mb/s"
+      wysylanie: "150 Mb/s"
+      router: true
+      kanaly: "171"
+      hd: "129"
+      umowa_info: "24 / Bezterminowa"
+      instalacja: "99 zł"
+
+  - id: "pakiet-3"
+    nazwa: "PLATINUM"
+    popularny: true
+    ceny:
+      jednorodzinny:
+        24m: "158 zł/mc"
+        bezterminowa: "178 zł/mc"
+      wielorodzinny:
+        24m: "148 zł/mc"
+        bezterminowa: "168 zł/mc"
+    funkcje:
+      pobieranie: "300 Mb/s"
+      wysylanie: "150 Mb/s"
+      router: true
+      kanaly: "207"
+      hd: "157"
+      umowa_info: "24 / Bezterminowa"
+      instalacja: "99 zł"
+
+  - id: "pakiet-4"
+    nazwa: "PODSTAWOWY"
+    popularny: false
+    ceny:
+      jednorodzinny:
+        24m: "88 zł/mc"
+        bezterminowa: "108 zł/mc"
+      wielorodzinny:
+        24m: "78 zł/mc"
+        bezterminowa: "98 zł/mc"
+    funkcje:
+      pobieranie: "300 Mb/s"
+      wysylanie: "150 Mb/s"
+      router: true
+      kanaly: "83"
+      hd: "63"
+      umowa_info: "24 / Bezterminowa"
+      instalacja: "99 zł"
+
+  - id: "pakiet-5"
+    nazwa: "KORZYSTNY"
+    popularny: false
+    ceny:
+      jednorodzinny:
+        24m: "110 zł/mc"
+        bezterminowa: "130 zł/mc"
+      wielorodzinny:
+        24m: "100 zł/mc"
+        bezterminowa: "120 zł/mc"
+    funkcje:
+      pobieranie: "300 Mb/s"
+      wysylanie: "150 Mb/s"
+      router: true
+      kanaly: "142"
+      hd: "107"
+      umowa_info: "24 / Bezterminowa"
+      instalacja: "99 zł"
+
+  - id: "pakiet-6"
+    nazwa: "BOGATY"
+    popularny: false
+    ceny:
+      jednorodzinny:
+        24m: "120 zł/mc"
+        bezterminowa: "140 zł/mc"
+      wielorodzinny:
+        24m: "110 zł/mc"
+        bezterminowa: "130 zł/mc"
+    funkcje:
+      pobieranie: "300 Mb/s"
+      wysylanie: "150 Mb/s"
+      router: true
+      kanaly: "184"
+      hd: "139"
+      umowa_info: "24 / Bezterminowa"
+      instalacja: "99 zł"
+
+uslugi_dodatkowe:
+  - id: "public_ip"
+    nazwa: "Publiczny adres IP"
+    cena: "18,45 zł miesięcznie."
+    opis: |
+      Otrzymujesz unikalny, publiczny adres przypisany na stałe do Twojego łącza, który pozwala na:
+      - Monitoring domu  
+      - Dostęp zdalny do urządzeń  
+      - Hostowanie serwera lub aplikacji  
+
+      Jest to przydatne dla firm, graczy i zaawansowanych użytkowników, którzy potrzebują stabilnej identyfikacji swojej sieci w internecie.
+  - id: telefon
+    nazwa: Telefon
+    cena: od wybranej opcji
+    opis: |
+      Profesjonalna telefonia VoIP jako dodatek do internetu
+
+      - Niższe koszty połączeń - szczególnie na komórki i za granicę
+      - Zachowaj dotychczasowy numer lub otrzymaj nowy lokalny
+      - Bez dodatkowych kabli - działa przez internet
+      - Jeden numer dostępny na wielu urządzeniach jednocześnie
+      - Krystalicznie czysty dźwięk HD
+      
+      [Poznaj szczegóły oferty telefonii →](/telefon)
+
+  - id: "canal_plus"
+    nazwa: "Canal+ Seriale i Filmy"
+    cena: "od 25,00 zł miesięcznie"
+    opis: |
+      <div class="w-full max-w-xl mx-auto aspect-video">
+        <iframe
+          title="Pakiet Canal+"
+          src="https://www.jambox.pl/iframe-pakiet-logo?p=49"
+          class="w-full h-full rounded-lg shadow"
+          style="w-full h-full rounded-lg shadow bg-transparent"
+        ></iframe>
+      </div>
+
+  - id: "canal_sport"
+    nazwa: "Canal+ Super Sport"
+    cena: "od 65,00 zł miesięcznie"
+    opis: |
+      <div class="w-full max-w-xl mx-auto aspect-video" style="aspect-ratio: 6 / 1;">
+        <iframe
+          title="Pakiet Canal+"
+          src="https://www.jambox.pl/iframe-pakiet-logo?p=48"
+          class="w-full h-full rounded-lg shadow bg-transparent">
+        </iframe>
+      </div>
+
+  - id: "canal_hbo"
+    nazwa: "HBO +MAX"
+    cena: "od 27,90 zł miesięcznie"
+    opis: |
+      <div class="w-full max-w-xl mx-auto aspect-video">
+        <iframe
+          title="Pakiet Canal+"
+          src="https://www.jambox.pl/iframe-pakiet-logo?p=20"
+          class="w-full h-full rounded-lg shadow"
+          style="w-full h-full rounded-lg shadow bg-transparent"
+        ></iframe>
+      </div>
+
+  - id: "canal_cinemax"
+    nazwa: "Cinemax"
+    cena: "od 14,90 zł miesięcznie"
+    opis: |
+      <div class="w-full max-w-xl mx-auto aspect-video">
+        <iframe
+          title="Pakiet Canal+"
+          src="https://www.jambox.pl/iframe-pakiet-logo?p=18"
+          class="w-full h-full rounded-lg shadow"
+          style="w-full h-full rounded-lg shadow bg-transparent"
+        ></iframe>
+      </div>

src/content/internet-telewizja/page.yaml

@@ -0,0 +1,21 @@
+title:
+  - PAKIET INTERNET + TELEWIZJA
+
+paragraphs:
+  - title:
+    content: |
+      Przygotowaliśmy sześć pakietów dopasowanych do różnych potrzeb. 
+  
+      Wybierając którykolwiek z nich, zyskujesz nie tylko korzystną cenę, ale przede wszystkim wygodę i oszczędność czasu.
+
+      Jedna umowa, jeden rachunek, jedno miejsce kontaktu. Internet, telewizja i telefon – wszystko w jednym miejscu. Jeśli masz pytania lub potrzebujesz pomocy, jesteśmy do Twojej dyspozycji.
+
+      Oszczędzaj czas i ciesz się prostotą – wszystko, czego potrzebujesz, w jednym miejscu.
+
+  - title:
+    content: 
+      Telewizja dostępna jest wyłącznie jako element pakietów.
+
+      Liczba kanałów zależy od wybranego pakietu.
+
+# Kolejne sekcje mozna dodawać poja wiać się bedą pod tabela produktów

src/content/internet-telewizja/section.yaml

@@ -0,0 +1,62 @@
+sections:
+  - title: Dodatkowe możliwości naszej telewizji"
+    image: "/assets/tv/ekosystem-kyanit.png"
+    content: |
+      - **Catchup** — na wybranych kanałach możesz obejrzeć audycję z ostatnich 7 dni.  
+        [Poznaj szczegóły](#catchup)
+
+      - **Nagrywanie** — nagraj interesującą Cię audycję i obejrzyj ją kiedy chcesz.  
+        [Poznaj szczegóły](#nagrywarka)
+
+      - **StartOver** — obejrzyj od początku audycję, która już się rozpoczęła (do 3h wstecz).  
+        [Poznaj szczegóły](#startover)
+
+      - **Nagrywanie serii** — zaplanuj nagrywanie kolejnych odcinków ulubionego serialu.
+        [Poznaj szczegóły](#nagrywanie_cykliczne)
+
+      - **Pauzowanie** — zatrzymuj i cofaj audycje.
+
+      - **Wyszukiwarka tekstowa** — wyszukaj dowolną frazę audycji i zaplanuj nagranie.
+
+  - title: "Dekoder telewizyjny"
+    image: "/assets/tv/VIP4302.png"
+    content: |
+      Arris 4302 HD to kompaktowy sprzęt z możliwością korzystania z jakości HD. Oprogramowanie Kyanit z wygodnym i szybkim interfejsem użytkownika. 
+
+      Dekoder obsługuje usługi takie jak: CatchUp, StartOver, nagrywanie w chmurze, nagrywanie na dysku (USB PVR oraz MultiPVR), dostęp do wideo na życzenie VOD i inne. 
+
+      Oferuje opcjonalne podłączenie dedykowanego dysku zewnętrznego Arris DVR-One lub własnego.
+
+      **Specyfikacja:**
+      - Procesor 6000 DMIPS z zaawansowaną kartą graficzną z dekoderem telewizji cyfrowej HD
+      - Pamięć RAM 1 GB DDR3
+      - Pamięć Flash 256 MB
+      - Dekoder wspiera pilot w wersji IR (podczerwień) oraz BT (Bluetooth)
+      - Standardowe wejścia/wyjścia dla dźwięku, obrazu i danych:
+      - Interfejsy tylnego panelu obejmują m.in. Ethernet, USB, HDMI, CVBS, Optyczny i analogowy audio 3,5mm
+      - Przedni panel zawiera m.in. diodę LED i odbiornik podczerwieni
+      - Wymiary modelu (szer/dł/wys): 130 x 130 x 26 mm
+
+  - type: "iframe-channels"
+    title: Sprawdź listę kanałów w interesującym Cię pakiecie
+    content: ""
+
+    iframe_sets:
+      - id: "canal_smart"
+        name: "SMART"
+        p: 86
+      - id: "canal_optimum"
+        name: "OPTIMUM"
+        p: 87
+      - id: "canal_platinum"
+        name: "PLATINUM"
+        p: 88
+      - id: "canal_podstawowy"
+        name: "PODSTAWOWY"
+        p: 75
+      - id: "canal_korzystny"
+        name: "KORZYSTNY"
+        p: 76
+      - id: "canal_bogaty"
+        name: "BOGATY"
+        p: 77

src/content/internet-telewizja/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/content/site/footer.yaml

@@ -2,7 +2,7 @@ company:
   name: "FUZ Adam Rojek"
   address:
     line1: "ul. Świętojańska 46"
-    line2: "07-202 Wyszków"
+    line2: "07-200 Wyszków"
 
 contact:
   phones:

src/pages/internet-telewizja/index.astro

@@ -1,20 +1,64 @@
 ---
 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: "Internet + Telewizja – FUZ",
-  description: "Internet + Telewizja – FUZ",
-  canonical: "/internet-telewizja"
+import yaml from "js-yaml";
+import fs from "fs";
+
+const seo = yaml.load(
+  fs.readFileSync("./src/content/internet-telewizja/seo.yaml", "utf8"),
+);
+const hero = yaml.load(
+  fs.readFileSync("./src/content/internet-telewizja/hero.yaml", "utf8"),
+);
+const page = yaml.load(
+  fs.readFileSync("./src/content/internet-telewizja/page.yaml", "utf8"),
+);
+
+type Paragraph = {
+  title?: string;
+  content: string;
 };
+
+const data = yaml.load(
+  fs.readFileSync("./src/content/internet-telewizja/offers.yaml", "utf8"),
+);
+const first = page.paragraphs[0];
+const rest = page.paragraphs.slice(1);
 ---
 
 <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>
+
+  <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/internet-telewizja/section.yaml" />
+  <!-- <section class="fuz-section">
     <div class="fuz-container">
-      <h1 class="fuz-hero-title">Internet + Telewizja – FUZ</h1>
+      <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/sections.css

@@ -7,7 +7,8 @@
 }
 
 .fuz-section-image {
-  @apply w-full h-5/6 object-cover ;
+  /* @apply w-full h-5/6 object-cover ; */
+  @apply w-full object-contain;
 }
 
 .fuz-image-dimmed {
@@ -21,3 +22,28 @@
 .fuz-section-text {
   @apply max-w-4xl mx-auto;
 }
+
+
+.fuz-iframe-box {
+  @apply bg-white dark:bg-slate-800 p-4 rounded-xl 
+         border border-gray-200 dark:border-slate-700 shadow;
+}
+
+.fuz-iframe-wrapper {
+  @apply w-full overflow-hidden border-0 shadow-none;
+  background: transparent !important;
+  aspect-ratio: 16/9;
+}
+
+.fuz-iframe {
+  @apply w-full h-full border-0 shadow-none;
+  background: transparent !important;
+}
+
+.dark .fuz-iframe-wrapper {
+  background: transparent !important;
+}
+
+.dark .fuz-iframe {
+  background: transparent !important;
+}