- .husky
- .vscode
- Annual-Reports
- Security-Reports
- content
- src
-
static
-
data
-
fonts
-
images
- 2020-02-10-cilium-17-demo-preview.png
- 2020-06-02-cilium-18-kube-proxy.svg
- 2020-06-02-cilium-18-xdp-arch.png
- 2020-06-02-cilium-18-xdp-bench.png
- 2020-06-02-cilium-18-xdp-bench2.png
- 2020-06-02-cilium-18-xdp-test.png
- 2020-06-02-cilium-18-xdp.svg
- 2020-10-cilium-19-edt.png
- 2020-10-cilium-19-tcp-combined.png
- 2020-10-cilium-19-tcp-rr-bench.png
- 2020-10-cilium-19-tcp-stream-bench.png
- 2020-10-cilium-19-vm.png
- 2020-10-cilium-anywhere.png
- 2020-11-cilium-19-maglev.gif
- 2020-11-cilium-19-random.gif
- 2021-05-cilium-110-perf1.png
- 2021-05-cilium-110-perf2.png
- 2021-05-cilium-110-perf3.png
- 2021-05-cilium-110-xdp-lb-dsr.png
- 2021-05-cilium-110-xdp-lb-health.png
- 2021-05-cilium-110-xdp-lb.png
- _redirects
-
data
- .commitlintrc.json
- .drone.yml
- .env.example
- .eslintrc.js
- .gitignore
- .lintstagedrc
- .markdownlint.json
- .nvmrc
- .prettierignore
- .prettierrc
- CONTRIBUTING.md
- DEPENDENCY_UPDATES.md
- Events-Guidelines.md
- LICENSE
- README.md
- architecture.png
- gatsby-browser.js
- gatsby-config.js
- gatsby-node.js
- gatsby-ssr.js
- jsconfig.json
- netlify.toml
- package-lock.json
- package.json
- postcss.config.js
- tailwind.config.js
- testing.png
Explanation
This React component renders a page showcasing Cilium’s benefits for the Media and Entertainment industry. It leverages various components to present information in a visually appealing and informative way:
1. Structure:
- The page is wrapped within a
MainLayout
component with a ‘gray’ theme. - It uses a
Head
component to set SEO metadata for the page using theSEO
component.
2. Content:
- Hero Section:
- Uses a
Hero
component to display the main heading, introductory text, and an image relevant to the industry. - Testimonial Section:
- Features two
Testimonial
components, displaying quotes and information from New York Times and Seznam.cz. - Bullet Section:
- Includes two
BulletSection
components, each highlighting key benefits of Cilium with an accompanying image. - Adopters Logo:
- Utilizes an
AdoptersLogo
component to display logos of companies using Cilium in the Media and Entertainment sector. - Resources Card:
- Employs a
ResourcesCard
component to showcase real-world stories and resources from companies in the industry, displaying each story with an image, title, button (either ‘Watch the Talk’ or ‘Read Case Study’), and a brief description. - Industry Use Cases:
- Presents a
IndustryUseCases
component to highlight specific Cilium use cases relevant to the industry, featuring icons, titles, descriptions, and links to detailed pages. - Community Section:
- Includes a
Community
component with a ‘gray’ theme and a centered title to encourage engagement with Cilium’s community.
3. Data:
- The code uses various constants to store data for each section:
heroContent
,newyorktimesTestimonial
,seznamTestimonial
,bulletSection1
,bulletSection2
,mediaResources
,companyLogos
,mediaUsecases
.
4. Component Imports:
- It imports necessary components from the
components
directory, including those for specific sections likeHero
,Testimonial
,BulletSection
, etc., as well as shared components likeSEO
andCommunity
. - Images are imported from the
images
directory for use within the various components.
5. Reusability:
- The
Head
component can be reused across different pages, enabling consistent SEO metadata for all pages. - This code provides a solid foundation for building similar industry-specific pages, potentially adapting the data and components as needed.
Overall, the code efficiently organizes and presents information about Cilium’s value proposition for the Media and Entertainment industry, using a component-based approach for improved reusability and maintainability.
Graph
The graph shows the usage of functions within the codebase.
Select a code symbol to view it's graph