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

package/src/pages/signpost-products-and-services.mdx

@@ -1,206 +0,0 @@
----
----
-
-import {
-  Breadcrumbs,
-  Section,
-  GridCol,
-  Grid,
-  Pagination,
-  Card,
-  CardSection,
-  Pill,
-  Pictogram,
-  Divider,
-  Expander,
-  Icon,
-  Accordion,
-  AccordionItem,
-  Bar,
-  BarItem,
-  BlockAction,
-  BlockActionControl,
-  Container,
-  Cover,
-  Button,
-  Carousel,
-  Image,
-  PromoBanner,
-} from "@orangesk/orange-design-system";
-import Page from "../layouts/DefaultPage";
-import { PageHeadingSimple } from "../components/PageHeading";
-import { ActionTile, ActionTiles } from "../components/ActionTile";
-
-export const ProductsAndServices = () => {
-  const list = [
-    {
-      title: "Volania",
-      description:
-        "Volajte doma aj v zahraničí s paušálom aj bez viazanosti presne tak, ako to potrebujete.",
-      image: "/assets/rozcestnik-produkty-a-sluzby--volania.png",
-    },
-    {
-      title: "Internet",
-      description:
-        "Vyberte si tú najvýhodnejšiu ponuku pevného alebo mobilného internetu.",
-      image: "/assets/rozcestnik-produkty-a-sluzby--internet.png",
-    },
-    {
-      title: "Telefóny a zariadenia",
-      description:
-        "Predstavujeme vám ponuku telefónov, tabletov a zariadení, z ktorej si vyberie každý.",
-      image: "/assets/rozcestnik-produkty-a-sluzby--telefony-a-zariadenia.png",
-    },
-    {
-      title: "TV",
-      description:
-        "Sledujte obľúbené programy v TV kdekoľvek. Doma, z archívu aj na internete.",
-      image: "/assets/rozcestnik-produkty-a-sluzby--tv.png",
-    },
-    {
-      title: "Výhodné balíčky",
-      description:
-        "Internet, TV a paušál dokopy vám poskytnú skvelé výhody pre celú rodinu s balíkmi Love.",
-      image: "/assets/rozcestnik-produkty-a-sluzby--vyhodne-balicky.png",
-    },
-    {
-      title: "Navzájom zadarmo",
-      description: "Volajte a píšte si v skupine Navzájom zadarmo.",
-      image: "/assets/rozcestnik-produkty-a-sluzby--navzajom-zadarmo.png",
-    },
-  ];
-  return (
-    <Section color="surface-subtle">
-      <Grid>
-        <GridCol
-          size={{
-            sm: 8,
-            lg: 6,
-          }}
-        >
-          <h2 className="h2 thin mb-large mb-md-xlarge">
-            {"Vyberte si z našej širokej ponuky produktov a služieb"}
-          </h2>
-        </GridCol>
-      </Grid>
-      <Grid justifyHeight rowGapSize="medium">
-        {list.map((item) => (
-          <GridCol
-            key={item.title}
-            size={{
-              md: 6,
-              lg: 4,
-            }}
-          >
-            <BlockAction>
-              <Card href={item.href} className="mb-none">
-                <Image src={item.image} alt={item.title} />
-                <CardSection isFilling>
-                  <h3>
-                    <BlockActionControl>
-                      <a href="#" className="h3">
-                        {item.title}
-                      </a>
-                    </BlockActionControl>
-                  </h3>
-                  <p>{item.description}</p>
-                </CardSection>
-              </Card>
-            </BlockAction>
-          </GridCol>
-        ))}
-      </Grid>
-    </Section>
-  );
-};
-
-export const Benefits = () => (
-  <Section className="pt-none pb-none">
-    <PromoBanner
-      image="/assets/rozcestnik-produkty-a-sluzby--vyhody.png"
-      alignImage="bottom"
-    >
-      <p className="mb-xsmall">Byť v Orangei sa oplatí</p>
-      <h2 className="h1 thin mb-medium">
-        {"Prihláste sa a užívajte si výhody"}
-      </h2>
-      <p className="mb-large text-secondary">
-        {`Ste naším zákazníkom? Rozdeľte si až 1000 € z ceny telefónu na splátky bez navýšenia.`}
-      </p>
-      <Button type="primary" size="large" className="mb-none">
-        {"Prihlásiť sa"}
-      </Button>
-    </PromoBanner>
-  </Section>
-);
-
-export const Transfer = () => (
-  <Section className="pt-none pb-none is-dark" color="background-secondary">
-    <PromoBanner
-      image="/assets/rozcestnik-produkty-a-sluzby--transfer.png"
-      alignImage="bottom"
-    >
-      <p className="mb-xsmall">Byť v Orangei sa oplatí</p>
-      <h2 className="display-3 thin mb-medium">
-        {"Preneste si číslo do Orangeu"}
-      </h2>
-      <p className="mb-large text-secondary">
-        {`Získate od nás zľavu z vášho mesačného poplatku.`}
-      </p>
-      <Button type="primary" size="large" className="mb-none">
-        {"Preniesť číslo"}
-      </Button>
-    </PromoBanner>
-  </Section>
-);
-
-export const Suggestions = () => {
-  return (
-    <ActionTiles
-      title="Môže sa vám hodiť"
-      tiles={[
-        "Elektronická faktúra",
-        "Dobiť Prima kartu",
-        "Navýšiť mobilné dáta",
-        "Navýšiť mobilné dáta",
-      ]}
-    />
-  );
-};
-
-export const list = [
-  { icon: "street", title: "Zľava až do 225 € na telefón k paušálu" },
-  { icon: "film", title: "Bezpečné doručenie na druhý pracovný deň" },
-  { icon: "startover", title: "Možnosť bezplatného doručenia do predajne" },
-  { icon: "startover", title: "Vrátenie tovaru bez dôvodu až do 14 dní" },
-];
-
-export const Eshop = () => (
-  <Section spacing="default">
-    <h2 className="thin h2 mb-xlarge">Nakupovať v e-shope sa oplatí</h2>
-    <Carousel
-      id="carousel-blog-posts"
-      className="mb-large"
-      data-swiper-options='{"slidesPerView":1.5,"breakpoints":{"768":{"slidesPerView":2.5}, "1024":{"slidesPerView":4}}}'
-      items={list.map((item, index) => (
-        <div key={index}>
-          <Pill size="xxlarge" color="surface-subtle" className="mb h2">
-            <Icon name={item.icon} aria-hidden="true" size="large" />
-          </Pill>
-          <p className="h4 bold mb-small">{item.title}</p>
-        </div>
-      ))}
-      showScrollbar={true}
-      bleedRight
-    />
-  </Section>
-);
-
-<Page>
-  <PageHeadingSimple title="Produkty a služby" />
-  <ProductsAndServices />
-  <Benefits />
-  <Transfer />
-  <Suggestions />
-  <Eshop />
-</Page>

