From faaa7e0aa2330bd526c06251f4ca4ca130bd7d8f Mon Sep 17 00:00:00 2001
From: jaaaaavier <javipiagui13@gmail.com>
Date: Tue, 10 Mar 2026 11:36:50 +0100
Subject: [PATCH 1/2] feat: breadcrumbs updates

---
 src/components/shared/Breadcrumb.tsx          | 34 +++++++++++++
 .../templates/comparisonPageTemplate.tsx      | 29 ++++++++++-
 .../utils/schema-markup-generator.ts          | 22 ++++++++-
 src/pages/ai-detector.tsx                     | 10 ++++
 src/pages/alternative-to-chatGPT.tsx          |  2 +
 src/pages/alternative-to-copilot.tsx          |  2 +
 src/pages/alternative-to-deepseek.tsx         |  2 +
 src/pages/alternative-to-gemini.tsx           |  2 +
 src/pages/alternative-to-google-meet.tsx      |  2 +
 src/pages/alternative-to-grok.tsx             |  2 +
 src/pages/alternative-to-whereby.tsx          |  2 +
 src/pages/alternative-to-wire.tsx             |  2 +
 src/pages/alternative-to-zoom.tsx             |  2 +
 src/pages/antivirus.tsx                       | 11 +++++
 src/pages/business.tsx                        | 11 +++++
 src/pages/byte-converter.tsx                  | 10 ++++
 src/pages/cleaner.tsx                         | 11 +++++
 .../free-cloud-object-storage.tsx             | 11 +++++
 src/pages/cloud-object-storage/index.tsx      | 10 ++++
 src/pages/cloud-storage-backup-solutions.tsx  | 10 ++++
 src/pages/cloud-storage-comparison.tsx        |  9 ++++
 src/pages/cloud-storage-for-photos.tsx        | 10 ++++
 src/pages/cloud-storage-for-videos.tsx        | 11 +++++
 src/pages/dark-web-monitor.tsx                | 21 +++++++-
 src/pages/degoo-alternative.tsx               | 21 +++++++-
 src/pages/drime-alternative.tsx               | 21 +++++++-
 src/pages/drive/free-cloud-storage.tsx        | 11 +++++
 src/pages/drive/index.tsx                     | 10 ++++
 src/pages/dropbox-alternative.tsx             | 21 +++++++-
 src/pages/elephantdrive-alternative.tsx       |  2 +
 src/pages/file-compressor/index.tsx           | 21 +++++++-
 src/pages/file-converter/index.tsx            | 21 +++++++-
 src/pages/filejump-alternative.tsx            | 21 +++++++-
 src/pages/filen-alternative.tsx               | 21 +++++++-
 src/pages/gdpr-cloud-storage.tsx              | 10 ++++
 src/pages/google-drive-alternative.tsx        | 21 +++++++-
 src/pages/icedrive-alternative.tsx            | 21 +++++++-
 src/pages/idrive-alternative.tsx              | 21 +++++++-
 src/pages/koofr-alternative.tsx               | 21 +++++++-
 src/pages/lifetime.tsx                        | 11 +++++
 src/pages/meet.tsx                            | 11 +++++
 src/pages/mega-alternative.tsx                | 21 +++++++-
 src/pages/metadata-remover.tsx                | 10 ++++
 src/pages/nas.tsx                             | 11 +++++
 src/pages/onedrive-alternative.tsx            | 21 +++++++-
 src/pages/open-source.tsx                     | 11 +++++
 src/pages/password-checker.tsx                | 10 ++++
 src/pages/password-generator.tsx              | 10 ++++
 src/pages/pcloud-alternative.tsx              | 21 +++++++-
 src/pages/pricing/index.tsx                   | 11 ++++-
 src/pages/private-cloud-storage-solutions.tsx | 10 ++++
 src/pages/proton-alternative.tsx              | 21 +++++++-
 src/pages/sync-alternative.tsx                | 21 +++++++-
 src/pages/teams-alternative.tsx               | 21 +++++++-
 src/pages/temporary-email.tsx                 | 10 ++++
 src/pages/terabox-alternative.tsx             | 21 +++++++-
 src/pages/virus-scanner.tsx                   | 10 ++++
 src/pages/vpn.tsx                             | 11 +++++
 src/pages/webdav-rclone.tsx                   | 11 +++++
 src/pages/what-does-google-know-about-me.tsx  | 10 ++++
 update_translations.py                        | 49 -------------------
 61 files changed, 753 insertions(+), 92 deletions(-)
 create mode 100644 src/components/shared/Breadcrumb.tsx
 delete mode 100644 update_translations.py

diff --git a/src/components/shared/Breadcrumb.tsx b/src/components/shared/Breadcrumb.tsx
new file mode 100644
index 000000000..d62ebbcc3
--- /dev/null
+++ b/src/components/shared/Breadcrumb.tsx
@@ -0,0 +1,34 @@
+import Link from 'next/link';
+
+export interface BreadcrumbItem {
+  name: string;
+  url: string;
+}
+
+interface BreadcrumbProps {
+  items: BreadcrumbItem[];
+  className?: string;
+}
+
+export const Breadcrumb = ({ items, className = '' }: BreadcrumbProps) => {
+  return (
+    <nav className={`sr-only ${className}`} aria-label="Breadcrumb">
+      <ol className="flex items-center flex-wrap gap-2">
+        {items.map((item, index) => (
+          <li key={index}>
+            {index > 0 && <span>/</span>}
+            {index === items.length - 1 ? (
+              <span>
+                {item.name}
+              </span>
+            ) : (
+              <Link href={item.url}>
+                {item.name}
+              </Link>
+            )}
+          </li>
+        ))}
+      </ol>
+    </nav>
+  );
+};
diff --git a/src/components/templates/comparisonPageTemplate.tsx b/src/components/templates/comparisonPageTemplate.tsx
index 2057d33f1..803cea193 100644
--- a/src/components/templates/comparisonPageTemplate.tsx
+++ b/src/components/templates/comparisonPageTemplate.tsx
@@ -1,5 +1,8 @@
 import Layout from '@/components/layout/Layout';
 import Navbar from '@/components/layout/navbars/Navbar';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
 import { PricingSectionWrapper } from '@/components/shared/pricing/PricingSectionWrapper';
 import { CloudObjectStoragePriceCardSection } from '@/components/cloud-object-storage/PriceCardSection';
 import { PromoCodeName } from '@/lib/types';
@@ -70,6 +73,8 @@ interface ComparisonPageProps {
   };
   couponCodeName?: PromoCodeName;
   isS3Alternative?: boolean;
