Your advanced code editor is loading.

Please wait a moment.

#editor-loading { display: none; }

import React from ‘react’;
import FeatureSection from ‘components/pages/use-cases/feature-section’;
          
          
import Hero from ‘components/pages/use-cases/hero’;
import JoinUsCard from ‘components/pages/use-cases/join-us-cards’;
import UseCaseCard from ‘components/pages/use-cases/use-case-card’;
import SEO from ‘components/shared/seo’;
import AscendLogo from ‘icons/logo-ascend.inline.svg’;
import CosmonicLogo from ‘icons/logo-cosmonic.inline.svg’;
import JeediBee from ‘images/pages/usecase/jedi-bee.png’;
import MainLayout from ‘layouts/main/main’;
const heroContent = {
          
          
title: ‘Transparent Encryption’,
category: ‘Security’,
tagline: ‘Encryption without operational headache ‘,
subHeading: ‘How can I encrypt traffic on my clusters while minimizing operational overhead?’,
description:
‘Many compliance frameworks require encryption, but Kubernetes lacks native pod-to-pod encryption. Two common solutions to this problem are embedding encryption within the application or using a service mesh. Embedding encryption within the app is complex and requires application and security expertise. On the other hand, most service mesh implementations are very complex and challenging to manage and operate.  ‘,
imageSrc: JeediBee,
imageAlt: ‘Jeedi Bee’,
imageWidth: 350,
imageHeight: 350,
};
const sectionContent1 = {
          
          
title: ‘What does Cilium provide?’,
description:
‘Cilium provides a straightforward solution for enabling the encryption of all node-to-node traffic with just one switch, no application changes or additional proxies. Cilium features automatic key rotation with overlapping keys, efficient datapath encryption through in-kernel IPsec or WireGuard, and can encrypt all traffic, including non-standard traffic like UDP. Simply configuring all nodes across all clusters with a common key and all communication between nodes is automatically encrypted.  ‘,
videoSrc: ‘https://www.youtube.com/embed/RAmJXsMeACU’,
};
const testimonials = [
          
          
{
logo: AscendLogo,
title: ‘Achieving HIPAA compliance with Cilium’s transparent encryption’,
CTAs: [
{
CTAtext: ‘Read The Case Study’,
url: ‘https://www.cncf.io/case-studies/ascend/’,
},
],
description:
‘Ascend switched to using Cilium as their solution for data encryption and has since experienced significant improvements. With Cilium, Ascend was able to simplify the encryption process, eliminating the need for and mitiagting issues with certificate-init-containers and application based encryption. This transition has allowed Ascend to achieve seamless data encryption and maintain HIPAA compliance with ease.’,
},
{
logo: CosmonicLogo,
title: ‘Seamless Network Security and Privacy with Cilium’,
CTAs: [
{
CTAtext: ‘Read The Blog Post’,
url: ‘https://cilium.io/blog/2023/01/18/cosmonic-user-story/’,
},
],
description:
‘The Cosmonic team uses Cilium for transparent encryption. In the words of Dan Norris, the infrastucture team for Cosmonic. “With WireGuard, all the internal traffic is encrypted. I don’t have to worry about it and I don’t have to manage a PKI infrastructure. That was the killer feature. I don’t have to worry about a service mesh. I’ve run service meshes before. It’s great but that’s yet another system to manage. [With Cilium], you can just toggle that flag and you’re done.”’,
},
];
const TransparentEncryptionPage = () => (
          
          
          
          
);
export default TransparentEncryptionPage;
// eslint-disable-next-line react/prop-types
          
          
export const Head = ({ location: { pathname } }) => {
const pageMetadata = {
title: heroContent.title,
description: heroContent.tagline,
slug: pathname,
};
return ;
};

Explanation

The code defines a React component TransparentEncryptionPage that showcases Cilium’s transparent encryption feature.

Component Structure:

Uses MainLayout for page structure.
Employs Hero to present a headline, description, and image.
Leverages FeatureSection to highlight Cilium’s benefits with a video.
Includes a UseCaseCard with testimonials from Ascend and Cosmonic.
Ends with a JoinUsCard for a call-to-action.

Data Structures:

heroContent: Object containing title, tagline, description, image details for the Hero component.
sectionContent1: Object containing title, description, and video link for the FeatureSection component.
testimonials: Array of objects, each containing logo, title, CTAs (calls-to-action), and description for the UseCaseCard component.

Key Functionality:

Head Component:
Uses SEO to define metadata for the page, pulling title, tagline, and slug from heroContent.
Page Content:
Displays the hero section, feature section, and use cases with testimonials.
Provides a call-to-action for joining Cilium.

Technical Aspects:

Uses inline SVGs for logos.
Leverages static image import for the Hero component.
Includes a YouTube video embed for the FeatureSection.
Utilizes React’s JSX syntax for component rendering.

Overall:

The code effectively presents Cilium’s transparent encryption feature using a well-structured React component with appropriate content, data structures, and design elements. It aims to educate users about the benefits of using Cilium for encryption and provide real-world examples through testimonials.

Your advanced code editor is loading.

Please wait a moment.

Explanation

Graph

Symbols

We couldn't identify any entrypoints. If you believe this to be incorrect then please contact support.