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

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

@@ -1,322 +0,0 @@
----
----
-
-import {
-  Breadcrumbs,
-  Section,
-  Grid,
-  GridCol,
-  Bar,
-  BarItem,
-  Tag,
-  Icon,
-  Image,
-  Card,
-  CardSection,
-  Button,
-  Link,
-  BlockAction,
-  BlockActionControl,
-  PromoBanner,
-} from "@orangesk/orange-design-system";
-import Page from "../layouts/DefaultPage";
-import { FeaturedArticles } from "../components/FeaturedArticles";
-import { ToC } from "../components/ToC";
-import { ArticleShare } from "../components/ArticleShare";
-import { ArticleMeta } from "../components/ArticleMeta";
-import { HeroSection } from "../components/HeroSection";
-import { AvatarCard } from "../components/AvatarCard";
-
-export const Content = () => (
-  <>
-    <p className="large bold mb-xlarge">
-      Rodičia čelia v digitálnej ére novej výzve - ochrániť svoje deti pred
-      nástrahami online sveta. Na podujatí Bez nástrah online TALKS, ktoré sa
-      konalo 26. novembra v Novej Cvernovke v Bratislave, sa odborníci a
-      influencerka podelili o svoje skúsenosti a rady, ako zvládnuť digitálnu
-      bezpečnosť detí.
-    </p>
-    <h2 className="h2 thin" id="main-threats">
-      Hlavné hrozby online sveta pre deti
-    </h2>
-    <p>
-      Sociálne siete môžu byť zdrojom spojenia, informácií a zábavy, no
-      prinášajú aj mnohé riziká. Psychológ Marek Madro a odborník na digitálnu
-      komunikáciu Peter Šebo sa zhodli, že v súčasnosti medzi najväčšie hrozby v
-      digitálnom svete patria:
-    </p>
-    <ul className="mb-xlarge list-circle">
-      <li>
-        <b>Hejt a negatívne komentáre:</b> Prichádzajú najmä od anonymných alebo
-        falošných profilov a môžu výrazne narušiť sebavedomie detí v ich
-        citlivom vývojovom období.
-      </li>
-      <li>
-        <b>Narušená sebahodnota:</b> Sociálne siete, predovšetkým Instagram,
-        prezentujú navonok dokonalé životy plné dovoleniek, úspechov a luxusu.
-        Takýto skreslený obraz reality môže narušiť sebahodnotu detí, vyvolať v
-        nich pocity menejcennosti a zbytočný tlak na napodobňovanie takéhoto
-        životného štýlu.
-      </li>
-      <li>
-        <b>Kybernetická šikana:</b> Deje sa často prostredníctvom sociálnych
-        sietí, četov či online hier. Prejavuje sa ponižovaním, zosmiešňovaním
-        alebo zverejňovaním citlivých informácií, najčastejšie z anonymných či
-        falošných účtov. Takéto správanie môže spôsobiť vážne psychické
-        následky, ako úzkosť, depresiu či stratu sebavedomia.
-      </li>
-    </ul>
-    <h3 className="h3 bold" id="expert-advice">
-      Rada odborníka: „Rozprávajte sa s deťmi“
-    </h3>
-    <p>
-      „Je dôležité byť deťom na ich digitálnej ceste sprievodcom,“ zdôraznil
-      Peter Šebo. „Rodičia by mali rozumieť fungovaniu sociálnych sietí a naučiť
-      deti, ako si správne filtrovať obsah. Kritické myslenie a vlastná
-      skúsenosť sú v tom kľúčové,“ dodal.
-    </p>
-    <Image
-      src="/assets/blog-post-image-1.png"
-      alt="Fotka"
-      className="mb-xlarge"
-    />
-    <h3 className="h3 bold" id="why-children-are-attracted-to-social-media">
-      Prečo deti tak lákajú sociálne siete?
-    </h3>
-    <p>
-      Podľa psychológa Mareka Madra deti prirodzene túžia po uznaní a pocite
-      spolupatričnosti. Telefóny a sociálne siete síce dokážu tieto potreby
-      rýchlo uspokojiť, no často iba povrchne a dočasne. „Deti chcú byť súčasťou
-      niečoho veľkého, čo im dáva zmysel. No to môže byť ilúzia, ktorá
-      nezodpovedá realite,“ upozornil.
-    </p>
-    <p className="mb-xlarge">
-      Becca, influencerka a moderátorka, sa podelila o vlastnú skúsenosť: „Keď
-      sledujem dokonalé profily, pripomínam si, že vytvoriť ilúziu perfektného
-      života je dnes veľmi jednoduché. Učím sa to odfiltrovať a snažím sa
-      ukazovať aj realitu.“
-    </p>
-    <Card color="background-accent" className="mb-xlarge">
-      <CardSection>
-        <Bar space="large">
-          <BarItem>
-            <Icon name="star-favourite" size="xlarge" color="orange" />
-          </BarItem>
-          <BarItem canShrink>
-            <p className="bold mb-small">Becca, influencerka a moderátorka</p>
-            <p>
-              Keď sledujem dokonalé profily, pripomínam si, že vytvoriť ilúziu
-              perfektného života je dnes veľmi jednoduché. Učím sa to
-              odfiltrovať a snažím sa ukazovať aj realitu.
-            </p>
-          </BarItem>
-        </Bar>
-      </CardSection>
-    </Card>
-    <h3 className="h3 bold" id="how-to-help-children-manage-pressure">
-      Ako môžete pomôcť deťom zvládnuť tento tlak?
-    </h3>
-    <ul className="mb-xlarge list-circle">
-      <li>
-        <b>Buďte láskaví a dostupní.</b> Deti potrebujú vedieť, že za vami môžu
-        prísť s akýmkoľvek problémom.
-      </li>
-      <li>
-        <b>Záujem o ich svet.</b> Pýtajte sa na ich obľúbených influencerov, čo
-        sledujú, a aké trendy ich na internete zaujímajú.
-      </li>
-      <li>
-        <b>Ukážte im, že neistota je normálna.</b> „Akonáhle nás niečo trápi,
-        nemusíme hneď reagovať alebo priniesť výsledok. Neistota je prirodzenou
-        súčasťou života,“ pripomenul Marek Madro.
-      </li>
-      <li>
-        <b>Buďte pre nich dobrým vzorom.</b> Ak vás vidia stále visieť na
-        internete, ťažko im budete nastavovať pravidlá
-      </li>
-      <li>
-        <b>Dohodnite si spoločné pravidlá.</b> Dohodnite sa na určitom čase,
-        ktorý strávia na internete. Stanovte si pravidlo stolovania bez
-        telefónu. Dôležité je si však uvedomiť, že tieto pravidlá musia platiť
-        ako pre dieťa, tak aj pre rodiča.
-      </li>
-    </ul>
-    <h2 className="h2 thin" id="how-to-detect-if-something-is-wrong">
-      Ako odhaliť, že sa niečo deje?
-    </h2>
-    <p>
-      Ak deti náhle zmenia svoje správanie - stiahnu sa, prestanú používať
-      obľúbenú platformu alebo sa vyhýbajú rozhovoru o sociálnych sieťach - môže
-      to byť signál, že čelia problému. „Deti často nevedia presne pomenovať, čo
-      ich trápi. Preto je dôležité sledovať zmeny a citlivo sa pýtať,“ uviedol
-      Peter Šebo.
-    </p>
-    <h3 className="h3 bold">Otázky, ktoré môžu pomôcť, sú napríklad:</h3>
-    <ul className="list-circle">
-      <li>
-        <b>„Čo je nové na Instagrame?“</b>
-      </li>
-      <li>
-        <b>„Ako a prečo sa ti páčia videá tvojich obľúbených YouTuberov?“</b>
-      </li>
-      <li>
-        <b>„Čo zdieľajú tvoji kamaráti na internete?“</b>
-      </li>
-      <li>
-        <b>„Akú hru aktuálne hráš?“</b>
-      </li>
-      <li>
-        <b>„Aké videá ťa na TikToku najviac bavia?“</b>
-      </li>
-    </ul>
-    <p>
-      Tieto otázky môžu otvoriť dvere k diskusii o ich online skúsenostiach a
-      online ochrane.
-    </p>
-    <h2 className="h2 thin" id="digital-security-starts-at-home">
-      Digitálna bezpečnosť začína doma
-    </h2>
-    <p>
-      Digitálna bezpečnosť nie je len o technológiách, ale aj o vzťahoch.
-      Rodičia môžu pomôcť deťom pochopiť online svet tak, že im poskytnú
-      stabilitu a lásku v reálnom živote.
-    </p>
-    <p>
-      „Deti nepotrebujú dokonalých rodičov, ale takých, ktorí sú prítomní a
-      pripravení ich počúvať,“ uzavrel Marek Madro.
-    </p>
-    <p className="mb-xlarge">
-      Digitálna bezpečnosť detí je výzvou, ale aj príležitosťou na posilnenie
-      vášho vzťahu s nimi. Venujte im čas, záujem a lásku, aby vedeli, že v
-      prípade problémov nie sú sami.
-    </p>
-    <hr />
-    <ArticleShare />
-  </>
-);
-
-export const Bio = () => (
-  <Section className="background-accent1-blog">
-    <Grid vAlign="center" rowGapSize="xlarge" columnGapSize="xlarge">
-      <GridCol size={{ md: 6 }}>
-        <Bar space="large">
-          <BarItem>
-            <Image src="/assets/avatar-large.png" />
-          </BarItem>
-          <BarItem isFilling>
-            <p className="bold mb-none large">Andrea Ungvӧlgyi</p>
-            <p className="large">Device Specialist for Handsets</p>
-          </BarItem>
-        </Bar>
-      </GridCol>
-      <GridCol size={{ md: 6 }}>
-        <p className="bold">O autorke</p>
-        <p className="mb-none">
-          V Orangei sa už niekoľko rokov venujem najmä oblasti zodpovedného
-          podnikania firiem, v súčasnosti tzv. ESG konceptu. V rámci neho sa
-          rôznymi aktivitami snažíme eliminovať negatívny vplyv na životné
-          prostredie, podporovať cirkulárnu ekonomiku, vytvárať transparentné a
-          férové podmienky pre zamestnancov aj zákazníkov a poskytovať formy
-          pomoci rôznorodým komunitám spoločnosti. Zároveň som správkyňou
-          Nadácie Orange, v ktorej strategicky rozvíjame tému digitálnej
-          gramotnosti vrátane internetovej bezpečnosti. Rada hľadám súvislosti a
-          prepájam ESG témy so sponzoringom, s eventmi a biznisom.
-        </p>
-      </GridCol>
-    </Grid>
-  </Section>
-);
-
-export const BezNastrahOnline = () => (
-  <BlockAction>
-    <Card color="background-contrast">
-      <CardSection>
-        <h2>
-          <BlockActionControl>
-            <a href="#" className="h2 thin text-inverse">
-              {"Buďte aj vy súčasťou diskusií o nástrahách online sveta"}
-            </a>
-          </BlockActionControl>
-        </h2>
-      </CardSection>
-      <CardSection className="align-center" space="small">
-        <Image
-          src="/assets/bez-nastrah.png"
-          alt="Obrázok Bez nástrah online talks"
-        />
-      </CardSection>
-    </Card>
-  </BlockAction>
-);
-
-export const toc = [
-  { label: "Hlavné hrozby online sveta pre deti", href: "#main-threats" },
-  { label: "Rada odborníka: „Rozprávajte sa s deťmi“", href: "#expert-advice" },
-  {
-    label: "Prečo deti tak lákajú sociálne siete?",
-    href: "#why-children-are-attracted-to-social-media",
-  },
-  {
-    label: "Ako môžete pomôcť deťom zvládnuť tento tlak?",
-    href: "#how-to-help-children-manage-pressure",
-  },
-  {
-    label: "Ako odhaliť, že sa niečo deje?",
-    href: "#how-to-detect-if-something-is-wrong",
-  },
-  {
-    label: "Digitálna bezpečnosť začína doma",
-    href: "#digital-security-starts-at-home",
-  },
-];
-
-<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: "#",
-      },
-    ]}
-  />
-  <article>
-    <HeroSection
-      src="/assets/blog-post-cover.png"
-      alt="Image alt"
-      subtitle="Digitálna bezpečnosť"
-      title="Ako chrániť deti na sociálnych sieťach?"
-      className="background-accent1-blog"
-      avatarSrc="/assets/avatar.png"
-      avatarName="Andrea Ungvӧlgyi"
-      avatarRole="Píše pre Orange od 18.4.2024"
-      isReverse={false}
-      readingTime="15 minút"
-      date="25.9.2024"
-    />
-    <Section>
-      <Grid>
-        <GridCol size={{ lg: 8 }}>
-          <ToC title="V článku sa dozviete" items={toc} className="hide-lg" />
-          <Content />
-        </GridCol>
-        <GridCol size={{ lg: 4 }}>
-          <div className="is-sticky">
-            <ToC title="V článku sa dozviete" items={toc} className="show-lg" />
-            <BezNastrahOnline />
-          </div>
-        </GridCol>
-      </Grid>
-    </Section>
-    <Bio />
-    <FeaturedArticles />
-  </article>
-</Page>

