@orangesk/cms-templates 1.0.0-beta.0 → 1.0.0-beta.2

package/src/pages/blog-homepage-clovek.mdx

@@ -1,437 +0,0 @@
----
----
-
-import {
-  Bar,
-  BarItem,
-  BlockAction,
-  BlockActionControl,
-  BlockActionIndicator,
-  BlockActionOverride,
-  Breadcrumbs,
-  Button,
-  Buttons,
-  Card,
-  CardSection,
-  Carousel,
-  Container,
-  Cover,
-  Divider,
-  Grid,
-  GridCol,
-  Icon,
-  Image,
-  Link,
-  Section,
-  Tag,
-  Tile,
-} from "@orangesk/orange-design-system";
-import Page from "../layouts/DefaultPage";
-import { ArticleCard } from "../components/ArticleCard";
-import { articleTiles } from "../data/homepage";
-import { FeaturedArticles } from "../components/FeaturedArticles";
-import { Tags } from "../components/Tags";
-import { HeroSection } from "../components/HeroSection";
-import { SectionTitle } from "../components/SectionTitle";
-import { ActionTile, ActionTiles } from "../components/ActionTile";
-
-export const SekciaArticleTiles = () => (
-  <Section spacing="default">
-    <SectionTitle title="Najnovšie" linkText="Všetky články" />
-    <Carousel
-      id="carousel-article-titles"
-      className="mb-large"
-      data-swiper-options='{"slidesPerView":1.2,"breakpoints":{"768":{"slidesPerView":2.5}, "1024":{"slidesPerView":3}}}'
-      items={articleTiles.map((props, index) => {
-        return <ArticleCard key={index} {...props} />;
-      })}
-      showScrollbar={true}
-      bleedRight
-    />
-    <Link href="#" className="bold hide-md">
-      {"Všetky články"}
-      <Icon
-        name="chevron-right"
-        aria-hidden={true}
-        size="large"
-        className="link__icon-right"
-      />
-    </Link>
-  </Section>
-);
-
-export const SekciaBlogPosts = () => (
-  <Section color="background-accent1-blog" spacing="default">
-    <SectionTitle title="Lifetech" linkText="Všetko z Lifetech" />
-    <Grid>
-      <GridCol size={{ xs: 12, lg: 6 }}>
-        <ArticleCard
-          tagline="FTTH optika"
-          title="Zvýšte hodnotu svojej nehnuteľnosti"
-          tag="Lifetech"
-          src="/assets/blogpost-cover-image-1.png"
-          alt="Image alt"
-          withIcon
-          withDate
-          withReadingTime
-          className="mb-xlarge"
-        />
-      </GridCol>
-      <GridCol size={{ xs: 12, lg: 6 }}>
-        <Carousel
-          id="carousel-blog-posts"
-          className="hide-lg mb-large"
-          data-swiper-options='{"slidesPerView":1.2,"breakpoints":{"768":{"slidesPerView":2.5}}}'
-          items={[
-            <ArticleCard
-              tagline="Tagline"
-              title="Nezabúdajme, že za každým profilom je skutočný človek"
-              tag="Lifetech"
-              titleTag="h3"
-              src="/assets/blogpost-cover-image-2.png"
-              alt="Image alt"
-            />,
-            <ArticleCard
-              tagline="Tagline"
-              title="6 technologických inovácií pre pohodový festival s rodinou"
-              tag="Lifetech"
-              titleTag="h3"
-              src="/assets/blogpost-cover-image-5.png"
-              alt="Image alt"
-            />,
-            <ArticleCard
-              tagline="Tagline"
-              title="Rozmýšľate, kam so starým mobilom?"
-              tag="Lifetech"
-              titleTag="h3"
-              src="/assets/blogpost-cover-image-4.png"
-              alt="Image alt"
-            />,
-            <ArticleCard
-              tagline="Tagline"
-              title="Rozhovor s Michalom Kaščákom"
-              tag="Lifetech"
-              titleTag="h3"
-              src="/assets/blogpost-cover-image-3.png"
-              alt="Image alt"
-            />,
-          ]}
-          showScrollbar={true}
-          bleedRight
-        />
-        <div className="show-lg">
-          <Grid
-            vAlign="start"
-            className="horizontal-scroll horizontal-scroll--lg-disable mb-large"
-            justifyHeight
-            rowGapSize="large"
-          >
-            <GridCol size={{ xs: 9, lg: 6 }}>
-              <ArticleCard
-                tagline="FTTH optika"
-                title="Nezabúdajme, že za každým profilom je skutočný človek"
-                tag="Lifetech"
-                src="/assets/blogpost-cover-image-2.png"
-                alt="Image alt"
-              />
-            </GridCol>
-            <GridCol size={{ xs: 9, lg: 6 }}>
-              <ArticleCard
-                tagline="FTTH optika"
-                title="6 technologických inovácií pre pohodový festival s rodinou"
-                tag="Lifetech"
-                src="/assets/blogpost-cover-image-5.png"
-                alt="Image alt"
-              />
-            </GridCol>
-            <GridCol size={{ xs: 9, lg: 6 }}>
-              <ArticleCard
-                tagline="FTTH optika"
-                title="Rozmýšľate, kam so starým mobilom?"
-                tag="Lifetech"
-                src="/assets/blogpost-cover-image-4.png"
-                alt="Image alt"
-              />
-            </GridCol>
-            <GridCol size={{ xs: 9, lg: 6 }}>
-              <ArticleCard
-                tagline="FTTH optika"
-                title="Rozhovor s Michalom Kaščákom"
-                tag="Lifetech"
-                src="/assets/blogpost-cover-image-3.png"
-                alt="Image alt"
-              />
-            </GridCol>
-          </Grid>
-        </div>
-      </GridCol>
-    </Grid>
-    <Link href="#" className="bold hide-md">
-      {"Všetko z Lifetech"}
-      <Icon
-        name="chevron-right"
-        aria-hidden={true}
-        size="large"
-        className="link__icon-right"
-      />
-    </Link>
-  </Section>
-);
-
-export const SekciaTestimonial = () => (
-  <Section spacing="default">
-    <Grid hAlign="center">
-      <GridCol size={{ xs: 12, lg: 8 }}>
-        <div className="align-center mb-large">
-          <svg
-            className="icon icon--xxlarge"
-            aria-hidden={true}
-            xmlns="http://www.w3.org/2000/svg"
-            width="64"
-            height="64"
-            viewBox="0 0 64 64"
-            fill="none"
-          >
-            <path
-              d="M27.1021 49.102H12V34C12 31.2789 12.2722 28.7392 12.8164 26.3809C13.4513 23.932 14.3583 21.8004 15.5375 19.9864C16.8073 18.1723 18.3946 16.7211 20.2994 15.6327C22.2041 14.5442 24.4263 14 26.966 14V20.8027C25.424 20.8027 24.1542 21.2109 23.1565 22.0272C22.1587 22.7528 21.3424 23.7506 20.7075 25.0204C20.0726 26.2902 19.6191 27.7415 19.347 29.3741C19.1656 30.9161 19.0748 32.458 19.0748 34H27.1021V49.102ZM52 49.102H36.898V34C36.898 31.2789 37.1701 28.7392 37.7143 26.3809C38.3492 23.932 39.2562 21.8004 40.4354 19.9864C41.7052 18.1723 43.2925 16.7211 45.1973 15.6327C47.102 14.5442 49.3243 14 51.864 14V20.8027C50.322 20.8027 49.0521 21.2109 48.0544 22.0272C47.0567 22.7528 46.2404 23.7506 45.6054 25.0204C44.9705 26.2902 44.517 27.7415 44.2449 29.3741C44.0635 30.9161 43.9728 32.458 43.9728 34H52V49.102Z"
-              fill="#FF7900"
-            />
-          </svg>
-        </div>
-        <div className="mb-large align-center">
-          <p className="h2 thin mb-none">
-            Ak sa chystáte napísať negatívny komentár, uistite sa, že je
-            užitočný, slušný, nikoho neuráža a vaša kritika je konštruktívna.
-          </p>
-        </div>
-        <div className="align-center mb-none">
-          <div className="mb-small">
-            <p className="mb-none center-block">Monika Petrus, z článku:</p>
-          </div>
-          <div className="mb-large">
-            <Link className="text-accent center-block h3" href="#">
-              Nezabúdajme, že za každým profilom je skutočný človek
-            </Link>
-          </div>
-          <Tag href="#" color="transparent">
-            Lifetech
-          </Tag>
-        </div>
-      </GridCol>
-    </Grid>
-  </Section>
-);
-
-export const SekciaIne = () => (
-  <Section color="background-accent2-blog" id="sekcia-ine" spacing="default">
-    <SectionTitle title="Iné" linkText="Všetky Iné" />
-    <Grid className="mb-xlarge mb-md-none">
-      <GridCol size={{ xs: 12, lg: 6 }}>
-        <ArticleCard
-          tagline="FTTH optika"
-          title="Zvýšte hodnotu svojej nehnuteľnosti"
-          tag="Lifetech"
-          src="/assets/Gaming_medium.png"
-          alt="Image alt"
-          withIcon
-          withDate
-          withReadingTime
-          className="mb-xlarge"
-        />
-      </GridCol>
-      <GridCol size={{ xs: 12, lg: 6 }}>
-        <Grid>
-          <GridCol>
-            <ArticleCard
-              tagline="FTTH optika"
-              title="Nezabúdajme, že za každým profilom je skutočný človek"
-              tag="Lifetech"
-              src="/assets/Gaming_medium.png"
-              alt="Image alt"
-              isHorizontal
-            />
-            <Divider
-              thinLine
-              color="text"
-              className="pl-none pr-none is-dark"
-            />
-          </GridCol>
-          <GridCol>
-            <ArticleCard
-              tagline="FTTH optika"
-              title="6 technologických inovácií pre pohodový festival s rodinou"
-              tag="Lifetech"
-              src="/assets/Gaming_medium.png"
-              alt="Image alt"
-              isHorizontal
-            />
-            <Divider
-              thinLine
-              color="text"
-              className="pl-none pr-none is-dark"
-            />
-          </GridCol>
-          <GridCol>
-            <ArticleCard
-              tagline="FTTH optika"
-              title="Rozmýšľate, kam so starým mobilom?"
-              tag="Lifetech"
-              src="/assets/Gaming_medium.png"
-              alt="Image alt"
-              isHorizontal
-            />
-          </GridCol>
-        </Grid>
-      </GridCol>
-    </Grid>
-    <Link href="#" className="bold hide-md">
-      {"Všetky Iné"}
-      <Icon
-        name="chevron-right"
-        aria-hidden={true}
-        size="large"
-        className="link__icon-right"
-      />
-    </Link>
-  </Section>
-);
-
-export const SekciaMesiacZadarmo = () => {
-  return (
-    <Section spacing="default">
-      {/*
-    // TODO: add support for "neutral" color scheme in ODS2 BodyBanner component
-    // TODO: add support for order on mobile (image in the middle)
-    <BodyBanner
-      size="large"
-      colorScheme="light"
-      color="gray"
-      title="Mesiac zadarmo pri nákupe online"
-      description="Je výhodné byť vo výhode. Pri nákupe online máte vačšie šance zozbierať zľavy, využite ich naplno!"
-      buttonText="Nakúpiť online"
-      imageUrl="/assets/love-odporucane-baliky-hero-xxl@2x.png"
-    />
-    */}
-      <div className="grid body-banner is-large is-gray grid--column-gap-none">
-        <div className="grid__col grid__col--12 grid__col--md-6 body-banner__content">
-          <div className="body-banner__content-inner is-large">
-            <div>
-              <h2 className="mb-small">Mesiac zadarmo pri nákupe online</h2>
-              <p className="h6 mb-none fullwidth">
-                Je výhodné byť vo výhode. Pri nákupe online máte vačšie šance
-                zozbierať zľavy, využite ich naplno!
-              </p>
-            </div>
-            <div className="body-banner__button is-large">
-              <Buttons isStackedOnXs className="fullwidth">
-                <Button href="#" size="large" type="fill" className="mb-none">
-                  {"Nakúpiť online"}
-                </Button>
-              </Buttons>
-            </div>
-          </div>
-        </div>
-        <div className="grid__col grid__col--12 grid__col--md-6 body-banner__image">
-          <Image
-            className="is-large"
-            src="/assets/love-odporucane-baliky-hero-xxl@2x.png"
-            alt="Body Banner"
-          />
-        </div>
-      </div>
-    </Section>
-  );
-};
-
-export const SekciaInnovationsPozadie = () => {
-  return (
-    <Cover
-      className="d-flex align-items-center justify-content-center"
-      bgSrc="/assets/festivaly-2-mobile-rozcestnik@2x.jpg"
-      size="xlarge"
-    >
-      <Container>
-        <Grid vAlign="center" justifyHeight>
-          <GridCol size={{ lg: 6 }}>
-            <BlockAction>
-              <CardSection isFilling className="background-primary">
-                <div>
-                  <p className="mb-xsmall">Innovations</p>
-                  <div className="mb">
-                    <BlockActionIndicator>
-                      <h2 className="h2 thin">
-                        6 technologických inovácií pre pohodový festival s
-                        rodinou
-                      </h2>
-                    </BlockActionIndicator>
-                  </div>
-                  <p>
-                    Vedeli ste, že optický internet zvyšuje hodnotu
-                    nehnuteľností? V&nbsp;dnešnej digitálnej dobe sa kvalita
-                    internetového pripojenia stáva čoraz dôležitejšou.{" "}
-                  </p>
-                  <div className="mb-large">
-                    <BlockActionControl>
-                      <Link href="#">Čítať viac</Link>
-                    </BlockActionControl>
-                  </div>
-                  <BlockActionOverride>
-                    <Tag
-                      href="#"
-                      color="transparent"
-                      className="align-self-left"
-                    >
-                      Lifetech
-                    </Tag>
-                  </BlockActionOverride>
-                </div>
-              </CardSection>
-            </BlockAction>
-          </GridCol>
-        </Grid>
-      </Container>
-    </Cover>
-  );
-};
-
-export const SekciaPripraviliSmePreVas = () => {
-  return (
-    <ActionTiles
-      title="Pripravili sme pre vás"
-      tiles={["Biznis trendy", "Tlačové správy", "Nadácia Orange"]}
-    />
-  );
-};
-
-<Page isClovek>
-  <Breadcrumbs
-    label="Breadcrumbs"
-    items={[
-      {
-        text: "Domov",
-        url: "#",
-      },
-      {
-        text: "Blog Človek",
-        url: "#",
-      },
-    ]}
-  />
-  <Tags />
-  <HeroSection
-    src="/assets/worker.png"
-    alt="worker"
-    subtitle="5G a obnoviteľné zdroje"
-    title="Kľúč k udržateľnej budúcnosti"
-    description="Vedeli ste, že optický internet zvyšuje hodnotu nehnuteľností? V dnešnej digitálnej dobe sa kvalite internetového pripojenia stáva čoraz dôležitejšou."
-    className="background-primary is-dark"
-  />
-  <SekciaArticleTiles />
-  <SekciaBlogPosts />
-  <SekciaTestimonial />
-  <SekciaIne />
-  <SekciaMesiacZadarmo />
-  <SekciaInnovationsPozadie />
-  <FeaturedArticles />
-  <SekciaPripraviliSmePreVas />
-</Page>

