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

package/src/components/_container.scss

@@ -1,17 +0,0 @@
-@use "@orangesk/orange-design-system/src/styles/tools/convert";
-@use "@orangesk/orange-design-system/src/styles/tokens/breakpoint";
-@use "@orangesk/orange-design-system/src/styles/tokens/space";
-
-@use "@orangesk/orange-design-system/src/components/Container/styles/config";
-
-.container {
-  &--stretch-right {
-    @each $breakpoint, $width in config.$container-widths {
-      @include breakpoint.get($breakpoint) {
-        --container-margin-left: calc((100vw - #{$width}) / 2);
-        min-width: calc($width + var(--container-margin-left));
-        margin-left: var(--container-margin-left);
-      }
-    }
-  }
-}

package/src/data/homepage.js

@@ -1,17 +0,0 @@
-export const articleTiles = [
-  {
-    tagline: "Tagline",
-    title: "Rozmýšľate, kam so starým mobilom?",
-    tag: "Lifetech",
-  },
-  {
-    tagline: "Novinky",
-    title: "6 technologických inovácií pre pohodový festival s rodinou",
-    tag: "Lifetech",
-  },
-  {
-    tagline: "Festivaly prichádzajú",
-    title: "Rozhovor s Michalom Kaščákom",
-    tag: "Lifetech",
-  },
-];

package/src/index.mdx

@@ -1,132 +0,0 @@
----
----
-
-import { Link, Section } from "@orangesk/orange-design-system";
-import packageData from "../package.json";
-
-<Section>
-  <h1>Orange CMS templates</h1>
-  <p>
-    v{packageData.version} built with{" "}
-    {packageData.dependencies["@orangesk/orange-design-system"]}
-  </p>
-  <br />
-  <Link href="/readme">Readme</Link> | <Link href="/changelog">Changelog</Link>
-  <br />
-  <br />
-  <section className="mb">
-    <h2>Pages</h2>
-    🟠 WIP | 🟢 Done
-    <ul>
-      <li>
-        <Link href="/pages/blog-homepage-clovek">
-          {`🟢 Blog Človek - Homepage`}
-        </Link>
-      </li>
-      <li>
-        <Link href="/pages/blog-news-clovek">🟢 Blog Človek - Novinky</Link>
-      </li>
-      <li>
-        <Link href="/pages/blog-post-clovek">🟢 Blog Človek - Článok</Link>
-      </li>
-      <hr />
-      <li>
-        <Link href="/pages/press-and-news-releases">🟢 Tlačové správy</Link>
-      </li>
-      <li>
-        <Link href="/pages/blog-post-clovek">🟢 Tlačové správy- článok</Link>
-      </li>
-      <hr />
-      <li>
-        <Link href="/pages/product-page-b2c-equipment-insurance">
-          🟠 Product Page B2C - Poistenie zariadení
-        </Link>
-      </li>
-      <li>
-        <Link href="/pages/product-page-b2c-online-security">
-          🟠 Product Page B2C - Online ochrana
-        </Link>
-      </li>
-      <li>
-        <Link href="/pages/product-page-b2c-prima-volba">
-          🟠 Product Page B2C - Prima voľba
-        </Link>
-      </li>
-      <li>
-        <Link href="/pages/product-page-b2c-prima-volba-signpost">
-          🟠 Product Page B2C - Prima voľba - Rázcestník
-        </Link>
-      </li>
-      <hr />
-      <li>
-        <Link href="/pages/product-page-b2b-microsoft-365">
-          🟠 Product Page B2B - Microsoft 365
-        </Link>
-      </li>
-      <hr />
-      <li>
-        <Link href="/pages/homepage-b2c">🟠 Homepage B2C</Link>
-      </li>
-      <li>
-        <Link href="/pages/homepage-b2b">🟠 Homepage B2B</Link>
-      </li>
-      <hr />
-      <li>
-        <Link href="/pages/signpost-products-and-services">
-          🟠 Rázcestník - Produkty a služby
-        </Link>
-      </li>
-      <li>
-        <Link href="/pages/signpost-insurance">🟠 Rázcestník - Poistenie</Link>
-      </li>
-      <hr />
-      <li>
-        <Link href="/pages/device-lp-b2c">🟠 Device LP - B2C</Link>
-      </li>
-      <li>
-        <Link href="/pages/device-lp-b2b">🟠 Device LP - B2B</Link>
-      </li>
-      <hr />
-      <li>
-        <Link href="/pages/roaming-b2c">🟠 Roaming - B2C</Link>
-      </li>
-      <li>
-        <Link href="/pages/roaming-b2b">🟠 Roaming - B2B</Link>
-      </li>
-      <hr />
-      <li>
-        <Link href="/pages/pricelist">🟠 Cenník</Link>
-      </li>
-      <li>
-        <Link href="/pages/pricelist-tariff">🟠 Cenník - Paušál</Link>
-      </li>
-      <hr />
-      <li>
-        <Link href="/pages/press-center-docs-library">
-          🟠 Tlačové centrum - Knižnica dokumentov
-        </Link>
-      </li>
-      <li>
-        <Link href="/pages/press-center-general-terms">
-          🟠 Tlačové centrum - Všeobecné podmienky
-        </Link>
-      </li>
-      <li>
-        <Link href="/pages/press-center-informations-for-customers">
-          🟠 Tlačové centrum - Informácie pre zákazníkov
-        </Link>
-      </li>
-      <hr />
-      <li>
-        <Link href="/pages/basic-page-gdpr">
-          🟠 Basic page - Osobné údaje a ich spracovanie
-        </Link>
-      </li>
-      <li>
-        <Link href="/pages/basic-page-about-the-brand">
-          🟠 Basic page - O značke Orange
-        </Link>
-      </li>
-    </ul>
-  </section>
-</Section>

package/src/layouts/DefaultPage.tsx

@@ -1,29 +0,0 @@
-import React, { PropsWithChildren } from "react";
-import { Megamenu, MegamenuClovek } from "@/components/Megamenu";
-import { FooterContent } from "@/components/FooterContent/FooterContent";
-import clsx from "clsx";
-
-const DefaultPage = ({
-  children,
-  className,
-  isClovek,
-  isDark,
-}: PropsWithChildren<{
-  className?: string;
-  isClovek?: boolean;
-  isDark?: boolean;
-}>) => {
-  return (
-    <div className={clsx(className, { "is-dark": isDark })}>
-      {isClovek ? (
-        <MegamenuClovek isDark={isDark} />
-      ) : (
-        <Megamenu isDark={isDark} />
-      )}
-      {children}
-      <FooterContent isDark={isDark} />
-    </div>
-  );
-};
-
-export default DefaultPage;

package/src/pages/_homepage.scss

@@ -1,24 +0,0 @@
-@use "@orangesk/orange-design-system/src/styles/tools/convert";
-@use "@orangesk/orange-design-system/src/styles/tokens/breakpoint";
-@use "@orangesk/orange-design-system/src/styles/tokens/space";
-
-.section-innovations {
-  min-height: convert.to-rem(567px);
-  padding: space.get('large') 0;
-
-  @include breakpoint.get('lg') {
-    padding: space.get('xlarge') 0;
-    min-height: convert.to-rem(800px);
-  }
-
-  .cover__content {
-    padding: 0;
-    flex: 1;
-  }
-
-  .card__section {
-    @include breakpoint.get('lg') {
-      padding: space.get('xlarge');
-    }
-  }
-}

package/src/pages/_pages.scss

@@ -1,29 +0,0 @@
-@use "./homepage";
-@use "@orangesk/orange-design-system/src/styles/tools/convert";
-@use "@orangesk/orange-design-system/src/styles/tokens/breakpoint";
-
-@layer base {
-  h1[id],
-  h2[id],
-  h3[id],
-  h4[id],
-  h5[id],
-  h6[id] {
-    scroll-margin-top: convert.to-rem(100px);
-
-    @include breakpoint.get("md", "down") {
-      scroll-margin-top: convert.to-rem(80px);
-    }
-  }
-}
-
-@layer utilities {
-  .is-sticky {
-    position: sticky;
-    top: convert.to-rem(100px);
-
-    @include breakpoint.get("md", "down") {
-      top: convert.to-rem(80px);
-    }
-  }
-}

package/src/pages/basic-page-about-the-brand.mdx

@@ -1,167 +0,0 @@
----
----
-
-import {
-  Accordion,
-  AccordionItem,
-  Alert,
-  AnchorNavigation,
-  Bar,
-  BarBreak,
-  BarItem,
-  BlockAction,
-  BlockActionControl,
-  Breadcrumbs,
-  Button,
-  Buttons,
-  Card,
-  CardSection,
-  Carousel,
-  Container,
-  Cover,
-  Divider,
-  Expander,
-  Field,
-  Grid,
-  GridCol,
-  Group,
-  Icon,
-  IconButton,
-  IconList,
-  Image,
-  Label,
-  Link,
-  Pagination,
-  Pictogram,
-  Pill,
-  PromoBanner,
-  Section,
-  Select,
-  Table,
-  Tag,
-  Tile,
-} from "@orangesk/orange-design-system";
-import Page from "../layouts/DefaultPage";
-import { PageHeadingSimple } from "../components/PageHeading";
-import clsx from "clsx";
-import { ActionTile, ActionTiles } from "../components/ActionTile";
-
-export const DataSection = (section) => (
-  <Section color="background-secondary" spacing="default" id={section.id}>
-    <Grid className="justify-content-space-between" rowGapSize="large">
-      <GridCol size={{ xs: 12, lg: 7 }}>
-        <p>
-          <b>
-            Značka Orange vznikla v roku 1994, kedy vstúpila na trh vo Veľkej
-            Británii ako posledná spoločnosť zo štyroch operátorov.
-          </b>
-        </p>
-        <p>
-          Začala pôsobiť na trhu, ktorý sa vyznačoval nezrozumiteľnou vysoko
-          technologickou komunikáciou a komplikovaným prístupom k cenám.
-          Produkty boli neflexibilné a neprehľadné, určené primárne pre biznis
-          zákazníkov a bežní ľudia si ich väčšinou nemohli dovoliť.
-        </p>
-        <p>
-          Orange prišiel s novým nápadom - svet okolo nás by bol oveľa lepší,
-          keby v ňom neexistovali žiadne bariéry. Cieľom značky Orange bolo
-          zmeniť prístup ľudí a umožniť, aby sa mobilná komunikácia stala pre
-          každého samozrejmou súčasťou ich každodenného života. Značka Orange
-          prišla s úplne novým prístupom a zrozumiteľnou komunikáciou smerom k
-          zákazníkom.
-        </p>
-        <p>
-          Po tom ako si spoločnosť Orange obhájila úspešnú pozíciu na trhu vo
-          Veľkej Británii ako najrýchlejšie rastúca mobilná spoločnosť, začala
-          svoju medzinárodnú expanziu. V súčasnosti má spoločnosť Orange viac
-          ako 269 miliónov zákazníkov. V 29 krajinách sveta poskytuje služby pre
-          širokú verejnosť a v biznisovom segmente pôsobí v 220 krajinách a
-          teritóriách sveta.
-        </p>
-        <p>
-          Od uvedenia značky Orange sa veľa vecí neustále vyvíja. Pribúdajú nové
-          technológie, nové témy, ktoré hýbu životom ľudí a naši zákazníci
-          prichádzajú s rôznymi novými potrebami. Tomu zodpovedá aj portfólio
-          našich služieb, ktoré sa neustále dopĺňa o nové produkty a rozširuje
-          do nových oblastí podnikania. Aj značka Orange sa neustále vyvíja, ale
-          stále platí to, čo pri jej vzniku, že ľudia sú pre nás dôležitejší než
-          samotné technológie. Vieme, že pre zákazníkov sú dôležité čo
-          najjednoduchšie riešenia a hľadajú jednoduché pripojenie, osobný
-          prístup a čo najväčšiu hodnotu. Z toho vychádza aj naša misia
-          umožňovať ľuďom byť v spojení s tým, čo je pre ich život
-          najdôležitejšie. Snažíme sa predvídať potreby našich zákazníkov, aby
-          vedeli, že ich počúvame. Reagujeme na ich potreby a zjednodušujeme to,
-          čo je podstatné.
-        </p>
-        <p>
-          Orange je optimistická, ľudská značka, ktorá verí, že budúcnosť môže
-          byť lepšia už dnes. Značka, ktorá pomáha ľuďom lepšie komunikovať a
-          spolupracovať tak, aby mohli žiť príjemnejší život a mohli byť v
-          spojení s tým, čo je pre ich život najdôležitejšie.
-        </p>
-        <p>
-          Samotná značka Orange má v súčasnosti hodnotu 19,39 mld. USD a patrí
-          jej 66. priečka v rebríčku najúspešnejších značiek vo svete podľa
-          medzinárodnej agentúry Kantar.
-        </p>
-        <a href="/">
-          Viac o skupine orange (v angličtine)
-          <Icon
-            name="chevron-right"
-            size="medium"
-            className="link__icon-right"
-          />
-        </a>
-      </GridCol>
-      <GridCol size={{ xs: 12, lg: 4 }}>
-        <div className="mb-large">
-          <Pill size="xxlarge" className="mb" color="surface-moderate">
-            <Icon name="collective-class-training" size="large" />
-          </Pill>
-          <h3 className="h3 mb-small">{"269 miliónov"}</h3>
-          <p className="mb-small">{`zákazníkov po celom svete`}</p>
-        </div>
-        <div className="mb-large">
-          <Pill size="xxlarge" className="mb" color="surface-moderate">
-            <Icon name="international-globe" size="large" />
-          </Pill>
-          <h3 className="h3 mb-small">{"29 krajín"}</h3>
-          <p className="mb-small">{`pôsobenie pre širokú verejnosť (a 220 krajín v biznis segmente)`}</p>
-        </div>
-        <div className="mb-large">
-          <Pill size="xxlarge" className="mb" color="surface-moderate">
-            <Icon name="payment-euro" size="large" />
-          </Pill>
-          <h3 className="h3 mb-small">{"19,39 mld. USD"}</h3>
-          <p className="mb-small">{`hodnota značky Orange podľa Kantar`}</p>
-        </div>
-      </GridCol>
-    </Grid>
-  </Section>
-);
-
-<Page>
-  <Breadcrumbs
-    label="Breadcrumbs"
-    items={[
-      {
-        text: "Domov",
-        url: "#",
-      },
-      {
-        text: "Orange Slovensko",
-        url: "#",
-      },
-      {
-        text: "O značke Orange",
-        url: "#",
-      },
-    ]}
-  />
-  <PageHeadingSimple title="O značke Orange" />
-  <DataSection />
-  <ActionTiles
-    title="Viac o spoločnosti Orange"
-    tiles={["Kto sme?", "Manažment", "Manažment", "Kariéra"]}
-  />
-</Page>