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

package/src/pages/homepage-b2c.mdx

@@ -1,463 +0,0 @@
----
-disableThemeSwitcher: true
----
-
-import {
-  BlockAction,
-  BlockActionControl,
-  BlockActionOverride,
-  Button,
-  Card,
-  CardSection,
-  Carousel,
-  CarouselHero,
-  CarouselHeroItem,
-  Container,
-  Cover,
-  FeatureAccordion,
-  FeatureAccordionItem,
-  Grid,
-  GridCol,
-  Icon,
-  Image,
-  Link,
-  PromoBanner,
-  Section,
-} from "@orangesk/orange-design-system";
-import Page from "../layouts/DefaultPage";
-import { Tiles } from "../components/Tiles";
-import { SectionTitle } from "../components/SectionTitle";
-import { StoreButtons } from "../components/StoreButtons";
-import { ArticleCard } from "../components/ArticleCard";
-
-export const TilesSection = () => {
-  const tilesData = [
-    { icon: "sim", title: "Paušály" },
-    { icon: "device-smart-phone", title: "Telefóny" },
-    { icon: "device-tv", title: "TV" },
-    { icon: "internet", title: "Internet" },
-  ];
-  return (
-    <Section spacing="xsmall">
-      <Tiles items={tilesData} />
-    </Section>
-  );
-};
-
-export const SlideExample = ({
-  title = "Samsung Galaxy Z Fold6 a Z Flip6 prichádzajú",
-  image = {
-    xs: "/assets/iPhone_16_Pro_Web_Banner_desktop.png",
-    lg: "/assets/iPhone_16_Pro_Web_Banner_tablet.png",
-    xl: "/assets/iPhone_16_Pro_Web_Banner_desktop.png",
-  },
-  ...props
-}) => (
-  <CarouselHeroItem
-    image={image}
-    className="is-dark"
-    style={{ backgroundColor: "#000000 !important" }}
-    {...props}
-  >
-    <h2 className="h1 thin">{title}</h2>
-    <p>Apple iPhone 16 Pro už v predaji v našom e-shope.</p>
-    <Button type="primary">Objednať</Button>
-  </CarouselHeroItem>
-);
-
-export const HeroSection = () => {
-  return (
-    <CarouselHero
-      id="carousel-hero-basic"
-      tabs={[
-        {
-          label: "Motorola Edge 50 Fusion",
-        },
-        {
-          label: "3 mesiace zadarmo",
-        },
-        {
-          label: "Nekonečné dáta",
-        },
-        {
-          label: "iPhone16 Pro",
-        },
-        {
-          label: "HONOR 200",
-        },
-      ]}
-      interval={3000}
-    >
-      <SlideExample
-        title={
-          <>
-            Geniálny.
-            <br />
-            Vo všetkom.
-          </>
-        }
-        alt="Geniálny. Vo všetkom."
-      />
-      <SlideExample title="3 mesiace zadarmo" />
-      <SlideExample title="Nekonečné dáta" />
-      <SlideExample title="iPhone16 Pro" />
-      <SlideExample title="HONOR 200" />
-    </CarouselHero>
-  );
-};
-
-export const PonukaPausalovSlide1 = () => (
-  <BlockAction>
-    <Card className="is-dark fullheight mb-none">
-      <CardSection space="small" isFilling>
-        <h2 className="mb color-orange">
-          <BlockActionControl>
-            <Link href="#" className="h2 thin text-accent">
-              Dokončite objednávku v&nbsp;našom e-shope
-            </Link>
-          </BlockActionControl>
-        </h2>
-        <p>
-          Automaticky získate jednorazovú 100&nbsp;% zľavu z&nbsp;mesačného
-          poplatku
-        </p>
-      </CardSection>
-      <CardSection>
-        <BlockActionOverride>
-          <Button type="primary" size="large">
-            Dokončiť
-          </Button>
-        </BlockActionOverride>
-      </CardSection>
-    </Card>
-  </BlockAction>
-);
-
-export const PonukaPausalovSlide2 = () => (
-  <BlockAction>
-    <Card className="is-light mb-none fullheight">
-      <CardSection space="small">
-        <h2 className="mb h5 thin">
-          6 mesiacov zadarmo
-          <br />
-          <BlockActionControl>
-            <Link href="#" className="h4">
-              Dokončite objednávku v našom e-shope
-            </Link>
-          </BlockActionControl>
-        </h2>
-      </CardSection>
-      <Image src="/assets/6-mesiacov-zadarmo.png" />
-    </Card>
-  </BlockAction>
-);
-
-export const PonukaPausalovSlide3 = () => (
-  <>
-    <BlockAction>
-      <Card className="is-light mb-none fullheight hide-md">
-        <CardSection space="small" isFilling>
-          <h2 className="h5 thin mb">
-            Apple iPhone 16 Pro
-            <br />
-            <BlockActionControl>
-              <Link href="#" className="h4 is-light">
-                iPhone 16 Pro &nbsp;už v&nbsp;predaji
-              </Link>
-            </BlockActionControl>
-          </h2>
-        </CardSection>
-        <Image src="/assets/Apple_iPhone_16_Pro.png" />
-      </Card>
-    </BlockAction>
-    <BlockAction>
-      <Card
-        className="mb-none fullheight is-light hidden show-md"
-        style={{ background: "#a8afb8" }}
-      >
-        <CardSection space="small" isFilling>
-          <h2 className="h5 thin mb">
-            6 mesiacov zadarmo
-            <br />
-            <BlockActionControl>
-              <Link href="#" className="h4">
-                Optický internet a&nbsp;TV na 6 mesiacov zadarmo
-              </Link>
-            </BlockActionControl>
-          </h2>
-        </CardSection>
-        <Image src="/assets/iPad_grey.png" />
-      </Card>
-    </BlockAction>
-  </>
-);
-
-export const SectionCarouselPonukaPausalov = () => {
-  return (
-    <Section spacing="default">
-      <SectionTitle
-        title="Vyberte si z našej ponuky"
-        linkText="Všetky ponuky"
-        className="mb-md-large"
-      />
-      {/* Carousel for small/medium screens */}
-      <Carousel
-        id="carousel-bleed-right"
-        className="hide-xl"
-        swiperOptions={{
-          watchOverflow: true,
-          breakpoints: {
-            768: {
-              slidesPerView: 2.2,
-            },
-            992: {
-              slidesPerView: 3,
-            },
-          },
-          slidesPerView: 1.2,
-        }}
-        items={[
-          <PonukaPausalovSlide1 key="1" />,
-          <PonukaPausalovSlide2 key="2" />,
-          <PonukaPausalovSlide3 key="3" />,
-        ]}
-        bleedRight
-        showScrollbar
-      />
-      {/* Grid for extra-large screens */}
-      <div className="show-xl">
-        <Grid justifyHeight>
-          <GridCol size={{ xs: 10, lg: 4 }}>
-            <PonukaPausalovSlide1 />
-          </GridCol>
-          <GridCol size={{ xs: 10, lg: 4 }}>
-            <PonukaPausalovSlide2 />
-          </GridCol>
-          <GridCol size={{ xs: 10, lg: 4 }}>
-            <PonukaPausalovSlide3 />
-          </GridCol>
-        </Grid>
-        <Link href="#" className="bold hide-md">
-          {"Všetky ponuky"}
-          <Icon
-            name="chevron-right"
-            aria-hidden={true}
-            size="large"
-            className="link__icon-right"
-          />
-        </Link>
-      </div>
-    </Section>
-  );
-};
-
-export const SectionVyhodneZariadenia = () => {
-  return (
-    <Section spacing="default">
-      <SectionTitle
-        title="Objavte výhodné zariadenia"
-        linkText="Prejsť do eshopu"
-        className="mb-md-large"
-      />
-      <FeatureAccordion className="is-light">
-        <FeatureAccordionItem
-          title="OPPO Reno12 séria s AI"
-          data-image-url="/assets/three-phones.png"
-          data-image-alt="Feature Accordion 1"
-          id="item-1"
-        >
-          <h3>S 3-ročnou zárukou a výmenou rozbitého displeja</h3>
-          <Button type="fill">Chcem ho</Button>
-        </FeatureAccordionItem>
-        <FeatureAccordionItem
-          title="Samsung Galaxy S24"
-          data-image-url="/assets/apple-phone@desktop.png"
-          data-image-alt="Feature Accordion 2"
-          id="item-2"
-        >
-          <h3>S 3-ročnou zárukou a výmenou rozbitého displeja</h3>
-          <Button type="fill">Chcem ho</Button>
-        </FeatureAccordionItem>
-        <FeatureAccordionItem
-          title="Apple iPhone 15"
-          data-image-url="https://picsum.photos/seed/3/400/300"
-          data-image-alt="Feature Accordion 3"
-          id="item-3"
-        >
-          <h3>S 3-ročnou zárukou a výmenou rozbitého displeja</h3>
-          <Button type="fill">Chcem ho</Button>
-        </FeatureAccordionItem>
-      </FeatureAccordion>
-    </Section>
-  );
-};
-
-export const PromoBanner1 = () => {
-  return (
-    <Section spacing="default">
-      <PromoBanner
-        variant="vertical"
-        image="/assets/apple-phone@tablet.png"
-        className="surface-subtle"
-      >
-        <h2 className="h1 thin mb-medium">
-          Dobré čítanie <br />
-          pre ľudí, od ľudí
-        </h2>
-        <p className="mb-large">Spájame vás s tým, na čom skutočne záleží</p>
-        <Button type="primary" size="large" className="mb-none">
-          Chcem vedieť viac
-        </Button>
-      </PromoBanner>
-    </Section>
-  );
-};
-
-export const PromoBanner2 = () => {
-  return (
-    <Cover
-      className="d-flex align-items-center justify-content-center"
-      size="xlarge"
-      bgSrc={{
-        default: "/assets/clovek-blog-hero-exported.png",
-        lg: "/assets/clovek-blog-hero-exported.png",
-        md: "/assets/clovek-blog-hero-exported.png",
-      }}
-    >
-      <Container>
-        <div className="mb-large d-flex align-items-center align-center flex-column is-dark">
-          <h1 className="display-1 thin mb">Nadácia</h1>
-          <p className="mb-none">Spájame vás s tým, na čom skutočne záleží</p>
-        </div>
-        <div className="d-flex justify-content-center">
-          <Button
-            href="#"
-            type="primary"
-            size="large"
-            className="mb-none is-light"
-          >
-            Chcem vedieť viac
-          </Button>
-        </div>
-      </Container>
-    </Cover>
-  );
-};
-
-export const PromoBanner3 = () => {
-  return (
-    <Section className="surface-subtle pb-none pt-none">
-      <PromoBanner
-        bleedImage
-        alignImage="top"
-        image="/assets/three-phones-rotated-desktop.png"
-      >
-        <p className="mb-xsmall">Nekonečné dáta v 5G</p>
-        <h1 className="h1 thin mb">
-          Stiahnite si aplikáciu
-          <br />
-          Môj Orange
-        </h1>
-        <p className="">
-          Majte svoju spotrebu, faktúru a ďalšie dôležité údaje vždy pod
-          kontrolou. Aplikáciu Môj Orange si môžete bezplatne stiahnuť na Google
-          Play, App Store či Huawei App Gallery.
-        </p>
-        <div style={{ width: "100% !important;" }}>
-          <StoreButtons />
-        </div>
-      </PromoBanner>
-    </Section>
-  );
-};
-
-export const FeaturedArticles = () => (
-  <Section spacing="default">
-    <SectionTitle
-      title="S nami získate vždy viac"
-      linkText="Prejsť do blogu"
-      className="mb-md-large"
-    />
-    <Carousel
-      id="carousel-insurance-application"
-      data-swiper-options='{"slidesPerView":1.2,"breakpoints":{"768":{"slidesPerView":2.5},"1024":{"slidesPerView":3}}}'
-      items={[
-        <ArticleCard
-          className="mb-small"
-          tagline="Tagline"
-          title={
-            <>
-              Preneste si číslo <br />
-              do Orangeu
-            </>
-          }
-          tag="Label"
-          titleTag="h3"
-          src="/assets/people1.png"
-          alt="Preneste si číslo do Orangeu"
-        >
-          S kartou môžete volať, SMSkovať a dátovať výhodne za kredit.
-        </ArticleCard>,
-        <ArticleCard
-          className="mb-small"
-          tagline="Tagline"
-          title={
-            <>
-              Odporučte nás <br />a získajte odmenu
-            </>
-          }
-          tag="Label"
-          titleTag="h3"
-          src="/assets/people2.png"
-          alt="Odporučte nás a získajte odmenu"
-        >
-          Priveďte k nám nového zákazníka a my vás oboch odmeníme zaujímavým
-          bonusom.
-        </ArticleCard>,
-        <ArticleCard
-          className="mb-small"
-          tagline="Tagline"
-          title={
-            <>
-              Dvojnásobné dáta <br />a 5 € zľava na hlasový paušál
-            </>
-          }
-          tag="Label"
-          titleTag="h3"
-          src="/assets/laptop_5euro.png"
-          alt="Dvojnásobné dáta a 5 € zľava na hlasový paušál"
-        >
-          Ako darček od nás získate zľavu z vášho mesačného poplatku.
-        </ArticleCard>,
-      ]}
-      showScrollbar={true}
-      bleedRight
-    />
-    <Link href="#" className="bold hide-md">
-      {"Prejsť do blogu"}
-      <Icon
-        name="chevron-right"
-        aria-hidden={true}
-        size="large"
-        className="link__icon-right"
-      />
-    </Link>
-  </Section>
-);
-
-export const HomepageB2C = () => (
-  <>
-    <TilesSection />
-    <HeroSection />
-    <SectionCarouselPonukaPausalov />
-    <SectionVyhodneZariadenia />
-    <PromoBanner1 />
-    <PromoBanner2 />
-    <PromoBanner3 />
-    <FeaturedArticles />
-  </>
-);
-
-<Page>
-  <HomepageB2C />
-</Page>