package/src/readme.mdx

@@ -1,11 +0,0 @@
----
----
-
-import Markdown from "./components/Markdown"
-import { Section } from "@orangesk/orange-design-system"
-import README from "../README.md"
-
-
-<Section>
-  <README></README>
-</Section>

package/src/shame.scss

@@ -1,19 +0,0 @@
-@use "sass:math";
-
-@use "styles/utilities";
-@use "components/components";
-@use "pages/pages";
-@use "pages/homepage";
-
-@layer base {
-  html {
-    overflow-x: hidden;
-  }
-}
-
-@layer components {
-  // TODO pridať do ODS2?
-  .carousel__slide .card {
-    flex: 1;
-  }
-}

package/src/styles/utilities/border.scss

@@ -1,6 +0,0 @@
-// TODO pridat do ODS2?
-@layer utilities {
-  .border-radius--none {
-    border-radius: 0;
-  }
-}

package/src/styles/utilities/index.scss

@@ -1,2 +0,0 @@
-@forward "border";
-@forward "layout";

package/src/styles/utilities/layout.scss

@@ -1,11 +0,0 @@
-@mixin aspect-ratio-3-2 {
-  max-width: 100%;
-  border: 0;
-  aspect-ratio: 3 / 2;
-}
-
-@mixin aspect-ratio-2-3 {
-  max-width: 100%;
-  border: 0;
-  aspect-ratio: 2 / 3;
-}

package/tsconfig.json

@@ -1,22 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": ["**/*.ts", "**/*.tsx", "**/*.mdx", "global.d.ts"],
-  "exclude": ["node_modules"]
-}