package/src/pages/blog-news-clovek.mdx

@@ -1,163 +0,0 @@
----
----
-
-import {
-  Breadcrumbs,
-  Grid,
-  GridCol,
-  Section,
-  Pagination,
-  Container,
-} from "@orangesk/orange-design-system";
-import Page from "../layouts/DefaultPage";
-import { Tags } from "../components/Tags";
-import { HeroSection } from "../components/HeroSection";
-import { ArticleCard } from "../components/ArticleCard";
-
-<Page isClovek>
-  <Breadcrumbs
-    label="Breadcrumbs"
-    items={[
-      {
-        text: "Domov",
-        url: "#",
-      },
-      {
-        text: "Dobré čítanie pre ľudí, od ľudí",
-        url: "#",
-      },
-      {
-        text: "Ako chrániť deti na sociálnych sieťach?",
-        url: "#",
-      },
-    ]}
-  />
-  <Tags isActive />
-  <HeroSection
-    src="/assets/iphone-17.png"
-    alt="worker"
-    subtitle="iPhone 17"
-    title="Revolučný dizajn a AI funkcie?"
-    description={`Svet technológií nikdy nespí. Hoci sa ešte len zoznamujeme s funkciami aktuálneho modelu, v technologických kruhoch sa už šepká o jeho nástupcovi - iPhone 17. Aké novinky prinesie tento očakávaný model?`}
-    className="background-accent2-blog"
-    isReverse
-    readingTime="15 minút"
-    date="25.9.2024"
-  />
-  <Section>
-    <Grid rowGapSize="large">
-      <GridCol size={{ xs: 12, lg: 6 }}>
-        <ArticleCard
-          title="Zvýšte hodnotu svojej nehnuteľnosti"
-          tag="Lifetech"
-          src="/assets/Gaming_medium.png"
-          alt="Image alt"
-          withIcon
-          withDate
-          withReadingTime
-          description="Predstavte si ideálne letné ráno. Ranná káva na terase, deti sa hrajú v záhrade, vy pracujete na laptope. Večer grilovanie, film pod hviezdami. A k tomu všetkému - stabilný a rýchly internet aj mimo pokrytia optikou.."
-        />
-      </GridCol>
-      <GridCol size={{ xs: 12, lg: 6 }}>
-        <ArticleCard
-          title="Zvýšte hodnotu svojej nehnuteľnosti"
-          tag="Lifetech"
-          src="/assets/Gaming_medium.png"
-          alt="Image alt"
-          withIcon
-          withDate
-          withReadingTime
-          description="Predstavte si ideálne letné ráno. Ranná káva na terase, deti sa hrajú v záhrade, vy pracujete na laptope. Večer grilovanie, film pod hviezdami. A k tomu všetkému - stabilný a rýchly internet aj mimo pokrytia optikou.."
-        />
-      </GridCol>
-      <GridCol size={{ xs: 12, lg: 6 }}>
-        <ArticleCard
-          title="Zvýšte hodnotu svojej nehnuteľnosti"
-          tag="Lifetech"
-          src="/assets/Gaming_medium.png"
-          alt="Image alt"
-          withIcon
-          withDate
-          withReadingTime
-          description="Predstavte si ideálne letné ráno. Ranná káva na terase, deti sa hrajú v záhrade, vy pracujete na laptope. Večer grilovanie, film pod hviezdami. A k tomu všetkému - stabilný a rýchly internet aj mimo pokrytia optikou.."
-        />
-      </GridCol>
-      <GridCol size={{ xs: 12, lg: 6 }}>
-        <ArticleCard
-          title="Zvýšte hodnotu svojej nehnuteľnosti"
-          tag="Lifetech"
-          src="/assets/Gaming_medium.png"
-          alt="Image alt"
-          withIcon
-          withDate
-          withReadingTime
-          description="Predstavte si ideálne letné ráno. Ranná káva na terase, deti sa hrajú v záhrade, vy pracujete na laptope. Večer grilovanie, film pod hviezdami. A k tomu všetkému - stabilný a rýchly internet aj mimo pokrytia optikou.."
-        />
-      </GridCol>
-      <GridCol size={{ xs: 12, lg: 6 }}>
-        <ArticleCard
-          title="Zvýšte hodnotu svojej nehnuteľnosti"
-          tag="Lifetech"
-          src="/assets/Gaming_medium.png"
-          alt="Image alt"
-          withIcon
-          withDate
-          withReadingTime
-          description="Predstavte si ideálne letné ráno. Ranná káva na terase, deti sa hrajú v záhrade, vy pracujete na laptope. Večer grilovanie, film pod hviezdami. A k tomu všetkému - stabilný a rýchly internet aj mimo pokrytia optikou.."
-        />
-      </GridCol>
-      <GridCol size={{ xs: 12, lg: 6 }}>
-        <ArticleCard
-          title="Zvýšte hodnotu svojej nehnuteľnosti"
-          tag="Lifetech"
-          src="/assets/Gaming_medium.png"
-          alt="Image alt"
-          withIcon
-          withDate
-          withReadingTime
-          description="Predstavte si ideálne letné ráno. Ranná káva na terase, deti sa hrajú v záhrade, vy pracujete na laptope. Večer grilovanie, film pod hviezdami. A k tomu všetkému - stabilný a rýchly internet aj mimo pokrytia optikou.."
-        />
-      </GridCol>
-    </Grid>
-  </Section>
-  <Container>
-    <Pagination
-      label="Výber stránok"
-      className="justify-content-center mb-none"
-      items={[
-        {
-          ariaLabel: "Strana 1",
-          href: "/?page=1",
-          isActive: true,
-          label: "1",
-        },
-        {
-          ariaLabel: "Strana 2",
-          href: "/?page=2",
-          label: "2",
-        },
-        {
-          ariaLabel: "Strana 3",
-          href: "/?page=3",
-          label: "3",
-        },
-        {
-          ariaLabel: "Strana 4",
-          href: "/?page=4",
-          label: "4",
-        },
-        {
-          ariaLabel: "Strana 5",
-          href: "/?page=5",
-          label: "5",
-        },
-        {
-          ariaLabel: "Strana 6",
-          href: "/?page=6",
-          label: "6",
-        },
-      ]}
-      isCompact={true}
-    />
-  </Container>
-</Page>