package/src/pages/device-lp-b2b.mdx

@@ -1,11 +0,0 @@
----
-theme: dark
-disableThemeSwitcher: true
----
-
-import Page from "../layouts/DefaultPage";
-import { DeviceLpB2C } from "./device-lp-b2c.mdx";
-
-<Page isDark>
-  <DeviceLpB2C isLight />
-</Page>

package/src/pages/device-lp-b2c.mdx

@@ -1,318 +0,0 @@
----
-disableThemeSwitcher: true
----
-
-import {
-  Accordion,
-  AccordionItem,
-  Bar,
-  BarItem,
-  BlockAction,
-  BlockActionControl,
-  BodyBanner,
-  Breadcrumbs,
-  Button,
-  Card,
-  CardSection,
-  Carousel,
-  Container,
-  Controls,
-  Cover,
-  Divider,
-  Expander,
-  Grid,
-  GridCol,
-  Icon,
-  Image,
-  InfoTooltip,
-  Pagination,
-  Pictogram,
-  Pill,
-  PromoBanner,
-  Section,
-} from "@orangesk/orange-design-system";
-import Page from "../layouts/DefaultPage";
-import { PageHeadingSimple } from "../components/PageHeading";
-import { ActionTile } from "../components/ActionTile";
-import { ProductImage } from "../components/ProductImage";
-import clsx from "clsx";
-
-export const Hero = ({ isLight }) => (
-  <PromoBanner
-    variant="vertical"
-    image="/assets/samsung-galaxy-fold-7--large.png"
-    imageFullWidth
-    className={clsx("background-secondary", { "is-light": isLight })}
-  >
-    <h1 className="h1 thin mb-medium">{`Objednajte si a získajte skvelé bonusy`}</h1>
-    <p className="mb-large">
-      {`Najnovšie ultra skladačky série Samsung Galaxy Z sú tu.`}
-    </p>
-    <Button type="primary" size="large" className="mb-none">
-      {"Kúpiť v e-shope"}
-    </Button>
-  </PromoBanner>
-);
-
-export const list = [
-  // TODO: replace with AI icon
-  {
-    icon: "ai",
-    title: "Tenké, ľahké a odolné",
-    description:
-      "Ultra skladačky sú tu! Užívajte si dve zariadenia v jednom tenkom tele. Prémiové zariadenia s najnovšími funkciami Galaxy AI oceníte na prácu i zábavu.",
-  },
-  {
-    icon: "camera",
-    title: "Foť ako profík a edituj na veľkom displeji",
-    description:
-      "Galaxy Z Fold 7 vás ohúri špičkovým 200 MPx fotoaparátom a skladačka do vrecka Galaxy Z Flip7 vám spraví super fotky 50 MPx selfie kamerou.",
-  },
-  {
-    icon: "cpu",
-    title: "Získajte podporu",
-    description:
-      "Užívajte si 7 rokov podpory OS a bezpečnostných aktualizácií, Samsung Knox, Knox Matrix a dedikovaný čip pre uchovanie citlivých dát.",
-  },
-];
-
-export const Smartphones = () => (
-  <Section spacing="default">
-    <h2 className="thin h2 mb-xlarge text-narrow">
-      {"Smartfóny Samsung Galaxy Z Fold7 | Z Flip7 vám prinesú"}
-    </h2>
-    <Carousel
-      id="carousel-blog-posts"
-      className="mb-large"
-      data-swiper-options='{"slidesPerView":1.2,"breakpoints":{"768":{"slidesPerView":2.5}, "1024":{"slidesPerView":3}}}'
-      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="h3 bold mb-small">{item.title}</p>
-          <p>{item.description}</p>
-        </div>
-      ))}
-      showScrollbar={true}
-      bleedRight
-    />
-  </Section>
-);
-
-export const products = [
-  {
-    id: "samsung-1",
-    name: "Samsung Galaxy",
-    name2: "Z Flip7",
-    image: "/assets/samsung-galaxy-fold-7-1.png",
-    colors: ["nickel", "black", "cerulean-blue"],
-    oldPrice: "1 709 €",
-    newPrice: "1 469 €",
-    giftInfo:
-      "Prvých 100 zákazníkov, ktorí si kúpia Z Fold7, získa ochranný obal ako darček.",
-  },
-  {
-    id: "samsung-2",
-    name: "Samsung Galaxy",
-    name2: "Z Flip7",
-    image: "/assets/samsung-galaxy-flip-7-1.png",
-    colors: ["permanent-geranium-lake", "black", "cerulean-blue"],
-    oldPrice: "1 016 €",
-    newPrice: "776 ",
-    giftInfo:
-      "Prvých 200 zákazníkov, ktorí si kúpia Z Flip7, získa ochranný obal ako darček.",
-  },
-];
-
-export const ProductCard = ({ product, isLight, isMobile }) => (
-  <Card className={clsx("mb-none", { "is-light": isLight })}>
-    <CardSection>
-      <h3 className="bold h4">
-        {product.name}
-        <br />
-        <span className="thin h2">{product.name2}</span>
-      </h3>
-    </CardSection>
-    <ProductImage src={product.image} dots={product.colors} />
-    <CardSection>
-      <strike>
-        {product.oldPrice}{" "}
-        <InfoTooltip
-          id={`${product.id}-${isLight ? "light" : "dark"}-${isMobile ? "mobile" : "desktop"}`}
-          align="top"
-          colorScheme={isLight ? "light" : "dark"}
-        >
-          {"Look here for more information"}
-        </InfoTooltip>
-      </strike>
-      <p className="h2 normal mb-none">
-        {product.newPrice}
-        <span className="large">&euro;</span>
-      </p>
-      <p className="mb-large text-secondary small">
-        {"S Prémiovým paušálom na 24 mesiacov"}
-      </p>
-      <Button type="primary" size="large">
-        {"Kúpiť v e-shope"}
-      </Button>
-    </CardSection>
-    <Divider />
-    <CardSection>
-      <Bar space="small" vAlign="center">
-        <BarItem>
-          <Pictogram name="pictogram-gift" size="xxlarge" alt="Skylink" />
-        </BarItem>
-        <BarItem isFilling>
-          <p>{product.giftInfo}</p>
-        </BarItem>
-      </Bar>
-    </CardSection>
-  </Card>
-);
-
-export const Choose = ({ isLight, id }) => (
-  <Section color="surface-subtle" spacing="default">
-    <div className="show-lg">
-      <Grid>
-        <GridCol size={{ xs: 12, lg: 4 }}>
-          <h2 className="h2 thin mb-large">{"Vyberte si svoj Samsung"}</h2>
-        </GridCol>
-        {products.map((product, productIndex) => (
-          <GridCol key={productIndex} size={{ xs: 12, md: 6, lg: 4 }}>
-            <ProductCard product={product} isLight={isLight} />
-          </GridCol>
-        ))}
-      </Grid>
-    </div>
-    <div className="hide-lg">
-      <h2 className="h2 thin mb">{"Vyberte si svoj Samsung"}</h2>
-      <div className="mb">
-        <Controls
-          icon="chevron-left"
-          data-carousel-controls={id}
-          data-carousel-action="prev"
-        />
-        <Controls
-          icon="chevron-right"
-          data-carousel-controls={id}
-          data-carousel-action="next"
-        />
-      </div>
-      <Carousel
-        id={id}
-        className="mb-large"
-        data-swiper-options='{"slidesPerView":1.1}'
-        items={products.map((product, productIndex) => (
-          <div key={productIndex}>
-            <ProductCard product={product} isLight={isLight} isMobile />
-          </div>
-        ))}
-        showScrollbar={true}
-        bleedRight
-      />
-    </div>
-  </Section>
-);
-
-export const OrderAndGet = ({ isLight }) => (
-  <Section spacing="default">
-    <h2 className="h2 thin mb-large align-center">
-      {"Objednaj teraz a získaj"}
-    </h2>
-    <Grid rowGapSize="large">
-      <GridCol
-        size={{ xs: 12, lg: 4 }}
-        className="d-flex flex-column align-items-center"
-      >
-        <Image
-          src={`/assets/ikona-vyssia-pamat${isLight ? "--dark" : ""}.svg`}
-          width="48px"
-          height="48px"
-        />
-        <p className="h4 mb-none normal align-center">
-          {"Vyššiu pamäť za cenu nižšej"}
-        </p>
-      </GridCol>
-      <GridCol
-        size={{ xs: 12, lg: 4 }}
-        className="d-flex flex-column align-items-center"
-      >
-        <Image
-          src={`/assets/ikona-vykup${isLight ? "--dark" : ""}.svg`}
-          width="48px"
-          height="48px"
-        />
-        <p className="h4 mb-none normal align-center">
-          {"Výkup starého zariadenia"}
-        </p>
-      </GridCol>
-      <GridCol
-        size={{ xs: 12, lg: 4 }}
-        className="d-flex flex-column align-items-center"
-      >
-        <Image
-          src={`/assets/ikona-servis${isLight ? "--dark" : ""}.svg`}
-          width="48px"
-          height="48px"
-        />
-        <p className="h4 mb-none normal align-center">{"Prémiový servis"}</p>
-      </GridCol>
-    </Grid>
-  </Section>
-);
-
-export const Smartwatch = () => (
-  <Section spacing="default" className="is-dark">
-    <PromoBanner image="/assets/samsung-watch-banner.png">
-      <h2 className="h1 thin mb-medium">
-        {`Vyberte si svoje smart hodinky Samsung Watch8`}
-      </h2>
-      <p className="mb-large text-secondary">
-        {`Sledujte svoju kondíciu, monitorujte zdravie a vylepšite svoj životný štýl s hodinkami Galaxy Watch8. Pokročilé sledovanie pohybu za pomoci umelej inteligencie Galaxy AI.`}
-      </p>
-      <Button type="primary" size="large" className="mb-none">
-        {"Vybrať smart hodinky"}
-      </Button>
-    </PromoBanner>
-  </Section>
-);
-
-export const Recommendation = ({ isLight }) => (
-  <Section spacing="default" className="pb-none">
-    <BodyBanner
-      color="orange"
-      size="large"
-      title="Odporúčame s paušálom"
-      description="Vybavte sa k novému telefónu paušálom, s ktorým si užijete jeho funkcie naplno. Ak sa neviete rozhodnúť, radi vám s výberom pomôžeme."
-      buttonText="Vyber paušál"
-      imageUrl="/assets/recommendation.png"
-      className={clsx({ "is-light": isLight })}
-    />
-  </Section>
-);
-
-export const Info = () => (
-  <Section className="pt-none">
-    <Divider />
-    <h2 className="small bold">Informácie pre používateľov</h2>
-    <p className="small">{`Podmienkou získania druhého vybraného zariadenia za 1 € je uzavretie Akciového dodatku k Zmluve oposkytovaní verejne dostupných služieb s 12/24 mesačnou viazanosťou na niektorý z účastníckych programov Paušálov Plus, Yoxo paušálu alebo Pro Biznis, ktorého súčasťou je dohoda o kúpe Samsung Galaxy S24. Ponuka je platná do 28.1.2025 alebo do vypredania zariadení.`}</p>
-  </Section>
-);
-
-export const DeviceLpB2C = ({ isLight }) => (
-  <>
-    <Hero isLight={isLight} />
-    <Smartphones />
-    <Choose isLight={isLight} id="light" />
-    {isLight && <Choose id="dark" />}
-    <OrderAndGet isLight={isLight} />
-    <Smartwatch />
-    <Recommendation isLight={isLight} />
-    <Info />
-  </>
-);
-
-<Page>
-  <DeviceLpB2C />
-</Page>

package/src/pages/homepage-b2b.mdx

@@ -1,11 +0,0 @@
----
-theme: dark
-disableThemeSwitcher: true
----
-
-import Page from "../layouts/DefaultPage";
-import { HomepageB2C } from "./homepage-b2c.mdx";
-
-<Page isDark>
-  <HomepageB2C />
-</Page>