+  breadcrumbName?: string;
+  urlSlug?: string;
 }
 
 export const ComparisonPage = ({
@@ -85,6 +90,8 @@ export const ComparisonPage = ({
   customSections = {},
   couponCodeName,
   isS3Alternative = false,
+  breadcrumbName,
+  urlSlug,
 }: ComparisonPageProps): JSX.Element => {
   const metatags = metatagsDescriptions.filter((desc) => desc.id === metaTagId);
   const {
@@ -138,8 +145,25 @@ export const ComparisonPage = ({
   } = customSections;
 
   return (
-    <Layout title={metatags[0].title} description={metatags[0].description} segmentName={segmentName} lang={lang}>
-      <Navbar textContent={navbarLang} lang={locale} cta={['priceTable']} fixed />
+    <>
+      {breadcrumbName && urlSlug && (
+        <Script type="application/ld+json" strategy="beforeInteractive">
+          {sm_breadcrumb(breadcrumbName, urlSlug)}
+        </Script>
+      )}
+      <Layout title={metatags[0].title} description={metatags[0].description} segmentName={segmentName} lang={lang}>
+        <Navbar textContent={navbarLang} lang={locale} cta={['priceTable']} fixed />
+
+        {breadcrumbName && urlSlug && (
+          <div className="sr-only">
+            <Breadcrumb
+              items={[
+                { name: 'Encrypted Cloud Storage', url: '/' },
+                { name: breadcrumbName, url: `/${urlSlug}` },
+              ]}
+            />
+          </div>
+        )}
 
       <HeroSection textContent={langJson.HeroSection} percentage={percentageDiscount} competitor={competitor} />
 
@@ -205,5 +229,6 @@ export const ComparisonPage = ({
 
       <Footer textContent={footerLang} lang={locale} />
     </Layout>
+    </>
   );
 };
diff --git a/src/components/utils/schema-markup-generator.ts b/src/components/utils/schema-markup-generator.ts
index 8cb111425..53cd0b08d 100644
--- a/src/components/utils/schema-markup-generator.ts
+++ b/src/components/utils/schema-markup-generator.ts
@@ -36,7 +36,7 @@ export const sm_faq = (faq) => {
 // Single Breadcrumb Data Structure generator
 // Additional information: https://developers.google.com/search/docs/appearance/structured-data/breadcrumb
 
-export const sm_breadcrumb = (name, url) => {
+export const sm_breadcrumb = (name: string, url: string) => {
   return `{
       "@context": "https://schema.org",
       "@type": "BreadcrumbList",
@@ -44,7 +44,7 @@ export const sm_breadcrumb = (name, url) => {
         {
           "@type": "ListItem",
           "position": 1,
-          "name": "Home",
+          "name": "Encrypted Cloud Storage",
           "item": "https://internxt.com/"
         },{
           "@type": "ListItem",
@@ -53,4 +53,22 @@ export const sm_breadcrumb = (name, url) => {
           "item": "https://internxt.com/${url}"
         }
       ]}`;
+};
+
+export const sm_breadcrumb_list = (items: { name: string; url: string }[]) => {
+  return `{
+      "@context": "https://schema.org",
+      "@type": "BreadcrumbList",
+      "itemListElement": [${items
+        .map(
+          (item, index) => `
+        {
+          "@type": "ListItem",
+          "position": ${index + 1},
+          "name": "${item.name}",
+          "item": "https://internxt.com${item.url}"
+        }`
+        )
+        .join(',')}
+      ]}`;
 };
\ No newline at end of file
diff --git a/src/pages/ai-detector.tsx b/src/pages/ai-detector.tsx
index 6e5c9fc74..5f967303f 100644
--- a/src/pages/ai-detector.tsx
+++ b/src/pages/ai-detector.tsx
@@ -26,6 +26,8 @@ import { getImage } from '@/lib/getImage';
 import { ShieldStar } from '@phosphor-icons/react';
 import FeaturesSliderImg from '@/components/ai-detector/FeatureSliderImg';
 import FeaturesSlider from '@/components/shared/FeaturesSlider';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+
 
 const AIDetector = ({
   metatagsDescriptions,
@@ -104,6 +106,14 @@ const AIDetector = ({
 
       <Layout segmentName="Virus Scanner" title={metatags[0].title} description={metatags[0].description} lang={lang}>
         <Navbar textContent={navbarLang} lang={lang} cta={['default']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'Ai detector free', url: '/ai-detector' },
+          ]}
+        />
+      </div>
 
         <HeroSection textContent={langJson.HeroSection} lang={lang} />
 
diff --git a/src/pages/alternative-to-chatGPT.tsx b/src/pages/alternative-to-chatGPT.tsx
index e5945351c..2a1941f72 100644
--- a/src/pages/alternative-to-chatGPT.tsx
+++ b/src/pages/alternative-to-chatGPT.tsx
@@ -5,6 +5,8 @@ import { GetServerSidePropsContext } from 'next';
 
 const chatgptComparison = (props) => (
   <ComparisonPage
+    breadcrumbName="Alternative to chatgpt"
+    urlSlug="alternative-to-chatGPT"
     {...props}
     competitor="ChatGPT"
     metaTagId="alternative-to-chatgpt"
diff --git a/src/pages/alternative-to-copilot.tsx b/src/pages/alternative-to-copilot.tsx
index 2f59f6af7..bf66f0341 100644
--- a/src/pages/alternative-to-copilot.tsx
+++ b/src/pages/alternative-to-copilot.tsx
@@ -5,6 +5,8 @@ import { GetServerSidePropsContext } from 'next';
 
 const copilotComparison = (props) => (
   <ComparisonPage
+    breadcrumbName="Copilot alternative"
+    urlSlug="alternative-to-copilot"
     {...props}
     competitor="Copilot"
     metaTagId="alternative-to-copilot"
diff --git a/src/pages/alternative-to-deepseek.tsx b/src/pages/alternative-to-deepseek.tsx
index 080bc09ae..f5d271ea8 100644
--- a/src/pages/alternative-to-deepseek.tsx
+++ b/src/pages/alternative-to-deepseek.tsx
@@ -5,6 +5,8 @@ import { GetServerSidePropsContext } from 'next';
 
 const DeepSeekComparison = (props) => (
   <ComparisonPage
+    breadcrumbName="Deepseek alternative"
+    urlSlug="alternative-to-deepseek"
     {...props}
     competitor="deepseek"
     metaTagId="alternative-to-deepseek"
diff --git a/src/pages/alternative-to-gemini.tsx b/src/pages/alternative-to-gemini.tsx
index ba49efc6a..637ac3c12 100644
--- a/src/pages/alternative-to-gemini.tsx
+++ b/src/pages/alternative-to-gemini.tsx
@@ -5,6 +5,8 @@ import { GetServerSidePropsContext } from 'next';
 
 const GeminiComparison = (props) => (
   <ComparisonPage
+    breadcrumbName="Gemini alternative"
+    urlSlug="alternative-to-gemini"
     {...props}
     competitor="gemini"
     metaTagId="alternative-to-gemini"
diff --git a/src/pages/alternative-to-google-meet.tsx b/src/pages/alternative-to-google-meet.tsx
index 0d1800c27..61af2dfe6 100644
--- a/src/pages/alternative-to-google-meet.tsx
+++ b/src/pages/alternative-to-google-meet.tsx
@@ -5,6 +5,8 @@ import { GetServerSidePropsContext } from 'next';
 
 const GoogleMeetComparison = (props) => (
   <ComparisonPage
+    breadcrumbName="Google meet alternative"
+    urlSlug="alternative-to-google-meet"
     {...props}
     competitor="GoogleMeet"
     metaTagId="google-meet-alternative"
diff --git a/src/pages/alternative-to-grok.tsx b/src/pages/alternative-to-grok.tsx
index 72b2db06f..bc11456e0 100644
--- a/src/pages/alternative-to-grok.tsx
+++ b/src/pages/alternative-to-grok.tsx
@@ -5,6 +5,8 @@ import { GetServerSidePropsContext } from 'next';
 
 const grokComparison = (props) => (
   <ComparisonPage
+    breadcrumbName="Grok alternative"
+    urlSlug="alternative-to-grok"
     {...props}
     competitor="grok"
     metaTagId="alternative-to-grok"
diff --git a/src/pages/alternative-to-whereby.tsx b/src/pages/alternative-to-whereby.tsx
index 657f641bf..5aa740e3c 100644
--- a/src/pages/alternative-to-whereby.tsx
+++ b/src/pages/alternative-to-whereby.tsx
@@ -5,6 +5,8 @@ import { GetServerSidePropsContext } from 'next';
 
 const WherebyComparison = (props: any) => (
   <ComparisonPage
+    breadcrumbName="Whereby alternative"
+    urlSlug="alternative-to-whereby"
     {...props}
     competitor="Whereby"
     metaTagId="whereby-alternative"
diff --git a/src/pages/alternative-to-wire.tsx b/src/pages/alternative-to-wire.tsx
index 80abd41cc..b1785e462 100644
--- a/src/pages/alternative-to-wire.tsx
+++ b/src/pages/alternative-to-wire.tsx
@@ -5,6 +5,8 @@ import { GetServerSidePropsContext } from 'next';
 
 const WireComparison = (props: any) => (
   <ComparisonPage
+    breadcrumbName="Alternative to wire"
+    urlSlug="alternative-to-wire"
     {...props}
     competitor="Wire"
     metaTagId="wire-alternative"
diff --git a/src/pages/alternative-to-zoom.tsx b/src/pages/alternative-to-zoom.tsx
index ca77a9d2c..60afbdcf6 100644
--- a/src/pages/alternative-to-zoom.tsx
+++ b/src/pages/alternative-to-zoom.tsx
@@ -5,6 +5,8 @@ import { GetServerSidePropsContext } from 'next';
 
 const zoomComparison = (props) => (
   <ComparisonPage
+    breadcrumbName="Zoom alternative"
+    urlSlug="alternative-to-zoom"
     {...props}
     competitor="zoom"
     metaTagId="zoom-alternative"
diff --git a/src/pages/antivirus.tsx b/src/pages/antivirus.tsx
index f67d3a48f..da3d968f8 100644
--- a/src/pages/antivirus.tsx
+++ b/src/pages/antivirus.tsx
@@ -17,6 +17,10 @@ import FeatureSection from '@/components/antivirus/FeatureSection';
 import HeroSection from '@/components/antivirus/HeroSection';
 import { InfoSection } from '@/components/antivirus/InfoSecction';
 import { downloadDriveLinks } from '@/lib/get-download-url';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 interface AntivirusProps {
   lang: GetServerSidePropsContext['locale'];
@@ -103,6 +107,13 @@ const AntivirusPage = ({
       ) : (
         <Navbar textContent={navbarLang} lang={locale} cta={['default']} fixed />
       )}
+      <div className="sr-only">
+        <Breadcrumb items={[
+{ name: 'Encrypted Cloud Storage', url: '/' },
+{ name: 'Secure cloud storage', url: '/drive' },
+{ name: 'Internxt Antivirus', url: '/antivirus' }
+]} />
+      </div>
 
       <HeroSection textContent={langJson.HeroSection} download={download} />
 
diff --git a/src/pages/business.tsx b/src/pages/business.tsx
index bfdaacd1e..b6cf32aa9 100644
--- a/src/pages/business.tsx
+++ b/src/pages/business.tsx
@@ -19,6 +19,10 @@ import HorizontalScrollableSection from '@/components/shared/HorizontalScrollabl
 import BusinessCtaSection from '@/components/business/BusinessCtaSection';
 import Image from 'next/image';
 import HorizontalScrollableSectionWithImages from '@/components/business/HorizontalScrollableSectionWithImages';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 interface BusinessProps {
   metatagsDescriptions: MetatagsDescription[];
@@ -76,6 +80,13 @@ export const BusinessPage = ({
   return (
     <Layout title={metatags.title} description={metatags.description}>
       <Navbar cta={['default']} lang={locale} textContent={navbarText} fixed />
+      <div className="sr-only">
+        <Breadcrumb items={[
+{ name: 'Encrypted Cloud Storage', url: '/' },
+{ name: 'Secure cloud storage', url: '/drive' },
+{ name: 'Internxt for business', url: '/business' }
+]} />
+      </div>
 
       <HeroSection
         TextComponent={
diff --git a/src/pages/byte-converter.tsx b/src/pages/byte-converter.tsx
index a6b206034..d26be4e18 100644
--- a/src/pages/byte-converter.tsx
+++ b/src/pages/byte-converter.tsx
@@ -13,6 +13,8 @@ import TryInternxtBanner from '@/components/banners/TryInternxtBanner';
 
 import { sm_faq, sm_breadcrumb } from '@/components/utils/schema-markup-generator';
 import { ToolsSection } from '@/components/shared/sections/ToolsSection';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+
 
 const CONVERTER_TOOL_METATAG_ID = 'converter-tool';
 
@@ -31,6 +33,14 @@ const ConverterTool = ({ lang, metatagsDescriptions, navbarLang, langJson, tools
 
       <Layout title={metatags[0].title} description={metatags[0].description} segmentName="Converter Tool">
         <Navbar lang={'en'} textContent={navbarLang} cta={['default']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'Byte converter', url: '/byte-converter' },
+          ]}
+        />
+      </div>
 
         <HeroSection textContent={langJson.HeroSection} />
 
diff --git a/src/pages/cleaner.tsx b/src/pages/cleaner.tsx
index e187f012e..95b6155b8 100644
--- a/src/pages/cleaner.tsx
+++ b/src/pages/cleaner.tsx
@@ -12,6 +12,10 @@ import WhenToUseSection from '@/components/cleaner/WhenToUseSection';
 import FloatingCtaSectionv2 from '@/components/shared/FloatingCtaSectionV2';
 import HorizontalScrollableSection from '@/components/shared/HorizontalScrollableSection';
 import FeatureSection from '@/components/cleaner/FeatureSection';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 interface CleanerProps {
   lang: GetServerSidePropsContext['locale'];
@@ -35,6 +39,13 @@ const CleanerPage = ({
   return (
     <Layout title={metatags[0].title} description={metatags[0].description} segmentName="Home" lang={lang}>
       <Navbar textContent={navbarLang} lang={locale} cta={[navbarCta]} fixed />
+      <div className="sr-only">
+        <Breadcrumb items={[
+{ name: 'Encrypted Cloud Storage', url: '/' },
+{ name: 'Secure cloud storage', url: '/drive' },
+{ name: 'Internxt Cleaner', url: '/cleaner' }
+]} />
+      </div>
 
       <HeroSection textContent={textContent.HeroSection} />
 
diff --git a/src/pages/cloud-object-storage/free-cloud-object-storage.tsx b/src/pages/cloud-object-storage/free-cloud-object-storage.tsx
index 9d73d0393..114a337fc 100644
--- a/src/pages/cloud-object-storage/free-cloud-object-storage.tsx
+++ b/src/pages/cloud-object-storage/free-cloud-object-storage.tsx
@@ -11,6 +11,10 @@ import FloatingCtaSectionv2 from '@/components/shared/FloatingCtaSectionV2';
 import HorizontalScrollableSection from '@/components/shared/HorizontalScrollableSection';
 import FAQSection from '@/components/shared/sections/FaqSection';
 import { GetServerSidePropsContext } from 'next';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 interface FreeCloudObjectStorageProps {
   metatagsDescription: MetatagsDescription[];
@@ -34,6 +38,13 @@ const FreeCloudObjectStorage = ({
   return (
     <Layout title={metatags.title} description={metatags.description}>
       <Navbar cta={['default']} lang={lang} textContent={navbarText} fixed />
+      <div className="sr-only">
+        <Breadcrumb items={[
+{ name: 'Encrypted Cloud Storage', url: '/' },
+{ name: 'Cloud object storage', url: '/cloud-object-storage' },
+{ name: 'Free cloud object storage', url: '/cloud-object-storage/free-cloud-object-storage' }
+]} />
+      </div>
 
       <HeroSection textContent={textContent.HeroSection} />
 
diff --git a/src/pages/cloud-object-storage/index.tsx b/src/pages/cloud-object-storage/index.tsx
index a7eb57512..507ea6fe2 100644
--- a/src/pages/cloud-object-storage/index.tsx
+++ b/src/pages/cloud-object-storage/index.tsx
@@ -12,6 +12,10 @@ import FloatingCtaSectionv2 from '@/components/shared/FloatingCtaSectionV2';
 import HorizontalScrollableSection from '@/components/shared/HorizontalScrollableSection';
 import FAQSection from '@/components/shared/sections/FaqSection';
 import { GetServerSidePropsContext } from 'next';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 interface CloudObjectStorageProps {
   metatagsDescription: MetatagsDescription[];
@@ -35,6 +39,12 @@ const CloudObjectStorage = ({
   return (
     <Layout title={metatags.title} description={metatags.description}>
       <Navbar cta={['default']} lang={lang} textContent={navbarText} fixed />
+      <div className="sr-only">
+        <Breadcrumb items={[
+{ name: 'Encrypted Cloud Storage', url: '/' },
+{ name: 'Cloud object storage', url: '/cloud-object-storage' }
+]} />
+      </div>
 
       <HeroSection textContent={textContent.HeroSection} />
 
diff --git a/src/pages/cloud-storage-backup-solutions.tsx b/src/pages/cloud-storage-backup-solutions.tsx
index 35943a0fa..602957608 100644
--- a/src/pages/cloud-storage-backup-solutions.tsx
+++ b/src/pages/cloud-storage-backup-solutions.tsx
@@ -17,6 +17,9 @@ import FAQSection from '@/components/shared/sections/FaqSection';
 import AnimatedHeroSection from '@/components/shared/HeroSections/AnimatedHeroSection';
 import { Check } from '@phosphor-icons/react';
 import Link from 'next/link';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
+
 
 interface PrivacyProps {
   metatagsDescriptions: MetatagsDescription[];
@@ -88,6 +91,13 @@ const CloudStorageBackupSolutions = ({
         lang={lang}
       >
         <Navbar textContent={navbarLang} lang={lang} cta={['default']} fixed />
+      <div className="sr-only">
+        <Breadcrumb items={[
+{ name: 'Encrypted Cloud Storage', url: '/' },
+{ name: 'Secure cloud storage', url: '/drive' },
+{ name: 'Cloud backup storage', url: '/cloud-storage-backup-solutions' }
+]} />
+      </div>
 
         <AnimatedHeroSection
           textComponent={
diff --git a/src/pages/cloud-storage-comparison.tsx b/src/pages/cloud-storage-comparison.tsx
index f2c901c53..2c225e7a6 100644
--- a/src/pages/cloud-storage-comparison.tsx
+++ b/src/pages/cloud-storage-comparison.tsx
@@ -15,6 +15,9 @@ import CtaSection from '@/components/shared/CtaSection';
 import { ComparisonHeader } from '@/components/comparison/ComparisonHeader';
 import { Eye, Fingerprint, LockKey, ShieldCheck } from '@phosphor-icons/react';
 import InfoSection from '@/components/shared/sections/InfoSection';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
+
 
 const URL_REDIRECT = 'https://internxt.com/specialoffer';
 
@@ -61,6 +64,12 @@ const CloudStorageComparison = ({ metatagsDescriptions, langJson, navbarLang, fo
         lang={lang}
       >
         <Navbar textContent={navbarLang} lang={lang} cta={['default']} fixed darkMode={false} />
+      <div className="sr-only">
+        <Breadcrumb items={[
+{ name: 'Encrypted Cloud Storage', url: '/' },
+{ name: 'Cloud storage comparison', url: '/cloud-storage-comparison' }
+]} />
+      </div>
 
         <ComparisonHeader textContent={langJson.HeroSection} redirectUrl={URL_REDIRECT} />
 
diff --git a/src/pages/cloud-storage-for-photos.tsx b/src/pages/cloud-storage-for-photos.tsx
index 48e441dae..5f33e5b12 100644
--- a/src/pages/cloud-storage-for-photos.tsx
+++ b/src/pages/cloud-storage-for-photos.tsx
@@ -16,6 +16,9 @@ import CtaSection from '@/components/shared/CtaSection';
 import FAQSection from '@/components/shared/sections/FaqSection';
 import ExplanationSection from '@/components/cloud-storage-for-photos/ExplanationSection';
 import { ClockClockwise, CloudArrowUp, Eye, Images, Key, ShieldPlus } from '@phosphor-icons/react';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
+
 
 interface PrivacyProps {
   metatagsDescriptions: MetatagsDescription[];
@@ -78,6 +81,13 @@ const CloudStorageBackupSolutions = ({
         lang={lang}
       >
         <Navbar textContent={navbarLang} lang={lang} cta={['default']} fixed />
+      <div className="sr-only">
+        <Breadcrumb items={[
+{ name: 'Encrypted Cloud Storage', url: '/' },
+{ name: 'Secure cloud storage', url: '/drive' },
+{ name: 'Cloud storage for photos', url: '/cloud-storage-for-photos' }
+]} />
+      </div>
 
         <HeroSection textContent={textContent.HeroSection} lang={locale} />
 
diff --git a/src/pages/cloud-storage-for-videos.tsx b/src/pages/cloud-storage-for-videos.tsx
index 14503b4ea..2984746dd 100644
--- a/src/pages/cloud-storage-for-videos.tsx
+++ b/src/pages/cloud-storage-for-videos.tsx
@@ -16,6 +16,10 @@ import HowToChooseSection from '@/components/private-cloud-storage-for-videos/Ho
 import SecureAndManageSection from '@/components/private-cloud-storage-for-videos/Secure&Manage';
 
 import HorizontalScrollableSectionWithPhotos from '@/components/shared/HorizontalScrollableSectionWithPhotos';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 interface CloudStorageForVideosProps {
   metatagsDescriptions: MetatagsDescription[];
@@ -43,6 +47,13 @@ const CloudStorageForVideos = ({
       lang={lang}
     >
       <Navbar textContent={navbarLang} lang={lang} cta={['default']} fixed />
+      <div className="sr-only">
+        <Breadcrumb items={[
+{ name: 'Encrypted Cloud Storage', url: '/' },
+{ name: 'Secure cloud storage', url: '/drive' },
+{ name: 'Cloud storage for large video files', url: '/cloud-storage-for-videos' }
+]} />
+      </div>
 
       <AnimatedHeroSection
         textComponent={
diff --git a/src/pages/dark-web-monitor.tsx b/src/pages/dark-web-monitor.tsx
index a2508f528..254559336 100644
--- a/src/pages/dark-web-monitor.tsx
+++ b/src/pages/dark-web-monitor.tsx
@@ -16,6 +16,10 @@ import { GetServerSidePropsContext } from 'next';
 import { FooterText, MetatagsDescription, NavigationBarText } from '@/assets/types/layout/types';
 import { ToolsSectionText } from '@/assets/types/components/toolsSection';
 import { BannersText } from '@/assets/types/components/banners';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 interface MonitorProps {
   lang: GetServerSidePropsContext['locale'];
@@ -60,8 +64,21 @@ const Monitor = ({
     },
   ];
   return (
-    <Layout title={metatags[0].title} description={metatags[0].description} segmentName="Monitor" lang={locale}>
+    <>
+
+      <Script type="application/ld+json" strategy="beforeInteractive">
+        {sm_breadcrumb('Monitor the dark web', 'dark-web-monitor')}
+      </Script>
+<Layout title={metatags[0].title} description={metatags[0].description} segmentName="Monitor" lang={locale}>
       <Navbar textContent={navbarLang} cta={['default']} fixed lang={locale} />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'Monitor the dark web', url: '/dark-web-monitor' },
+          ]}
+        />
+      </div>
 
       <HeroSection textContent={langJson.HeroSection} />
 
@@ -103,7 +120,7 @@ const Monitor = ({
 
       <Footer textContent={footerLang} lang={locale} hideNewsletter={false} />
     </Layout>
-  );
+  </>);
 };
 
 export async function getServerSideProps(ctx) {
diff --git a/src/pages/degoo-alternative.tsx b/src/pages/degoo-alternative.tsx
index 3a68af5df..d745c3d72 100644
--- a/src/pages/degoo-alternative.tsx
+++ b/src/pages/degoo-alternative.tsx
@@ -16,6 +16,10 @@ import FloatingCtaSectionv2 from '@/components/shared/FloatingCtaSectionV2';
 import HorizontalScrollableSectionWithPhotosSection from '@/components/coupons/HorizontalScrollableSectionWithPhotos';
 import ThreeCardsSection from '@/components/shared/sections/ThreeCardsSection';
 import { formatText } from '@/components/utils/format-text';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 const DegooComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, footerLang }): JSX.Element => {
   const metatags = metatagsDescriptions.filter((desc) => desc.id === 'degoo-alternative');
@@ -66,13 +70,26 @@ const DegooComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, foo
   const alternativeBgColor = 'linear-gradient(180deg, #FFFFFF 0%, #D6F3DD 50%, #FFFFFF 100%)';
 
   return (
-    <Layout
+    <>
+
+      <Script type="application/ld+json" strategy="beforeInteractive">
+        {sm_breadcrumb('Degoo alternative', 'degoo-alternative')}
+      </Script>
+<Layout
       title={metatags[0].title}
       description={metatags[0].description}
       segmentName={'Drive Comparison'}
       lang={lang}
     >
       <Navbar textContent={navbarLang} lang={locale} cta={['priceTable']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'Degoo alternative', url: '/degoo-alternative' },
+          ]}
+        />
+      </div>
 
       <HeroSection textContent={langJson.HeroSection} percentage={percentageDiscount} competitor={'Degoo'} />
 
@@ -151,7 +168,7 @@ const DegooComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, foo
 
       <Footer textContent={footerLang} lang={locale} needsH2={false} />
     </Layout>
-  );
+  </>);
 };
 
 export async function getServerSideProps(ctx: GetServerSidePropsContext) {
diff --git a/src/pages/drime-alternative.tsx b/src/pages/drime-alternative.tsx
index e51a354c4..3e094ae71 100644
--- a/src/pages/drime-alternative.tsx
+++ b/src/pages/drime-alternative.tsx
@@ -16,6 +16,10 @@ import FloatingCtaSectionv2 from '@/components/shared/FloatingCtaSectionV2';
 import HorizontalScrollableSectionWithPhotosSection from '@/components/coupons/HorizontalScrollableSectionWithPhotos';
 import ThreeCardsSection from '@/components/shared/sections/ThreeCardsSection';
 import { formatText } from '@/components/utils/format-text';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 const DrimeComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, footerLang }): JSX.Element => {
   const metatags = metatagsDescriptions.filter((desc) => desc.id === 'drime-alternative');
@@ -66,13 +70,26 @@ const DrimeComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, foo
   const alternativeBgColor = 'linear-gradient(180deg, #FFFFFF 0%, #D6F3DD 50%, #FFFFFF 100%)';
 
   return (
-    <Layout
+    <>
+
+      <Script type="application/ld+json" strategy="beforeInteractive">
+        {sm_breadcrumb('Alternative to drime', 'drime-alternative')}
+      </Script>
+<Layout
       title={metatags[0].title}
       description={metatags[0].description}
       segmentName={'Drive Comparison'}
       lang={lang}
     >
       <Navbar textContent={navbarLang} lang={locale} cta={['priceTable']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'Alternative to drime', url: '/drime-alternative' },
+          ]}
+        />
+      </div>
 
       <HeroSection textContent={langJson.HeroSection} percentage={percentageDiscount} competitor={'Drime'} />
 
@@ -151,7 +168,7 @@ const DrimeComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, foo
 
       <Footer textContent={footerLang} lang={locale} needsH2={false} />
     </Layout>
-  );
+  </>);
 };
 
 export async function getServerSideProps(ctx: GetServerSidePropsContext) {
diff --git a/src/pages/drive/free-cloud-storage.tsx b/src/pages/drive/free-cloud-storage.tsx
index 22b21129a..116b217b9 100644
--- a/src/pages/drive/free-cloud-storage.tsx
+++ b/src/pages/drive/free-cloud-storage.tsx
@@ -17,6 +17,10 @@ import HorizontalScrollableSection from '@/components/shared/HorizontalScrollabl
 import DriveSection from '@/components/drive/Drivesection';
 import ThreeCardsSection from '@/components/shared/sections/ThreeCardsWithImagesSection';
 import CoreFeaturesSection from '@/components/drive/CoreFeaturesSection';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 interface DriveProps {
   textContent: DriveText;
@@ -49,6 +53,13 @@ const Drive = ({
   return (
     <Layout title={metatags[0].title} description={metatags[0].description} segmentName="FreeCloudStorage" lang={lang}>
       <Navbar textContent={navbarLang} lang={lang} cta={['default']} fixed />
+      <div className="sr-only">
+        <Breadcrumb items={[
+{ name: 'Encrypted Cloud Storage', url: '/' },
+{ name: 'Secure cloud storage', url: '/drive' },
+{ name: 'Free secure cloud storage', url: '/drive/free-cloud-storage' }
+]} />
+      </div>
 
       <HeroSection textContent={textContent.HeroSection} download={download} ChecksTag="h2" />
 
diff --git a/src/pages/drive/index.tsx b/src/pages/drive/index.tsx
index d54e269b0..99f0f03e3 100644
--- a/src/pages/drive/index.tsx
+++ b/src/pages/drive/index.tsx
@@ -21,6 +21,10 @@ import { PricingSectionWrapper } from '@/components/shared/pricing/PricingSectio
 import usePricing from '@/hooks/usePricing';
 import { PromoCodeName } from '@/lib/types';
 import { stripeService } from '@/services/stripe.service';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 interface DriveProps {
   textContent: DriveText;
@@ -95,6 +99,12 @@ const Drive = ({
   return (
     <Layout title={metatags[0].title} description={metatags[0].description} segmentName="Drive" lang={lang}>
       <Navbar textContent={navbarLang} lang={lang} cta={['default']} fixed />
+      <div className="sr-only">
+        <Breadcrumb items={[
+{ name: 'Encrypted Cloud Storage', url: '/' },
+{ name: 'Secure cloud storage', url: '/drive' }
+]} />
+      </div>
 
       <HeroSection textContent={textContent.HeroSection} download={download} />
 
diff --git a/src/pages/dropbox-alternative.tsx b/src/pages/dropbox-alternative.tsx
index 673495024..7f5c3db5f 100644
--- a/src/pages/dropbox-alternative.tsx
+++ b/src/pages/dropbox-alternative.tsx
@@ -13,6 +13,10 @@ import { ComparisonTable } from '@/components/comparison/ComparisonTable';
 import { HeroSection } from '@/components/comparison/HeroSection';
 import Footer from '@/components/layout/footers/Footer';
 import FloatingCtaSectionv2 from '@/components/shared/FloatingCtaSectionV2';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 const DropboxComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, footerLang }): JSX.Element => {
   const metatags = metatagsDescriptions.filter((desc) => desc.id === 'dropbox-alternative');
@@ -60,13 +64,26 @@ const DropboxComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, f
   const percentageDiscount = decimalDiscount ? 100 - decimalDiscount : 0;
 
   return (
-    <Layout
+    <>
+
+      <Script type="application/ld+json" strategy="beforeInteractive">
+        {sm_breadcrumb('Alternative to dropbox', 'dropbox-alternative')}
+      </Script>
+<Layout
       title={metatags[0].title}
       description={metatags[0].description}
       segmentName="dropbox Comparison"
       lang={lang}
     >
       <Navbar textContent={navbarLang} lang={lang} cta={['priceTable']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'Alternative to dropbox', url: '/dropbox-alternative' },
+          ]}
+        />
+      </div>
 
       <HeroSection textContent={langJson.HeroSection} percentage={percentageDiscount} competitor={'Dropbox'} />
 
@@ -129,7 +146,7 @@ const DropboxComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, f
 
       <Footer textContent={footerLang} lang={lang} needsH2={false} />
     </Layout>
-  );
+  </>);
 };
 
 export async function getServerSideProps(ctx: GetServerSidePropsContext) {
diff --git a/src/pages/elephantdrive-alternative.tsx b/src/pages/elephantdrive-alternative.tsx
index 50d595543..50a51ea49 100644
--- a/src/pages/elephantdrive-alternative.tsx
+++ b/src/pages/elephantdrive-alternative.tsx
@@ -5,6 +5,8 @@ import { GetServerSidePropsContext } from 'next';
 
 const ElephantdriveComparison = (props) => (
   <ComparisonPage
+    breadcrumbName="Alternative to elephantdrive"
+    urlSlug="elephantdrive-alternative"
     {...props}
     competitor="Elephantdrive"
     metaTagId="elephantdrive-alternative"
diff --git a/src/pages/file-compressor/index.tsx b/src/pages/file-compressor/index.tsx
index c1cf30eb1..8d78d6175 100644
--- a/src/pages/file-compressor/index.tsx
+++ b/src/pages/file-compressor/index.tsx
@@ -8,6 +8,10 @@ import { FeaturesSection } from '@/components/file-compressor/main-state/Feature
 import QASection from '@/components/shared/sections/FaqSection';
 import Footer from '@/components/layout/footers/Footer';
 import CtaSection from '@/components/shared/CtaSection';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 const FileConverter = ({
   metatagsDescriptions,
@@ -21,8 +25,21 @@ const FileConverter = ({
   const metatags = metatagsDescriptions.filter((desc) => desc.id === 'file-compressor');
 
   return (
-    <Layout segmentName="File Converter" title={metatags[0].title} description={metatags[0].description} lang={lang}>
+    <>
+
+      <Script type="application/ld+json" strategy="beforeInteractive">
+        {sm_breadcrumb('File compressor', 'file-compressor')}
+      </Script>
+<Layout segmentName="File Converter" title={metatags[0].title} description={metatags[0].description} lang={lang}>
       <Navbar textContent={navbarLang} lang={lang} cta={['default']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'File compressor', url: '/file-compressor' },
+          ]}
+        />
+      </div>
 
       <HeroSection textContent={textContent.HeroSection} />
 
@@ -44,7 +61,7 @@ const FileConverter = ({
 
       <Footer textContent={footerLang} lang={lang} hideNewsletter={false} />
     </Layout>
-  );
+  </>);
 };
 
 export async function getServerSideProps(ctx) {
diff --git a/src/pages/file-converter/index.tsx b/src/pages/file-converter/index.tsx
index e32ed7a47..cc9b3f869 100644
--- a/src/pages/file-converter/index.tsx
+++ b/src/pages/file-converter/index.tsx
@@ -8,6 +8,10 @@ import { FeaturesSection } from '@/components/file-converter/main-state/Features
 import CtaSection from '@/components/shared/CtaSection';
 import QASection from '@/components/shared/sections/FaqSection';
 import Footer from '@/components/layout/footers/Footer';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 const FileConverter = ({
   metatagsDescriptions,
@@ -21,8 +25,21 @@ const FileConverter = ({
   const metatags = metatagsDescriptions.filter((desc) => desc.id === 'file-converter');
 
   return (
-    <Layout segmentName="File Converter" title={metatags[0].title} description={metatags[0].description} lang={lang}>
+    <>
+
+      <Script type="application/ld+json" strategy="beforeInteractive">
+        {sm_breadcrumb('File converter', 'file-converter')}
+      </Script>
+<Layout segmentName="File Converter" title={metatags[0].title} description={metatags[0].description} lang={lang}>
       <Navbar textContent={navbarLang} lang={lang} cta={['default']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'File converter', url: '/file-converter' },
+          ]}
+        />
+      </div>
 
       <HeroSection textContent={textContent.HeroSection} />
 
@@ -50,7 +67,7 @@ const FileConverter = ({
 
       <Footer textContent={footerLang} lang={lang} hideNewsletter={false} />
     </Layout>
-  );
+  </>);
 };
 
 export async function getServerSideProps(ctx) {
diff --git a/src/pages/filejump-alternative.tsx b/src/pages/filejump-alternative.tsx
index 09c81e0d5..110ef54d0 100644
--- a/src/pages/filejump-alternative.tsx
+++ b/src/pages/filejump-alternative.tsx
@@ -16,6 +16,10 @@ import FloatingCtaSectionv2 from '@/components/shared/FloatingCtaSectionV2';
 import HorizontalScrollableSectionWithPhotosSection from '@/components/coupons/HorizontalScrollableSectionWithPhotos';
 import ThreeCardsSection from '@/components/shared/sections/ThreeCardsSection';
 import { formatText } from '@/components/utils/format-text';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 const FilejumpComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, footerLang }): JSX.Element => {
   const metatags = metatagsDescriptions.filter((desc) => desc.id === 'filejump-alternative');
@@ -66,13 +70,26 @@ const FilejumpComparison = ({ metatagsDescriptions, langJson, lang, navbarLang,
   const alternativeBgColor = 'linear-gradient(180deg, #FFFFFF 0%, #D6F3DD 50%, #FFFFFF 100%)';
 
   return (
-    <Layout
+    <>
+
+      <Script type="application/ld+json" strategy="beforeInteractive">
+        {sm_breadcrumb('Alternative to filejump', 'filejump-alternative')}
+      </Script>
+<Layout
       title={metatags[0].title}
       description={metatags[0].description}
       segmentName={'Drive Comparison'}
       lang={lang}
     >
       <Navbar textContent={navbarLang} lang={locale} cta={['priceTable']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'Alternative to filejump', url: '/filejump-alternative' },
+          ]}
+        />
+      </div>
 
       <HeroSection textContent={langJson.HeroSection} percentage={percentageDiscount} competitor={'FileJump'} />
 
@@ -151,7 +168,7 @@ const FilejumpComparison = ({ metatagsDescriptions, langJson, lang, navbarLang,
 
       <Footer textContent={footerLang} lang={locale} needsH2={false} />
     </Layout>
-  );
+  </>);
 };
 
 export async function getServerSideProps(ctx: GetServerSidePropsContext) {
diff --git a/src/pages/filen-alternative.tsx b/src/pages/filen-alternative.tsx
index fc47c1161..02bd24f5d 100644
--- a/src/pages/filen-alternative.tsx
+++ b/src/pages/filen-alternative.tsx
@@ -16,6 +16,10 @@ import FloatingCtaSectionv2 from '@/components/shared/FloatingCtaSectionV2';
 import HorizontalScrollableSectionWithPhotosSection from '@/components/coupons/HorizontalScrollableSectionWithPhotos';
 import ThreeCardsSection from '@/components/shared/sections/ThreeCardsSection';
 import { formatText } from '@/components/utils/format-text';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 const FilenComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, footerLang }): JSX.Element => {
   const metatags = metatagsDescriptions.filter((desc) => desc.id === 'filen-alternative');
@@ -66,13 +70,26 @@ const FilenComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, foo
   const alternativeBgColor = 'linear-gradient(180deg, #FFFFFF 0%, #D6F3DD 50%, #FFFFFF 100%)';
 
   return (
-    <Layout
+    <>
+
+      <Script type="application/ld+json" strategy="beforeInteractive">
+        {sm_breadcrumb('Filen alternative', 'filen-alternative')}
+      </Script>
+<Layout
       title={metatags[0].title}
       description={metatags[0].description}
       segmentName={'Drive Comparison'}
       lang={lang}
     >
       <Navbar textContent={navbarLang} lang={locale} cta={['priceTable']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'Filen alternative', url: '/filen-alternative' },
+          ]}
+        />
+      </div>
 
       <HeroSection textContent={langJson.HeroSection} percentage={percentageDiscount} competitor={'Filen'} />
 
@@ -151,7 +168,7 @@ const FilenComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, foo
 
       <Footer textContent={footerLang} lang={locale} needsH2={false} />
     </Layout>
-  );
+  </>);
 };
 
 export async function getServerSideProps(ctx: GetServerSidePropsContext) {
diff --git a/src/pages/gdpr-cloud-storage.tsx b/src/pages/gdpr-cloud-storage.tsx
index 569a222f1..7ae8c6847 100644
--- a/src/pages/gdpr-cloud-storage.tsx
+++ b/src/pages/gdpr-cloud-storage.tsx
@@ -17,6 +17,9 @@ import ImportanceSection from '@/components/gdpr-cloud-storage/ImportanceSection
 import AnimatedHeroSection from '@/components/shared/HeroSections/AnimatedHeroSection';
 import Link from 'next/link';
 import { ShieldCheck } from '@phosphor-icons/react';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
+
 
 interface PrivacyProps {
   metatagsDescriptions: MetatagsDescription[];
@@ -96,6 +99,13 @@ const PrivateCloudStorageSolutions = ({
         lang={lang}
       >
         <Navbar textContent={navbarLang} lang={lang} cta={['default']} fixed />
+      <div className="sr-only">
+        <Breadcrumb items={[
+{ name: 'Encrypted Cloud Storage', url: '/' },
+{ name: 'Secure cloud storage', url: '/drive' },
+{ name: 'GDPR compliant cloud storage', url: '/gdpr-cloud-storage' }
+]} />
+      </div>
 
         <AnimatedHeroSection
           textComponent={
diff --git a/src/pages/google-drive-alternative.tsx b/src/pages/google-drive-alternative.tsx
index b3deb72e5..18676a26b 100644
--- a/src/pages/google-drive-alternative.tsx
+++ b/src/pages/google-drive-alternative.tsx
@@ -16,6 +16,10 @@ import FloatingCtaSectionv2 from '@/components/shared/FloatingCtaSectionV2';
 import HorizontalScrollableSectionWithPhotosSection from '@/components/coupons/HorizontalScrollableSectionWithPhotos';
 import ThreeCardsSection from '@/components/shared/sections/ThreeCardsSection';
 import { formatText } from '@/components/utils/format-text';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 const GoogleDriveComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, footerLang }): JSX.Element => {
   const metatags = metatagsDescriptions.filter((desc) => desc.id === 'google-drive-alternative');
@@ -66,13 +70,26 @@ const GoogleDriveComparison = ({ metatagsDescriptions, langJson, lang, navbarLan
   const alternativeBgColor = 'linear-gradient(180deg, #FFFFFF 0%, #D6F3DD 50%, #FFFFFF 100%)';
 
   return (
-    <Layout
+    <>
+
+      <Script type="application/ld+json" strategy="beforeInteractive">
+        {sm_breadcrumb('Google drive alternative', 'google-drive-alternative')}
+      </Script>
+<Layout
       title={metatags[0].title}
       description={metatags[0].description}
       segmentName={'Drive Comparison'}
       lang={lang}
     >
       <Navbar textContent={navbarLang} lang={locale} cta={['priceTable']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'Google drive alternative', url: '/google-drive-alternative' },
+          ]}
+        />
+      </div>
 
       <HeroSection textContent={langJson.HeroSection} percentage={percentageDiscount} competitor={'Drive'} />
 
@@ -145,7 +162,7 @@ const GoogleDriveComparison = ({ metatagsDescriptions, langJson, lang, navbarLan
 
       <Footer textContent={footerLang} lang={locale} needsH2={false} />
     </Layout>
-  );
+  </>);
 };
 
 export async function getServerSideProps(ctx: GetServerSidePropsContext) {
diff --git a/src/pages/icedrive-alternative.tsx b/src/pages/icedrive-alternative.tsx
index 2ee9688d2..7a9b8cc6d 100644
--- a/src/pages/icedrive-alternative.tsx
+++ b/src/pages/icedrive-alternative.tsx
@@ -16,6 +16,10 @@ import FloatingCtaSectionv2 from '@/components/shared/FloatingCtaSectionV2';
 import HorizontalScrollableSectionWithPhotosSection from '@/components/coupons/HorizontalScrollableSectionWithPhotos';
 import ThreeCardsSection from '@/components/shared/sections/ThreeCardsSection';
 import { formatText } from '@/components/utils/format-text';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 const IcedriveComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, footerLang }): JSX.Element => {
   const metatags = metatagsDescriptions.filter((desc) => desc.id === 'icedrive-alternative');
@@ -66,13 +70,26 @@ const IcedriveComparison = ({ metatagsDescriptions, langJson, lang, navbarLang,
   const alternativeBgColor = 'linear-gradient(180deg, #FFFFFF 0%, #D6F3DD 50%, #FFFFFF 100%)';
 
   return (
-    <Layout
+    <>
+
+      <Script type="application/ld+json" strategy="beforeInteractive">
+        {sm_breadcrumb('Icedrive alternative', 'icedrive-alternative')}
+      </Script>
+<Layout
       title={metatags[0].title}
       description={metatags[0].description}
       segmentName={'Icedrive Comparison'}
       lang={lang}
     >
       <Navbar textContent={navbarLang} lang={locale} cta={['priceTable']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'Icedrive alternative', url: '/icedrive-alternative' },
+          ]}
+        />
+      </div>
 
       <HeroSection textContent={langJson.HeroSection} percentage={percentageDiscount} competitor={'Icedrive'} />
 
@@ -151,7 +168,7 @@ const IcedriveComparison = ({ metatagsDescriptions, langJson, lang, navbarLang,
 
       <Footer textContent={footerLang} lang={locale} needsH2={false} />
     </Layout>
-  );
+  </>);
 };
 
 export async function getServerSideProps(ctx: GetServerSidePropsContext) {
diff --git a/src/pages/idrive-alternative.tsx b/src/pages/idrive-alternative.tsx
index 0b2696343..308895f14 100644
--- a/src/pages/idrive-alternative.tsx
+++ b/src/pages/idrive-alternative.tsx
@@ -16,6 +16,10 @@ import FloatingCtaSectionv2 from '@/components/shared/FloatingCtaSectionV2';
 import HorizontalScrollableSectionWithPhotosSection from '@/components/coupons/HorizontalScrollableSectionWithPhotos';
 import ThreeCardsSection from '@/components/shared/sections/ThreeCardsSection';
 import { formatText } from '@/components/utils/format-text';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 const iDriveComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, footerLang }): JSX.Element => {
   const metatags = metatagsDescriptions.filter((desc) => desc.id === 'idrive-alternative');
@@ -67,13 +71,26 @@ const iDriveComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, fo
   const alternativeBgColor = 'linear-gradient(180deg, #FFFFFF 0%, #D6F3DD 50%, #FFFFFF 100%)';
 
   return (
-    <Layout
+    <>
+
+      <Script type="application/ld+json" strategy="beforeInteractive">
+        {sm_breadcrumb('Idrive alternative', 'idrive-alternative')}
+      </Script>
+<Layout
       title={metatags[0].title}
       description={metatags[0].description}
       segmentName={'Drive Comparison'}
       lang={lang}
     >
       <Navbar textContent={navbarLang} lang={locale} cta={['priceTable']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'Idrive alternative', url: '/idrive-alternative' },
+          ]}
+        />
+      </div>
 
       <HeroSection textContent={langJson.HeroSection} percentage={percentageDiscount} competitor={'idrive'} />
 
@@ -152,7 +169,7 @@ const iDriveComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, fo
 
       <Footer textContent={footerLang} lang={locale} needsH2={false} />
     </Layout>
-  );
+  </>);
 };
 
 export async function getServerSideProps(ctx: GetServerSidePropsContext) {
diff --git a/src/pages/koofr-alternative.tsx b/src/pages/koofr-alternative.tsx
index 6a29ae92e..473187624 100644
--- a/src/pages/koofr-alternative.tsx
+++ b/src/pages/koofr-alternative.tsx
@@ -16,6 +16,10 @@ import FloatingCtaSectionv2 from '@/components/shared/FloatingCtaSectionV2';
 import HorizontalScrollableSectionWithPhotosSection from '@/components/coupons/HorizontalScrollableSectionWithPhotos';
 import ThreeCardsSection from '@/components/shared/sections/ThreeCardsSection';
 import { formatText } from '@/components/utils/format-text';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 const KoofrComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, footerLang }): JSX.Element => {
   const metatags = metatagsDescriptions.filter((desc) => desc.id === 'koofr-alternative');
@@ -66,13 +70,26 @@ const KoofrComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, foo
   const alternativeBgColor = 'linear-gradient(180deg, #FFFFFF 0%, #D6F3DD 50%, #FFFFFF 100%)';
 
   return (
-    <Layout
+    <>
+
+      <Script type="application/ld+json" strategy="beforeInteractive">
+        {sm_breadcrumb('Koofr alternative', 'koofr-alternative')}
+      </Script>
+<Layout
       title={metatags[0].title}
       description={metatags[0].description}
       segmentName={'Drive Comparison'}
       lang={lang}
     >
       <Navbar textContent={navbarLang} lang={locale} cta={['priceTable']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'Koofr alternative', url: '/koofr-alternative' },
+          ]}
+        />
+      </div>
 
       <HeroSection textContent={langJson.HeroSection} percentage={percentageDiscount} competitor={'Koofr'} />
 
@@ -150,7 +167,7 @@ const KoofrComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, foo
 
       <Footer textContent={footerLang} lang={locale} needsH2={false} />
     </Layout>
-  );
+  </>);
 };
 
 export async function getServerSideProps(ctx: GetServerSidePropsContext) {
diff --git a/src/pages/lifetime.tsx b/src/pages/lifetime.tsx
index e717048a6..9f95cfd7d 100644
--- a/src/pages/lifetime.tsx
+++ b/src/pages/lifetime.tsx
@@ -12,6 +12,10 @@ import { stripeService } from '@/services/stripe.service';
 import cookies from '@/lib/cookies';
 import { SpecialOfferText } from '@/assets/types/specialOfferTemplate';
 import { PromoCodeName } from '@/lib/types';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 interface LifetimeSpecialProps {
   metatagsDescriptions: MetatagsDescription[];
@@ -99,6 +103,13 @@ function LifetimeSpecial({
       specialOffer={`https://internxt.com/images/previewLink/LifetimePreviewLink.png`}
     >
       <Navbar textContent={navbarLang} lang={lang} cta={[navbarCta]} fixed />
+      <div className="sr-only">
+        <Breadcrumb items={[
+{ name: 'Encrypted Cloud Storage', url: '/' },
+{ name: 'Secure cloud storage', url: '/drive' },
+{ name: 'Lifetime cloud storage', url: '/lifetime' }
+]} />
+      </div>
 
       <HeroSection textContent={langJson.HeroSection} percentOff={percentOff} />
 
diff --git a/src/pages/meet.tsx b/src/pages/meet.tsx
index 9b9ea5291..bec1f76b5 100644
--- a/src/pages/meet.tsx
+++ b/src/pages/meet.tsx
@@ -11,6 +11,10 @@ import FloatingCtaSectionv2 from '@/components/shared/FloatingCtaSectionV2';
 import HorizontalScrollableSection from '@/components/shared/HorizontalScrollableSection';
 import HorizontalScrollableSectionWithPhotosSection from '@/components/meet/HorizontalScrollableSection';
 import AccordionSection from '@/components/meet/AccordionSection';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 interface CleanerProps {
   lang: GetServerSidePropsContext['locale'];
@@ -34,6 +38,13 @@ const CleanerPage = ({
   return (
     <Layout title={metatags[0].title} description={metatags[0].description} segmentName="meet" lang={lang}>
       <Navbar textContent={navbarLang} lang={locale} cta={[navbarCta]} fixed />
+      <div className="sr-only">
+        <Breadcrumb items={[
+{ name: 'Encrypted Cloud Storage', url: '/' },
+{ name: 'Secure cloud storage', url: '/drive' },
+{ name: 'Internxt Meet', url: '/meet' }
+]} />
+      </div>
 
       <HeroSection textContent={textContent.HeroSection} />
 
diff --git a/src/pages/mega-alternative.tsx b/src/pages/mega-alternative.tsx
index fb12f5343..f1f9d8312 100644
--- a/src/pages/mega-alternative.tsx
+++ b/src/pages/mega-alternative.tsx
@@ -13,6 +13,10 @@ import FloatingCtaSectionv2 from '@/components/shared/FloatingCtaSectionV2';
 import { ComparisonTable } from '@/components/comparison/ComparisonTable';
 import { HeroSection } from '@/components/comparison/HeroSection';
 import Footer from '@/components/layout/footers/Footer';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 const MegaComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, footerLang }): JSX.Element => {
   const metatags = metatagsDescriptions.filter((desc) => desc.id === 'mega-alternative');
@@ -60,8 +64,21 @@ const MegaComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, foot
   const percentageDiscount = decimalDiscount ? 100 - decimalDiscount : 0;
 
   return (
-    <Layout title={metatags[0].title} description={metatags[0].description} segmentName="mega Comparison" lang={lang}>
+    <>
+
+      <Script type="application/ld+json" strategy="beforeInteractive">
+        {sm_breadcrumb('Mega alternative', 'mega-alternative')}
+      </Script>
+<Layout title={metatags[0].title} description={metatags[0].description} segmentName="mega Comparison" lang={lang}>
       <Navbar textContent={navbarLang} lang={lang} cta={['priceTable']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'Mega alternative', url: '/mega-alternative' },
+          ]}
+        />
+      </div>
 
       <HeroSection textContent={langJson.HeroSection} percentage={percentageDiscount} competitor={'Mega'} />
 
@@ -120,7 +137,7 @@ const MegaComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, foot
 
       <Footer textContent={footerLang} lang={lang} needsH2={false} />
     </Layout>
-  );
+  </>);
 };
 
 export async function getServerSideProps(ctx: GetServerSidePropsContext) {
diff --git a/src/pages/metadata-remover.tsx b/src/pages/metadata-remover.tsx
index 633b081e1..b1e857f1a 100644
--- a/src/pages/metadata-remover.tsx
+++ b/src/pages/metadata-remover.tsx
@@ -23,6 +23,9 @@ import { ToolsSection } from '@/components/shared/sections/ToolsSection';
 import FeaturesSliderImg from '@/components/metadata-remover/FeaturesSliderImg';
 import FeaturesSlider from '@/components/shared/FeaturesSlider';
 import { getImage } from '@/lib/getImage';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
+
 const HeroSection = dynamic(() => import('@/components/metadata-remover/HeroSection'), { ssr: false });
 
 const CTA_URL = `/pricing`;
@@ -103,6 +106,13 @@ const Scan = ({ metatagsDescriptions, langJson, toolsContent, footerLang, navbar
       </Script>
 
       <Navbar textContent={navbarLang} lang={lang} cta={['default']} fixed />
+      <div className="sr-only">
+        <Breadcrumb items={[
+{ name: 'Encrypted Cloud Storage', url: '/' },
+{ name: 'Secure cloud storage', url: '/drive' },
+{ name: 'Internxt Metadata Remover', url: '/metadata-remover' }
+]} />
+      </div>
 
       <HeroSection textContent={langJson.HeroSection} lang={lang} />
 
diff --git a/src/pages/nas.tsx b/src/pages/nas.tsx
index 8d503a1b8..825019b59 100644
--- a/src/pages/nas.tsx
+++ b/src/pages/nas.tsx
@@ -12,6 +12,10 @@ import HorizontalScrollableSection from '@/components/shared/HorizontalScrollabl
 import SynologyQNAPSection from '@/components/nas/SynologyQNAPSection';
 import WhatIsNASSection from '@/components/shared/components/TitleAndDescriptionSection';
 import HeroSection from '@/components/nas/HeroSection';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 interface NASPageProps {
   lang: GetServerSidePropsContext['locale'];
@@ -29,6 +33,13 @@ const NASPage = ({ metatagsDescriptions, textContent, lang, navbarLang, footerLa
   return (
     <Layout title={metatags[0].title} description={metatags[0].description} segmentName="Home" lang={lang}>
       <Navbar textContent={navbarLang} lang={locale} cta={[navbarCta]} fixed />
+      <div className="sr-only">
+        <Breadcrumb items={[
+{ name: 'Encrypted Cloud Storage', url: '/' },
+{ name: 'Secure cloud storage', url: '/drive' },
+{ name: 'Internxt NAS', url: '/nas' }
+]} />
+      </div>
 
       <HeroSection textContent={textContent.HeroSection} />
 
diff --git a/src/pages/onedrive-alternative.tsx b/src/pages/onedrive-alternative.tsx
index 88bc58327..663724aa4 100644
--- a/src/pages/onedrive-alternative.tsx
+++ b/src/pages/onedrive-alternative.tsx
@@ -16,6 +16,10 @@ import FloatingCtaSectionv2 from '@/components/shared/FloatingCtaSectionV2';
 import HorizontalScrollableSectionWithPhotosSection from '@/components/coupons/HorizontalScrollableSectionWithPhotos';
 import ThreeCardsSection from '@/components/shared/sections/ThreeCardsSection';
 import { formatText } from '@/components/utils/format-text';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 const OneDriveComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, footerLang }): JSX.Element => {
   const metatags = metatagsDescriptions.filter((desc) => desc.id === 'onedrive-alternative');
@@ -66,13 +70,26 @@ const OneDriveComparison = ({ metatagsDescriptions, langJson, lang, navbarLang,
   const alternativeBgColor = 'linear-gradient(180deg, #FFFFFF 0%, #D6F3DD 50%, #FFFFFF 100%)';
 
   return (
-    <Layout
+    <>
+
+      <Script type="application/ld+json" strategy="beforeInteractive">
+        {sm_breadcrumb('Onedrive alternative', 'onedrive-alternative')}
+      </Script>
+<Layout
       title={metatags[0].title}
       description={metatags[0].description}
       segmentName={'OneDrive Comparison'}
       lang={lang}
     >
       <Navbar textContent={navbarLang} lang={locale} cta={['priceTable']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'Onedrive alternative', url: '/onedrive-alternative' },
+          ]}
+        />
+      </div>
 
       <HeroSection textContent={langJson.HeroSection} percentage={percentageDiscount} competitor={'OneDrive'} />
 
@@ -144,7 +161,7 @@ const OneDriveComparison = ({ metatagsDescriptions, langJson, lang, navbarLang,
 
       <Footer textContent={footerLang} lang={locale} needsH2={false} />
     </Layout>
-  );
+  </>);
 };
 
 export async function getServerSideProps(ctx: GetServerSidePropsContext) {
diff --git a/src/pages/open-source.tsx b/src/pages/open-source.tsx
index e6d4cd51a..3b659b8d0 100644
--- a/src/pages/open-source.tsx
+++ b/src/pages/open-source.tsx
@@ -10,6 +10,10 @@ import WhatAreTheBenefits from '@/components/open-source/WhatAreTheBenefits';
 import WhatIsOSS from '@/components/open-source/WhatIsOSS';
 import CtaSection from '@/components/shared/CtaSection';
 import { downloadDriveLinks } from '@/lib/get-download-url';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 const CTA_SIGNUP_URL = `https://drive.internxt.com/new`;
 
@@ -20,6 +24,13 @@ const OpenSource = ({ lang, metatagsDescriptions, langJson, navbarLang, footerLa
   return (
     <Layout title={metatags[0].title} description={metatags[0].description} segmentName="Open Source" lang={lang}>
       <Navbar textContent={navbarLang} lang={lang} cta={['default']} fixed />
+      <div className="sr-only">
+        <Breadcrumb items={[
+{ name: 'Encrypted Cloud Storage', url: '/' },
+{ name: 'Secure cloud storage', url: '/drive' },
+{ name: 'Open source cloud storage', url: '/open-source' }
+]} />
+      </div>
 
       <HeroSection textContent={langJson.HeroSection} />
 
diff --git a/src/pages/password-checker.tsx b/src/pages/password-checker.tsx
index 291fc4423..34476e03a 100644
--- a/src/pages/password-checker.tsx
+++ b/src/pages/password-checker.tsx
@@ -12,6 +12,8 @@ import { sm_faq, sm_breadcrumb } from '@/components/utils/schema-markup-generato
 import { ToolsSection } from '@/components/shared/sections/ToolsSection';
 import CtaSection from '@/components/shared/CtaSection';
 import InfoSection from '@/components/password-generator/InfoSection';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+
 
 const PasswordChecker = ({
   metatagsDescriptions,
@@ -43,6 +45,14 @@ const PasswordChecker = ({
         lang={lang}
       >
         <Navbar textContent={navbarLang} lang={lang} cta={['default']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'Password security checker', url: '/password-checker' },
+          ]}
+        />
+      </div>
 
         <TryInternxtBanner
           textContent={
diff --git a/src/pages/password-generator.tsx b/src/pages/password-generator.tsx
index b5854b7fd..dd1f5ecae 100644
--- a/src/pages/password-generator.tsx
+++ b/src/pages/password-generator.tsx
@@ -10,6 +10,8 @@ import { ToolsSection } from '@/components/shared/sections/ToolsSection';
 import FAQSection from '@/components/shared/sections/FaqSection';
 import { sm_breadcrumb, sm_faq } from '@/components/utils/schema-markup-generator';
 import Script from 'next/script';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+
 
 const DRIVE_URL = 'https://drive.internxt.com/new';
 
@@ -43,6 +45,14 @@ const PasswordGenerator = ({
         lang={lang}
       >
         <Navbar textContent={navbarLang} lang={lang} cta={['default']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'Password generator', url: '/password-generator' },
+          ]}
+        />
+      </div>
 
         <HeroSection textContent={langJson.HeroSection} lang={lang} />
 
diff --git a/src/pages/pcloud-alternative.tsx b/src/pages/pcloud-alternative.tsx
index bc1c4ad08..13f5ebcc4 100644
--- a/src/pages/pcloud-alternative.tsx
+++ b/src/pages/pcloud-alternative.tsx
@@ -13,6 +13,10 @@ import FloatingCtaSectionv2 from '@/components/shared/FloatingCtaSectionV2';
 import { ComparisonTable } from '@/components/comparison/ComparisonTable';
 import { HeroSection } from '@/components/comparison/HeroSection';
 import Footer from '@/components/layout/footers/Footer';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 const PCloudComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, footerLang }): JSX.Element => {
   const metatags = metatagsDescriptions.filter((desc) => desc.id === 'pcloud-alternative');
@@ -60,8 +64,21 @@ const PCloudComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, fo
   const percentageDiscount = decimalDiscount ? 100 - decimalDiscount : 0;
 
   return (
-    <Layout title={metatags[0].title} description={metatags[0].description} segmentName="pCloud Comparison" lang={lang}>
+    <>
+
+      <Script type="application/ld+json" strategy="beforeInteractive">
+        {sm_breadcrumb('pCloud alternative', 'pcloud-alternative')}
+      </Script>
+<Layout title={metatags[0].title} description={metatags[0].description} segmentName="pCloud Comparison" lang={lang}>
       <Navbar textContent={navbarLang} lang={lang} cta={['priceTable']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'pCloud alternative', url: '/pcloud-alternative' },
+          ]}
+        />
+      </div>
 
       <HeroSection textContent={langJson.HeroSection} percentage={percentageDiscount} competitor={'pCloud'} />
 
@@ -121,7 +138,7 @@ const PCloudComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, fo
 
       <Footer textContent={footerLang} lang={lang} needsH2={false} />
     </Layout>
-  );
+  </>);
 };
 
 export async function getServerSideProps(ctx: GetServerSidePropsContext) {
diff --git a/src/pages/pricing/index.tsx b/src/pages/pricing/index.tsx
index dbd0a91fe..86ccf4e9c 100644
--- a/src/pages/pricing/index.tsx
+++ b/src/pages/pricing/index.tsx
@@ -7,6 +7,7 @@ import Layout from '@/components/layout/Layout';
 import cookies from '@/lib/cookies';
 import FAQSection from '@/components/shared/sections/FaqSection';
 import { sm_faq, sm_breadcrumb } from '@/components/utils/schema-markup-generator';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
 import BestStorageSection from '@/components/pricing/NewBestStorageSection';
 import FileParallaxSection from '@/components/home/FileParallaxSection';
 import usePricing from '@/hooks/usePricing';
@@ -105,12 +106,20 @@ const Pricing = ({ metatagsDescriptions, navbarLang, footerLang, lang, textConte
       </Script>
 
       <Script type="application/ld+json" strategy="beforeInteractive">
-        {sm_breadcrumb('Pricing', 'pricing')}
+        {sm_breadcrumb('Cloud Storage Pricing', 'pricing')}
       </Script>
 
       <Layout segmentName={pageName} title={metatags[0].title} description={metatags[0].description} lang={lang}>
         <Navbar textContent={navbarLang} lang={lang} cta={['default']} fixed />
 
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'Cloud Storage Pricing', url: '/pricing' },
+          ]}
+          className="sr-only"
+        />
+
         <PricingSectionWrapper
           textContent={textContent.tableSection}
           decimalDiscount={{
diff --git a/src/pages/private-cloud-storage-solutions.tsx b/src/pages/private-cloud-storage-solutions.tsx
index 4e2158771..f615d9a3f 100644
--- a/src/pages/private-cloud-storage-solutions.tsx
+++ b/src/pages/private-cloud-storage-solutions.tsx
@@ -16,6 +16,9 @@ import FeatureSection, { FeatureCard } from '@/components/shared/FeatureSection'
 import AnimatedHeroSection from '@/components/shared/HeroSections/AnimatedHeroSection';
 import Link from 'next/link';
 import { ShieldCheck } from '@phosphor-icons/react';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
+
 
 interface PrivacyProps {
   metatagsDescriptions: MetatagsDescription[];
@@ -94,6 +97,13 @@ const PrivateCloudStorageSolutions = ({
         lang={lang}
       >
         <Navbar textContent={navbarLang} lang={lang} cta={['default']} fixed />
+      <div className="sr-only">
+        <Breadcrumb items={[
+{ name: 'Encrypted Cloud Storage', url: '/' },
+{ name: 'Secure cloud storage', url: '/drive' },
+{ name: 'Private cloud storage', url: '/private-cloud-storage-solutions' }
+]} />
+      </div>
 
         <AnimatedHeroSection
           textComponent={
diff --git a/src/pages/proton-alternative.tsx b/src/pages/proton-alternative.tsx
index 6ac2c50b2..8b6fe64cf 100644
--- a/src/pages/proton-alternative.tsx
+++ b/src/pages/proton-alternative.tsx
@@ -16,6 +16,10 @@ import FloatingCtaSectionv2 from '@/components/shared/FloatingCtaSectionV2';
 import HorizontalScrollableSectionWithPhotosSection from '@/components/coupons/HorizontalScrollableSectionWithPhotos';
 import ThreeCardsSection from '@/components/shared/sections/ThreeCardsSection';
 import { formatText } from '@/components/utils/format-text';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 const ProtonComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, footerLang }): JSX.Element => {
   const metatags = metatagsDescriptions.filter((desc) => desc.id === 'proton-drive-alternative');
@@ -66,13 +70,26 @@ const ProtonComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, fo
   const alternativeBgColor = 'linear-gradient(180deg, #FFFFFF 0%, #D6F3DD 50%, #FFFFFF 100%)';
 
   return (
-    <Layout
+    <>
+
+      <Script type="application/ld+json" strategy="beforeInteractive">
+        {sm_breadcrumb('Proton alternative', 'proton-alternative')}
+      </Script>
+<Layout
       title={metatags[0].title}
       description={metatags[0].description}
       segmentName={'Drive Comparison'}
       lang={lang}
     >
       <Navbar textContent={navbarLang} lang={locale} cta={['priceTable']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'Proton alternative', url: '/proton-alternative' },
+          ]}
+        />
+      </div>
 
       <HeroSection textContent={langJson.HeroSection} percentage={percentageDiscount} competitor={'proton-drive'} />
 
@@ -151,7 +168,7 @@ const ProtonComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, fo
 
       <Footer textContent={footerLang} lang={locale} needsH2={false} />
     </Layout>
-  );
+  </>);
 };
 
 export async function getServerSideProps(ctx: GetServerSidePropsContext) {
diff --git a/src/pages/sync-alternative.tsx b/src/pages/sync-alternative.tsx
index bd352c967..36fa46bbc 100644
--- a/src/pages/sync-alternative.tsx
+++ b/src/pages/sync-alternative.tsx
@@ -16,6 +16,10 @@ import FloatingCtaSectionv2 from '@/components/shared/FloatingCtaSectionV2';
 import HorizontalScrollableSectionWithPhotosSection from '@/components/coupons/HorizontalScrollableSectionWithPhotos';
 import ThreeCardsSection from '@/components/shared/sections/ThreeCardsSection';
 import { formatText } from '@/components/utils/format-text';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 const SyncComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, footerLang }): JSX.Element => {
   const metatags = metatagsDescriptions.filter((desc) => desc.id === 'sync-alternative');
@@ -66,13 +70,26 @@ const SyncComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, foot
   const alternativeBgColor = 'linear-gradient(180deg, #FFFFFF 0%, #D6F3DD 50%, #FFFFFF 100%)';
 
   return (
-    <Layout
+    <>
+
+      <Script type="application/ld+json" strategy="beforeInteractive">
+        {sm_breadcrumb('Alternative to sync', 'sync-alternative')}
+      </Script>
+<Layout
       title={metatags[0].title}
       description={metatags[0].description}
       segmentName={'Drive Comparison'}
       lang={lang}
     >
       <Navbar textContent={navbarLang} lang={locale} cta={['priceTable']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'Alternative to sync', url: '/sync-alternative' },
+          ]}
+        />
+      </div>
 
       <HeroSection textContent={langJson.HeroSection} percentage={percentageDiscount} competitor={'sync'} />
 
@@ -151,7 +168,7 @@ const SyncComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, foot
 
       <Footer textContent={footerLang} lang={locale} needsH2={false} />
     </Layout>
-  );
+  </>);
 };
 
 export async function getServerSideProps(ctx: GetServerSidePropsContext) {
diff --git a/src/pages/teams-alternative.tsx b/src/pages/teams-alternative.tsx
index 62c9b4f98..b8f83fffb 100644
--- a/src/pages/teams-alternative.tsx
+++ b/src/pages/teams-alternative.tsx
@@ -16,6 +16,10 @@ import FloatingCtaSectionv2 from '@/components/shared/FloatingCtaSectionV2';
 import HorizontalScrollableSectionWithPhotosSection from '@/components/coupons/HorizontalScrollableSectionWithPhotos';
 import ThreeCardsSection from '@/components/shared/sections/ThreeCardsSection';
 import { formatText } from '@/components/utils/format-text';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 const TeamsComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, footerLang }): JSX.Element => {
   const metatags = metatagsDescriptions.filter((desc) => desc.id === 'koofr-alternative');
@@ -66,13 +70,26 @@ const TeamsComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, foo
   const alternativeBgColor = 'linear-gradient(180deg, #FFFFFF 0%, #D6F3DD 50%, #FFFFFF 100%)';
 
   return (
-    <Layout
+    <>
+
+      <Script type="application/ld+json" strategy="beforeInteractive">
+        {sm_breadcrumb('Microsoft teams alternative', 'teams-alternative')}
+      </Script>
+<Layout
       title={metatags[0].title}
       description={metatags[0].description}
       segmentName={'Teams Comparison'}
       lang={lang}
     >
       <Navbar textContent={navbarLang} lang={locale} cta={['priceTable']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'Microsoft teams alternative', url: '/teams-alternative' },
+          ]}
+        />
+      </div>
 
       <HeroSection textContent={langJson.HeroSection} percentage={percentageDiscount} competitor={'Teams'} />
 
@@ -150,7 +167,7 @@ const TeamsComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, foo
 
       <Footer textContent={footerLang} lang={locale} needsH2={false} />
     </Layout>
-  );
+  </>);
 };
 
 export async function getServerSideProps(ctx: GetServerSidePropsContext) {
diff --git a/src/pages/temporary-email.tsx b/src/pages/temporary-email.tsx
index 987dd7244..b12810cae 100644
--- a/src/pages/temporary-email.tsx
+++ b/src/pages/temporary-email.tsx
@@ -14,6 +14,8 @@ import { ActionBanner } from '@/components/temp-email/components/ActionBanner';
 import { GlobalDialog, useGlobalDialog } from '@/contexts/GlobalUIManager';
 import { setup } from '@/lib/csrf';
 import { GetServerSidePropsContext } from 'next';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+
 
 const TempEmail = ({ lang, metatags, textContent, footerLang, navbarLang, toolsContent, bannerLang }: any) => {
   const dialogAction = useGlobalDialog();
@@ -32,6 +34,14 @@ const TempEmail = ({ lang, metatags, textContent, footerLang, navbarLang, toolsC
       <div id="sidebar_left" className="right-0 z-10 mt-36 hidden w-80 3xl:fixed 3xl:flex"></div>
       <Layout segmentName="Temporary email" title={metatags[0].title} description={metatags[0].description} lang={lang}>
         <Navbar textContent={navbarLang} lang={lang} cta={['default']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'Temp email', url: '/temporary-email' },
+          ]}
+        />
+      </div>
 
         <HeroSection textContent={textContent.HeroSection} />
 
diff --git a/src/pages/terabox-alternative.tsx b/src/pages/terabox-alternative.tsx
index f285a412e..ef472d1b0 100644
--- a/src/pages/terabox-alternative.tsx
+++ b/src/pages/terabox-alternative.tsx
@@ -16,6 +16,10 @@ import FloatingCtaSectionv2 from '@/components/shared/FloatingCtaSectionV2';
 import HorizontalScrollableSectionWithPhotosSection from '@/components/coupons/HorizontalScrollableSectionWithPhotos';
 import ThreeCardsSection from '@/components/shared/sections/ThreeCardsSection';
 import { formatText } from '@/components/utils/format-text';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 const TeraboxComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, footerLang }): JSX.Element => {
   const metatags = metatagsDescriptions.filter((desc) => desc.id === 'terabox-alternative');
@@ -66,13 +70,26 @@ const TeraboxComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, f
   const alternativeBgColor = 'linear-gradient(180deg, #FFFFFF 0%, #D6F3DD 50%, #FFFFFF 100%)';
 
   return (
-    <Layout
+    <>
+
+      <Script type="application/ld+json" strategy="beforeInteractive">
+        {sm_breadcrumb('Terabox alternative', 'terabox-alternative')}
+      </Script>
+<Layout
       title={metatags[0].title}
       description={metatags[0].description}
       segmentName={'Drive Comparison'}
       lang={lang}
     >
       <Navbar textContent={navbarLang} lang={locale} cta={['priceTable']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'Terabox alternative', url: '/terabox-alternative' },
+          ]}
+        />
+      </div>
 
       <HeroSection textContent={langJson.HeroSection} percentage={percentageDiscount} competitor={'Terabox'} />
 
@@ -151,7 +168,7 @@ const TeraboxComparison = ({ metatagsDescriptions, langJson, lang, navbarLang, f
 
       <Footer textContent={footerLang} lang={locale} needsH2={false} />
     </Layout>
-  );
+  </>);
 };
 
 export async function getServerSideProps(ctx: GetServerSidePropsContext) {
diff --git a/src/pages/virus-scanner.tsx b/src/pages/virus-scanner.tsx
index 573ff6962..54a39c6d7 100644
--- a/src/pages/virus-scanner.tsx
+++ b/src/pages/virus-scanner.tsx
@@ -11,6 +11,8 @@ import { ToolsSection } from '@/components/shared/sections/ToolsSection';
 import TryInternxtBanner from '@/components/banners/TryInternxtBanner';
 
 import { sm_faq, sm_breadcrumb } from '@/components/utils/schema-markup-generator';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+
 
 const Scan = ({
   metatagsDescriptions,
@@ -35,6 +37,14 @@ const Scan = ({
 
       <Layout segmentName="Virus Scanner" title={metatags[0].title} description={metatags[0].description} lang={lang}>
         <Navbar textContent={navbarLang} lang={lang} cta={['default']} fixed />
+      <div className="sr-only">
+        <Breadcrumb
+          items={[
+            { name: 'Encrypted Cloud Storage', url: '/' },
+            { name: 'Virus scanner online', url: '/virus-scanner' },
+          ]}
+        />
+      </div>
 
         <HeroSection textContent={langJson.HeroSection} lang={lang} />
 
diff --git a/src/pages/vpn.tsx b/src/pages/vpn.tsx
index 373041864..94974c7da 100644
--- a/src/pages/vpn.tsx
+++ b/src/pages/vpn.tsx
@@ -19,6 +19,10 @@ import Image from 'next/image';
 import { getImage } from '@/lib/getImage';
 import { GetServerSidePropsContext } from 'next';
 import CtaSection from '@/components/shared/CtaSection';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 interface VPNProps {
   metatagsDescriptions: MetatagsDescription[];
@@ -50,6 +54,13 @@ const VPN = ({
       ) : (
         <Navbar textContent={navbarLang} lang={lang} cta={['default']} fixed />
       )}
+      <div className="sr-only">
+        <Breadcrumb items={[
+{ name: 'Encrypted Cloud Storage', url: '/' },
+{ name: 'Secure cloud storage', url: '/drive' },
+{ name: 'Internxt VPN', url: '/vpn' }
+]} />
+      </div>
 
       <HeroSection
         TextComponent={
diff --git a/src/pages/webdav-rclone.tsx b/src/pages/webdav-rclone.tsx
index bc730b031..80e2a069d 100644
--- a/src/pages/webdav-rclone.tsx
+++ b/src/pages/webdav-rclone.tsx
@@ -7,6 +7,10 @@ import { HowToUseCLISection } from '@/components/webdav/HowToUseCLISection';
 import Footer from '@/components/layout/footers/Footer';
 import FAQSection from '@/components/shared/sections/FaqSection';
 import FloatingCtaSectionv2 from '@/components/shared/FloatingCtaSectionV2';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 const WebDAV = ({ metatagsDescriptions, langJson, navbarLang, footerLang }): JSX.Element => {
   const metatags = metatagsDescriptions.filter((desc) => desc.id === 'webDAV');
@@ -14,6 +18,13 @@ const WebDAV = ({ metatagsDescriptions, langJson, navbarLang, footerLang }): JSX
   return (
     <Layout title={metatags[0].title} description={metatags[0].description} segmentName="Lifetime" lang={'en'}>
       <Navbar textContent={navbarLang} lang={'en'} cta={['default']} fixed />
+      <div className="sr-only">
+        <Breadcrumb items={[
+{ name: 'Encrypted Cloud Storage', url: '/' },
+{ name: 'Secure cloud storage', url: '/drive' },
+{ name: 'Internxt Rclone, CLI and WebDAV', url: '/webdav-rclone' }
+]} />
+      </div>
 
       <HeroSection textContent={langJson.HeroSection} />
 
diff --git a/src/pages/what-does-google-know-about-me.tsx b/src/pages/what-does-google-know-about-me.tsx
index 75926a73c..5923851d3 100644
--- a/src/pages/what-does-google-know-about-me.tsx
+++ b/src/pages/what-does-google-know-about-me.tsx
@@ -11,6 +11,10 @@ import { getImage } from '@/lib/getImage';
 import Image from 'next/image';
 import Link from 'next/link';
 import CtaSection from '@/components/affiliates/CtaSection';
+import { Breadcrumb } from '@/components/shared/Breadcrumb';
+import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
+import Script from 'next/script';
+
 
 const URL_REDIRECT = 'https://internxt.com/pricing';
 
@@ -33,6 +37,12 @@ const WhatDoesGoogleKnowAboutMe = ({
       lang={lang}
     >
       <Navbar textContent={navbarLang} lang={lang} cta={['default']} fixed />
+      <div className="sr-only">
+        <Breadcrumb items={[
+{ name: 'Encrypted Cloud Storage', url: '/' },
+{ name: 'What does google know about me', url: '/what-does-google-know-about-me' }
+]} />
+      </div>
 
       <HeroSection textContent={langJson.HeroSection} bannerText={bannerLang.GoogleLPBanner} lang={lang} />
 
diff --git a/update_translations.py b/update_translations.py
deleted file mode 100644
index 37531475b..000000000
--- a/update_translations.py
+++ /dev/null
@@ -1,49 +0,0 @@
-import os
-import re
-
-lang_dir = "/Users/javi/Documents/GitHub/website/src/assets/lang"
-
-translations = {
-    "en": '\\"Get serious about **securing** your important data. Internxt was born with the ambition of giving people true **freedom online** by creating a more **ethical**, **secure**, **private**, and responsible digital world.\\"',
-    "es": '\\"Tómate en serio la **seguridad** de tus datos importantes. Internxt nació con la ambición de darle a las personas verdadera **libertad online** creando un mundo digital más **ético**, **seguro**, **privado** y responsable.\\"',
-    "de": '\\"Nehmen Sie die **Sicherung** Ihrer wichtigen Daten ernst. Internxt wurde mit dem Ziel gegründet, den Menschen wahre **Freiheit online** zu geben, indem eine **ethischere**, **sicherere**, **privatere** und verantwortungsvollere digitale Welt geschaffen wird.\\"',
-    "fr": '\\"Prenez au sérieux la **sécurisation** de vos données importantes. Internxt est né avec l\'ambition de donner aux gens une véritable **liberté en ligne** en créant un monde numérique plus **éthique**, **sûr**, **privé** e responsable.\\"',
-    "it": '\\"Prendi sul serio la **sicurezza** dei tuoi dati importanti. Internxt è nato con l\'ambizione di dare alle persone la vera **libertà online** creando un mondo digitale più **etico**, **sicuro**, **privato** e responsabile.\\"',
-    "ru": '\\"Отнеситесь серьезно к **защите** своих важных данных. Internxt был создан с целью дать людям настоящую **свободу в сети**, создав более **этичный**, **безопасный**, **приватный** и ответственный цифровой мир.\\"',
-    "zh": '\\"认真对待您的重要数据的**安全**。Internxt 的诞生是为了通过创造一个更**合乎道德**、**安全**、**隐私**和负责任的数字世界，赋予人们真正的**在线自由**。\\"',
-    "zh-tw": '\\"認真對待您的重要數據的**安全**。Internxt 的誕生是為了通過創造一個更**合乎道德**、**安全**、**隱私**和負責任的數字世界，賦予人們真正的**在線自由**。\\"',
-    "ar": '\\"تعامل بجدية مع **تأمين** بياناتك المهمة. وُلِدت Internxt بطموح منح الأشخاص **حرية حقيقية عبر الإنترنت** من خلال إنشاء عالم رقمي أكثر **أخلاقية** و**أمانًا** و**خصوصية** ومسؤولية.\\"',
-    "id": '\\"Anggap serius **pengamanan** data penting Anda. Internxt lahir dengan ambisi untuk memberikan **kebebasan online** yang sesungguhnya kepada orang-orang dengan menciptakan dunia digital yang lebih **etis**, **aman**, **pribadi**, dan bertanggung jawab.\\"',
-    "nl": '\\"Neem de **beveiliging** van uw belangrijke gegevens serieus. Internxt is geboren met de ambitie om mensen echte **online vrijheid** te geven door een meer **ethische**, **veilige**, **privé** en verantwoordelijke digitale wereld te creëren.\\"',
-    "pt-br": '\\"Leve a sério a **segurança** dos seus dados importantes. O Internxt nasceu com a ambição de dar às pessoas verdadeira **liberdade online** ao criar um mundo digital mais **ético**, **seguro**, **privado** e responsável.\\"'
-}
-
-modified_files = 0
-for lang in os.listdir(lang_dir):
-    d = os.path.join(lang_dir, lang)
-    if os.path.isdir(d) and lang in translations:
-        for root, _, files in os.walk(d):
-            for file in files:
-                if file.endswith('.json'):
-                    path = os.path.join(root, file)
-                    with open(path, 'r', encoding='utf-8') as f:
-                        content = f.read()
-
-                    if '"mashable"' in content:
-                        print(f"Found mashable in {path}")
-                        # Regex replacement
-                        new_val = '"' + translations[lang] + '"'
-                        new_content = re.sub(
-                            r'("mashable"\s*:\s*)"(?:\\.|[^"\\])*"',
-                            r'\g<1>' + new_val.replace('\\', '\\\\'),
-                            content
-                        )
-                        if new_content != content:
-                            with open(path, 'w', encoding='utf-8') as f:
-                                f.write(new_content)
-                            print(f"Updated {path}")
-                            modified_files += 1
-                        else:
-                            print("Content unchanged")
-
-print(f"Total modified files: {modified_files}")

From 7cbd60c39856afc8512f46f3a67363fa93126b42 Mon Sep 17 00:00:00 2001
From: jaaaaavier <javipiagui13@gmail.com>
Date: Tue, 10 Mar 2026 11:53:48 +0100
Subject: [PATCH 2/2] remove unused imports

---
 src/components/shared/Breadcrumb.tsx                         | 4 ++--
 src/pages/antivirus.tsx                                      | 2 --
 src/pages/business.tsx                                       | 3 +--
 src/pages/cleaner.tsx                                        | 3 +--
 src/pages/cloud-object-storage/free-cloud-object-storage.tsx | 3 +--
 src/pages/cloud-object-storage/index.tsx                     | 3 +--
 src/pages/cloud-storage-backup-solutions.tsx                 | 2 --
 src/pages/cloud-storage-comparison.tsx                       | 1 -
 src/pages/cloud-storage-for-photos.tsx                       | 1 -
 src/pages/cloud-storage-for-videos.tsx                       | 2 --
 src/pages/drive/free-cloud-storage.tsx                       | 3 +--
 src/pages/drive/index.tsx                                    | 3 +--
 src/pages/gdpr-cloud-storage.tsx                             | 1 -
 src/pages/lifetime.tsx                                       | 3 +--
 src/pages/meet.tsx                                           | 3 +--
 src/pages/metadata-remover.tsx                               | 1 -
 src/pages/nas.tsx                                            | 3 +--
 src/pages/open-source.tsx                                    | 3 +--
 src/pages/private-cloud-storage-solutions.tsx                | 1 -
 src/pages/vpn.tsx                                            | 2 --
 src/pages/webdav-rclone.tsx                                  | 3 +--
 src/pages/what-does-google-know-about-me.tsx                 | 3 +--
 22 files changed, 14 insertions(+), 39 deletions(-)

diff --git a/src/components/shared/Breadcrumb.tsx b/src/components/shared/Breadcrumb.tsx
index d62ebbcc3..1d8a26d2b 100644
--- a/src/components/shared/Breadcrumb.tsx
+++ b/src/components/shared/Breadcrumb.tsx
@@ -15,7 +15,7 @@ export const Breadcrumb = ({ items, className = '' }: BreadcrumbProps) => {
     <nav className={`sr-only ${className}`} aria-label="Breadcrumb">
       <ol className="flex items-center flex-wrap gap-2">
         {items.map((item, index) => (
-          <li key={index}>
+          <li key={item.url}>
             {index > 0 && <span>/</span>}
             {index === items.length - 1 ? (
               <span>
@@ -31,4 +31,4 @@ export const Breadcrumb = ({ items, className = '' }: BreadcrumbProps) => {
       </ol>
     </nav>
   );
-};
+};
\ No newline at end of file
diff --git a/src/pages/antivirus.tsx b/src/pages/antivirus.tsx
index da3d968f8..34da3b67d 100644
--- a/src/pages/antivirus.tsx
+++ b/src/pages/antivirus.tsx
@@ -18,8 +18,6 @@ import HeroSection from '@/components/antivirus/HeroSection';
 import { InfoSection } from '@/components/antivirus/InfoSecction';
 import { downloadDriveLinks } from '@/lib/get-download-url';
 import { Breadcrumb } from '@/components/shared/Breadcrumb';
-import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
-import Script from 'next/script';
 
 
 interface AntivirusProps {
diff --git a/src/pages/business.tsx b/src/pages/business.tsx
index b6cf32aa9..168ac7cf5 100644
--- a/src/pages/business.tsx
+++ b/src/pages/business.tsx
@@ -20,8 +20,7 @@ import BusinessCtaSection from '@/components/business/BusinessCtaSection';
 import Image from 'next/image';
 import HorizontalScrollableSectionWithImages from '@/components/business/HorizontalScrollableSectionWithImages';
 import { Breadcrumb } from '@/components/shared/Breadcrumb';
-import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
-import Script from 'next/script';
+
 
 
 interface BusinessProps {
diff --git a/src/pages/cleaner.tsx b/src/pages/cleaner.tsx
index 95b6155b8..8faef0f49 100644
--- a/src/pages/cleaner.tsx
+++ b/src/pages/cleaner.tsx
@@ -13,8 +13,7 @@ import FloatingCtaSectionv2 from '@/components/shared/FloatingCtaSectionV2';
 import HorizontalScrollableSection from '@/components/shared/HorizontalScrollableSection';
 import FeatureSection from '@/components/cleaner/FeatureSection';
 import { Breadcrumb } from '@/components/shared/Breadcrumb';
-import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
-import Script from 'next/script';
+
 
 
 interface CleanerProps {
diff --git a/src/pages/cloud-object-storage/free-cloud-object-storage.tsx b/src/pages/cloud-object-storage/free-cloud-object-storage.tsx
index 114a337fc..adc12e818 100644
--- a/src/pages/cloud-object-storage/free-cloud-object-storage.tsx
+++ b/src/pages/cloud-object-storage/free-cloud-object-storage.tsx
@@ -12,8 +12,7 @@ import HorizontalScrollableSection from '@/components/shared/HorizontalScrollabl
 import FAQSection from '@/components/shared/sections/FaqSection';
 import { GetServerSidePropsContext } from 'next';
 import { Breadcrumb } from '@/components/shared/Breadcrumb';
-import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
-import Script from 'next/script';
+
 
 
 interface FreeCloudObjectStorageProps {
diff --git a/src/pages/cloud-object-storage/index.tsx b/src/pages/cloud-object-storage/index.tsx
index 507ea6fe2..c6746c472 100644
--- a/src/pages/cloud-object-storage/index.tsx
+++ b/src/pages/cloud-object-storage/index.tsx
@@ -13,8 +13,7 @@ import HorizontalScrollableSection from '@/components/shared/HorizontalScrollabl
 import FAQSection from '@/components/shared/sections/FaqSection';
 import { GetServerSidePropsContext } from 'next';
 import { Breadcrumb } from '@/components/shared/Breadcrumb';
-import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
-import Script from 'next/script';
+
 
 
 interface CloudObjectStorageProps {
diff --git a/src/pages/cloud-storage-backup-solutions.tsx b/src/pages/cloud-storage-backup-solutions.tsx
index 602957608..2fb6eb665 100644
--- a/src/pages/cloud-storage-backup-solutions.tsx
+++ b/src/pages/cloud-storage-backup-solutions.tsx
@@ -7,7 +7,6 @@ import cookies from '@/lib/cookies';
 import { sm_faq, sm_breadcrumb } from '@/components/utils/schema-markup-generator';
 import { FooterText, MetatagsDescription, NavigationBarText } from '@/assets/types/layout/types';
 import { GetServerSidePropsContext } from 'next';
-
 import { CloudStorageBackupSolutionsText } from '@/assets/types/cloud-storage-backup-solutions';
 import { BannersText } from '@/assets/types/components/banners';
 import FeaturesSection from '@/components/cloud-storage-backup-solutions/FeaturesSection';
@@ -18,7 +17,6 @@ import AnimatedHeroSection from '@/components/shared/HeroSections/AnimatedHeroSe
 import { Check } from '@phosphor-icons/react';
 import Link from 'next/link';
 import { Breadcrumb } from '@/components/shared/Breadcrumb';
-import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
 
 
 interface PrivacyProps {
diff --git a/src/pages/cloud-storage-comparison.tsx b/src/pages/cloud-storage-comparison.tsx
index 2c225e7a6..418b35d9d 100644
--- a/src/pages/cloud-storage-comparison.tsx
+++ b/src/pages/cloud-storage-comparison.tsx
@@ -16,7 +16,6 @@ import { ComparisonHeader } from '@/components/comparison/ComparisonHeader';
 import { Eye, Fingerprint, LockKey, ShieldCheck } from '@phosphor-icons/react';
 import InfoSection from '@/components/shared/sections/InfoSection';
 import { Breadcrumb } from '@/components/shared/Breadcrumb';
-import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
 
 
 const URL_REDIRECT = 'https://internxt.com/specialoffer';
diff --git a/src/pages/cloud-storage-for-photos.tsx b/src/pages/cloud-storage-for-photos.tsx
index 5f33e5b12..def5aa58a 100644
--- a/src/pages/cloud-storage-for-photos.tsx
+++ b/src/pages/cloud-storage-for-photos.tsx
@@ -17,7 +17,6 @@ import FAQSection from '@/components/shared/sections/FaqSection';
 import ExplanationSection from '@/components/cloud-storage-for-photos/ExplanationSection';
 import { ClockClockwise, CloudArrowUp, Eye, Images, Key, ShieldPlus } from '@phosphor-icons/react';
 import { Breadcrumb } from '@/components/shared/Breadcrumb';
-import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
 
 
 interface PrivacyProps {
diff --git a/src/pages/cloud-storage-for-videos.tsx b/src/pages/cloud-storage-for-videos.tsx
index 2984746dd..2032def48 100644
--- a/src/pages/cloud-storage-for-videos.tsx
+++ b/src/pages/cloud-storage-for-videos.tsx
@@ -17,8 +17,6 @@ import SecureAndManageSection from '@/components/private-cloud-storage-for-video
 
 import HorizontalScrollableSectionWithPhotos from '@/components/shared/HorizontalScrollableSectionWithPhotos';
 import { Breadcrumb } from '@/components/shared/Breadcrumb';
-import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
-import Script from 'next/script';
 
 
 interface CloudStorageForVideosProps {
diff --git a/src/pages/drive/free-cloud-storage.tsx b/src/pages/drive/free-cloud-storage.tsx
index 116b217b9..11f7df2f4 100644
--- a/src/pages/drive/free-cloud-storage.tsx
+++ b/src/pages/drive/free-cloud-storage.tsx
@@ -18,8 +18,7 @@ import DriveSection from '@/components/drive/Drivesection';
 import ThreeCardsSection from '@/components/shared/sections/ThreeCardsWithImagesSection';
 import CoreFeaturesSection from '@/components/drive/CoreFeaturesSection';
 import { Breadcrumb } from '@/components/shared/Breadcrumb';
-import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
-import Script from 'next/script';
+
 
 
 interface DriveProps {
diff --git a/src/pages/drive/index.tsx b/src/pages/drive/index.tsx
index 99f0f03e3..1070054ca 100644
--- a/src/pages/drive/index.tsx
+++ b/src/pages/drive/index.tsx
@@ -22,8 +22,7 @@ import usePricing from '@/hooks/usePricing';
 import { PromoCodeName } from '@/lib/types';
 import { stripeService } from '@/services/stripe.service';
 import { Breadcrumb } from '@/components/shared/Breadcrumb';
-import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
-import Script from 'next/script';
+
 
 
 interface DriveProps {
diff --git a/src/pages/gdpr-cloud-storage.tsx b/src/pages/gdpr-cloud-storage.tsx
index 7ae8c6847..c2ec6547f 100644
--- a/src/pages/gdpr-cloud-storage.tsx
+++ b/src/pages/gdpr-cloud-storage.tsx
@@ -18,7 +18,6 @@ import AnimatedHeroSection from '@/components/shared/HeroSections/AnimatedHeroSe
 import Link from 'next/link';
 import { ShieldCheck } from '@phosphor-icons/react';
 import { Breadcrumb } from '@/components/shared/Breadcrumb';
-import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
 
 
 interface PrivacyProps {
diff --git a/src/pages/lifetime.tsx b/src/pages/lifetime.tsx
index 9f95cfd7d..c2b4a0ee6 100644
--- a/src/pages/lifetime.tsx
+++ b/src/pages/lifetime.tsx
@@ -13,8 +13,7 @@ import cookies from '@/lib/cookies';
 import { SpecialOfferText } from '@/assets/types/specialOfferTemplate';
 import { PromoCodeName } from '@/lib/types';
 import { Breadcrumb } from '@/components/shared/Breadcrumb';
-import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
-import Script from 'next/script';
+  
 
 
 interface LifetimeSpecialProps {
diff --git a/src/pages/meet.tsx b/src/pages/meet.tsx
index bec1f76b5..9e9a0d4c5 100644
--- a/src/pages/meet.tsx
+++ b/src/pages/meet.tsx
@@ -12,8 +12,7 @@ import HorizontalScrollableSection from '@/components/shared/HorizontalScrollabl
 import HorizontalScrollableSectionWithPhotosSection from '@/components/meet/HorizontalScrollableSection';
 import AccordionSection from '@/components/meet/AccordionSection';
 import { Breadcrumb } from '@/components/shared/Breadcrumb';
-import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
-import Script from 'next/script';
+
 
 
 interface CleanerProps {
diff --git a/src/pages/metadata-remover.tsx b/src/pages/metadata-remover.tsx
index b1e857f1a..19365eed8 100644
--- a/src/pages/metadata-remover.tsx
+++ b/src/pages/metadata-remover.tsx
@@ -24,7 +24,6 @@ import FeaturesSliderImg from '@/components/metadata-remover/FeaturesSliderImg';
 import FeaturesSlider from '@/components/shared/FeaturesSlider';
 import { getImage } from '@/lib/getImage';
 import { Breadcrumb } from '@/components/shared/Breadcrumb';
-import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
 
 const HeroSection = dynamic(() => import('@/components/metadata-remover/HeroSection'), { ssr: false });
 
diff --git a/src/pages/nas.tsx b/src/pages/nas.tsx
index 825019b59..c878d60d7 100644
--- a/src/pages/nas.tsx
+++ b/src/pages/nas.tsx
@@ -13,8 +13,7 @@ import SynologyQNAPSection from '@/components/nas/SynologyQNAPSection';
 import WhatIsNASSection from '@/components/shared/components/TitleAndDescriptionSection';
 import HeroSection from '@/components/nas/HeroSection';
 import { Breadcrumb } from '@/components/shared/Breadcrumb';
-import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
-import Script from 'next/script';
+
 
 
 interface NASPageProps {
diff --git a/src/pages/open-source.tsx b/src/pages/open-source.tsx
index 3b659b8d0..bbfb86394 100644
--- a/src/pages/open-source.tsx
+++ b/src/pages/open-source.tsx
@@ -11,8 +11,7 @@ import WhatIsOSS from '@/components/open-source/WhatIsOSS';
 import CtaSection from '@/components/shared/CtaSection';
 import { downloadDriveLinks } from '@/lib/get-download-url';
 import { Breadcrumb } from '@/components/shared/Breadcrumb';
-import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
-import Script from 'next/script';
+
 
 
 const CTA_SIGNUP_URL = `https://drive.internxt.com/new`;
diff --git a/src/pages/private-cloud-storage-solutions.tsx b/src/pages/private-cloud-storage-solutions.tsx
index f615d9a3f..692548d86 100644
--- a/src/pages/private-cloud-storage-solutions.tsx
+++ b/src/pages/private-cloud-storage-solutions.tsx
@@ -17,7 +17,6 @@ import AnimatedHeroSection from '@/components/shared/HeroSections/AnimatedHeroSe
 import Link from 'next/link';
 import { ShieldCheck } from '@phosphor-icons/react';
 import { Breadcrumb } from '@/components/shared/Breadcrumb';
-import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
 
 
 interface PrivacyProps {
diff --git a/src/pages/vpn.tsx b/src/pages/vpn.tsx
index 94974c7da..2c181690e 100644
--- a/src/pages/vpn.tsx
+++ b/src/pages/vpn.tsx
@@ -20,8 +20,6 @@ import { getImage } from '@/lib/getImage';
 import { GetServerSidePropsContext } from 'next';
 import CtaSection from '@/components/shared/CtaSection';
 import { Breadcrumb } from '@/components/shared/Breadcrumb';
-import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
-import Script from 'next/script';
 
 
 interface VPNProps {
diff --git a/src/pages/webdav-rclone.tsx b/src/pages/webdav-rclone.tsx
index 80e2a069d..f82347615 100644
--- a/src/pages/webdav-rclone.tsx
+++ b/src/pages/webdav-rclone.tsx
@@ -8,8 +8,7 @@ import Footer from '@/components/layout/footers/Footer';
 import FAQSection from '@/components/shared/sections/FaqSection';
 import FloatingCtaSectionv2 from '@/components/shared/FloatingCtaSectionV2';
 import { Breadcrumb } from '@/components/shared/Breadcrumb';
-import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
-import Script from 'next/script';
+
 
 
 const WebDAV = ({ metatagsDescriptions, langJson, navbarLang, footerLang }): JSX.Element => {
diff --git a/src/pages/what-does-google-know-about-me.tsx b/src/pages/what-does-google-know-about-me.tsx
index 5923851d3..984ab9cc9 100644
--- a/src/pages/what-does-google-know-about-me.tsx
+++ b/src/pages/what-does-google-know-about-me.tsx
@@ -12,8 +12,7 @@ import Image from 'next/image';
 import Link from 'next/link';
 import CtaSection from '@/components/affiliates/CtaSection';
 import { Breadcrumb } from '@/components/shared/Breadcrumb';
-import { sm_breadcrumb_list } from '@/components/utils/schema-markup-generator';
-import Script from 'next/script';
+
 
 
 const URL_REDIRECT = 'https://internxt.com/pricing';