---
import DefaultLayout from "../../layouts/DefaultLayout.astro";
import OffersSwitches from "../../islands/OffersSwitches.jsx";
import InternetCards from "../../islands/Internet/InternetCards.jsx";
import SectionRenderer from "../../components/sections/SectionRenderer.astro";

import yaml from "js-yaml";
import fs from "fs";

const seo = yaml.load(
  fs.readFileSync("./src/content/internet-swiatlowodowy/seo.yaml", "utf8"),
);
---

<DefaultLayout seo={seo}>
  <section class="f-section">
    <div class="f-section-grid-single md:grid-cols-1">
      <h1 class="f-section-title">Internet światłowodowy</h1>
      <div class="fuz-markdown max-w-none">
        <p>Wybierz rodzaj budynku i czas trwania umowy</p>
      </div>
      <OffersSwitches client:load />
      <InternetCards client:load />
    </div>
  </section>

  <SectionRenderer src="./src/content/internet-swiatlowodowy/section.yaml" />
</DefaultLayout>