diff --git a/src/assets/images/stick-figures/SVG/stick-figures.svg b/src/assets/images/stick-figures/SVG/stick-figures.svg new file mode 100644 index 000000000000..b38cfa5bb373 --- /dev/null +++ b/src/assets/images/stick-figures/SVG/stick-figures.svg @@ -0,0 +1,381 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/sections/Company/Brand/Brand-components/stickfigures.js b/src/sections/Company/Brand/Brand-components/stickfigures.js new file mode 100644 index 000000000000..d59d799ff072 --- /dev/null +++ b/src/sections/Company/Brand/Brand-components/stickfigures.js @@ -0,0 +1,47 @@ +import React from "react"; +import { FiDownloadCloud } from "@react-icons/all-files/fi/FiDownloadCloud"; +import Button from "../../../../reusecore/Button"; +import { Col, Row } from "../../../../reusecore/Layout"; +import SFL from "../../../../assets/images/stick-figures/SVG/stick-figures.svg"; + +const StickFigures = () => { + return ( +
+ + +

+ Stick Figures +

+ + + + + + + +

+ Introducing stick figures, a playful and dynamic visual language + that captures the essence of Layer5.io. These charming and + minimalist illustrations serve as the perfect embodiment of + our brand's values and offerings. +

+ + + + + +

Logos

+ + + + Stick figures + + + +
+ ); +}; + +export default StickFigures; diff --git a/src/sections/Company/Brand/index.js b/src/sections/Company/Brand/index.js index c6b76bdcf894..ec59a7a9b154 100644 --- a/src/sections/Company/Brand/index.js +++ b/src/sections/Company/Brand/index.js @@ -18,6 +18,7 @@ const MeshMasterBrand = loadable(() => import ("./Brand-components/meshmaster")) const MeshMarkBrand = loadable(() => import ("./Brand-components/meshmark")); const MeshMapBrand = loadable(() => import ("./Brand-components/meshmap")); const BrandGuide = loadable(() => import("./Brand-components/brand-guide")); +const StickFigures = loadable(() => import("./Brand-components/stickfigures")); const getDimensions = (ele) => { let dummyheight = 0, @@ -102,6 +103,7 @@ const Brand = () => { const meshmateRef = useRef(null); const meshmarkRef = useRef(null); const meshmapRef = useRef(null); + const stickfiguresRef = useRef(null); const sectionRefs = [ { section: "Layer5", ref: layer5Ref }, @@ -116,6 +118,7 @@ const Brand = () => { { section: "MeshMate", ref: meshmateRef }, { section: "MeshMaster", ref: meshMasterRef }, { section: "MeshMap", ref: meshmapRef }, + { section: "StickFigures", ref: stickfiguresRef } ]; useEffect(() => { @@ -203,6 +206,9 @@ const Brand = () => {
+
+ +
diff --git a/static/brand/stick-figures.zip b/static/brand/stick-figures.zip new file mode 100644 index 000000000000..f1cce48b482a Binary files /dev/null and b/static/brand/stick-figures.zip differ