package/src/pages/press-and-news-releases.mdx

@@ -1,136 +0,0 @@
----
----
-
-import {
-  Breadcrumbs,
-  Section,
-  GridCol,
-  Grid,
-  Pagination,
-} from "@orangesk/orange-design-system";
-import Page from "../layouts/DefaultPage";
-import { ArticleCard } from "@/components/ArticleCard";
-import { PageHeadingSimple } from "@/components/PageHeading";
-
-<Page>
-  <Breadcrumbs
-    label="Breadcrumbs"
-    items={[
-      {
-        text: "Domov",
-        url: "#",
-      },
-      {
-        text: "Orange Slovensko",
-        url: "#",
-      },
-      {
-        text: "Novinky a tlačové správy",
-        url: "#",
-      },
-    ]}
-  />
-  <PageHeadingSimple title="Novinky a tlačové správy" />
-  <Section spacing="small">
-    <Grid rowGapSize="large" className="mb-xlarge">
-      <GridCol>
-        <ArticleCard
-          tagline="Orange Slovensko"
-          title="Späť do školy. Hardvérový kupón, internet v každej zóne domácnosti, Paušálik a Moja prvá zmluva"
-          description="Orange Slovensko uvádza pred štartom nového školského roka ponuku pre zákazníkov pevných služieb, v ktorej si budú môcť vybrať zo širokej palety zariadení či vylepšiť Wi-Fi pripojenie v domácnosti."
-          tag="Technológie SMART"
-          src="/assets/Gaming_medium.png"
-          alt="Image alt"
-          isHorizontal
-          horizontalLgDisableDown
-          withDate
-          withIcon
-          withReadingTime
-        />
-      </GridCol>
-      <GridCol>
-        <ArticleCard
-          tagline="Paušálik"
-          title="Orange uvádza na slovenský trh Paušálik a Moju prvú zmluvu"
-          description="Orange Slovensko prináša na slovenský trh novinku určenú pre rodičov a ich deti. Pred štartom školského roka zaradí do ponuky nový program Paušálik a spolu s ním sa venuje aj konceptu odovzdania prvého mobilu školákovi."
-          tag="Technológie SMART"
-          src="/assets/Gaming_medium.png"
-          alt="Image alt"
-          isHorizontal
-          horizontalLgDisableDown
-          withDate
-          withIcon
-          withReadingTime
-        />
-      </GridCol>
-      <GridCol>
-        <ArticleCard
-          tagline="Zákaznícka skúsenosť"
-          title="Nový atraktívny koncept - zrekonštruovaná predajňa Orangeu v OC Central je otvorená"
-          description="Novootvorená predajňa Orange v OC Central v Bratislave už od dnešného dňa víta svojich zákazníkov v úplne novom, sviežom a modernom dizajne, ktorý spája funkčnosť, pohodlie a inovatívne služby pod jednou strechou. Navyše vďaka novovytvorenej zóne prvého kontaktu.."
-          tag="Technológie SMART"
-          src="/assets/Gaming_medium.png"
-          alt="Image alt"
-          isHorizontal
-          horizontalLgDisableDown
-          withDate
-          withIcon
-          withReadingTime
-        />
-      </GridCol>
-      <GridCol>
-        <ArticleCard
-          tagline="Business"
-          title="Orange má v prvom polroku 2025 stabilnú pozíciu vďaka konzistentným výnosom a počtu zákazníkov"
-          description="K 30. júnu 2025 dosiahol Orange celkové výnosy vo výške 278,9 miliónov €. Medziročne zostali na takmer identickej úrovni ako v rovnakom období roku 2024, výnosy z predaja maloobchodných služieb vzrástli o 3 % na 210,8 milióna €. Stalo sa tak vďaka viac než 8."
-          tag="Zariadenia"
-          src="/assets/Gaming_medium.png"
-          alt="Image alt"
-          isHorizontal
-          horizontalLgDisableDown
-          withDate
-          withIcon
-          withReadingTime
-        />
-      </GridCol>
-    </Grid>
-    <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}
-    />
-  </Section>
-</Page>