diff --git a/src/pages/use-cases/index.js b/src/pages/use-cases/index.js deleted file mode 100644 index f34bb14b6d7d..000000000000 --- a/src/pages/use-cases/index.js +++ /dev/null @@ -1,12 +0,0 @@ -import React from "react"; -import UseCases from "../../sections/useCases"; - -const UseCasesPage = () => { - return ( - <> - - - ); -}; - -export default UseCasesPage; \ No newline at end of file diff --git a/src/sections/useCases/index.js b/src/sections/useCases/index.js deleted file mode 100644 index fcff883811ee..000000000000 --- a/src/sections/useCases/index.js +++ /dev/null @@ -1,67 +0,0 @@ -import React from "react"; -import { graphql, useStaticQuery } from "gatsby"; -import UseCasesWrapper from "./useCases.style"; -import { Container, Row, Col } from "../../reusecore/Layout"; -import Card from "../../components/Card"; -import Partners from "../Home/Partners-home"; -import SeeYou from "../SeeYou"; - -const UseCases = () => { - const content = false; - const ID = ""; - - const data = useStaticQuery( - graphql `query allUseCases { - allMdx( - filter: {fields: {collection: {eq: "use-cases"}}, frontmatter: {category: {eq: "usecase"}}} - ) { - nodes { - id - frontmatter { - title - abstract - thumbnail { - childImageSharp { - gatsbyImageData(layout: FULL_WIDTH) - } - extension - publicURL - } - eurl - category - status - } - } - } - } - ` - ); - - return ( - -
-

Platform Engineering done right

-

Infrastructure diagraming is intuitive with visual architecture of Kubernetes clusters and Cloud services in Meshery. Whether you're an SRE, Platform Engineer, DevOps engineer, developer... Kubernetes configuration and operational design reviews between your engineering teams is a breeze.

-
- - -
- - {data.allMdx.nodes.map(({ id, frontmatter }) => ( - -
- -
- - ))} -
-
-
- - - -
- ); -}; - -export default UseCases; \ No newline at end of file diff --git a/src/sections/useCases/useCases.style.js b/src/sections/useCases/useCases.style.js deleted file mode 100644 index d874872657d7..000000000000 --- a/src/sections/useCases/useCases.style.js +++ /dev/null @@ -1,85 +0,0 @@ -import styled from "styled-components"; - -const UseCasesWrapper = styled.div` - .use-cases-title { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - text-align: center; - margin: 1rem 0; - .heading { - color: ${props => props.theme.whiteToBlack} !important; - font-size: 4rem; - font-weight: 700; - max-width: 80%; - margin: 0 auto; - padding: 0 1rem; - } - .description { - color: ${props => props.theme.greyA0AAAAToGrey666666}; - font-size: 1.5rem; - line-height: 2rem; - max-width: 60%; - margin: 1rem auto; - padding: 0 1rem; - } - @media (max-width: 768px) { - .heading { - font-size: 2.75rem !important; - } - .description { - font-size: 1.25rem; - line-height: 1.5rem; - } - } - @media (max-width: 500px) { - .heading { - font-size: 2rem !important; - } - .whiteboard-text { - font-size: 1rem; - line-height: 1.2rem; - } - } - } - .usecases-grid-wrapper { - padding-bottom: 3.75rem; - .usecases-grid-card { - background-color: ${props => props.theme.grey212121ToWhite}; - width: 100%; - display: block; - height: auto; - border-radius: 0.3125rem; - margin-bottom: 1.25rem; - box-shadow: 0rem 0.0625rem 0.3125rem rgba(0, 0, 0, 0.2); - transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); - .post-thumb-block { - width: 100%; - img { - width: 100%; - height: auto; - } - } - .post-content-block { - padding: 1rem; - } - } - .externalLink { - position: relative; - left: 1rem; - margin-top: 0.25rem; - } - a.siteLink { - padding: 0.5rem 0.25rem 0rem; - filter: grayscale(100%) brightness(${props => props.theme.siteLinkBrightness}); - transition: 0.2s ease-in-out all; - &:hover { - color: ${props => props.theme.keppelColor}; - filter: none; - } - } - } -`; - -export default UseCasesWrapper; \ No newline at end of file