From 765519634bd7c859a9a59ff8bba93a67a86a338a Mon Sep 17 00:00:00 2001 From: Vivek Vishal Date: Tue, 24 Dec 2024 19:13:52 +0530 Subject: [PATCH 01/10] feat: sign-up form for open source program Signed-off-by: Vivek Vishal --- .../Open-Source-Program/signup-form.js | 68 +++++++++++++++++++ 1 file changed, 68 insertions(+) create mode 100644 src/sections/Community/Open-Source-Program/signup-form.js diff --git a/src/sections/Community/Open-Source-Program/signup-form.js b/src/sections/Community/Open-Source-Program/signup-form.js new file mode 100644 index 000000000000..b31bc80c1025 --- /dev/null +++ b/src/sections/Community/Open-Source-Program/signup-form.js @@ -0,0 +1,68 @@ +import React from "react"; +import styled from "styled-components"; +import { Container, Row, Col } from "../../../reusecore/Layout"; + +import CommonForm from "../../../components/CommonForm"; + +const SignupFormWrapper = styled.div` +h4 { + font-weight: 700; +} +`; +const SignupForm = () => { + return ( + +
+ + + +

Who can Apply?

+

Layer5-Sponsored Open Source program is ideal for developers working on projects without a path to commercialization.

+

Why join the Layer5-Sponsored Open Source program?

+

+ Unlock Free Access to Advanced Cloud Native Design Tools
+ Gain access to Layer5's drag-and-drop cloud-native infrastructure designer, which includes 350+ built-in models and public catalog patterns, starting templates, enabling teams to design, configure, and deploy their workloads effortlessly. +

+

+ Collaborative Infrastructure Design
+ Access advanced tools like real-time collaborative infrastructure design and team workspaces. Enhance productivity with shared environments that allow multiple contributors to design, edit, and review infrastructure configurations simultaneously. +

+

+ Comprehensive Cloud Native Support
+ Leverage tools for discovering existing infrastructure, visualizing Kubernetes applications, and managing multi-cloud clusters. Layer5 provides built-in components, public catalogs, and performance profiling to streamline your project's development. +

+

Qualification Criteria

+

+ To qualify for the Layer5-Sponsored Open Source program, your project namespace must: +

+
    +
  • Be shared in public repositories on Github or GitLab etc. and the source code must also be publicly accessible on its respective repository.
    • +
  • Meet the Open Source Initiative definition.
    • +
  • Not have a pathway to commercialization. Your organization must not seek to make a profit through services or by charging for higher tiers. Accepting donations to sustain your efforts is permissible.
    • +
+

Layer5-Sponsored Open Source program Terms of Agreement

+
    +
  • Program benefits are provided only to project leads and core project committers.
    • +
  • Program status and benefits are valid for one year and can be renewed if your project still meets the program requirements.
    • +
  • You may use the program benefits solely for developing non-commercial open-source projects.
    • +
  • Layer5 licenses are for use only by project collaborators and cannot be shared with any third party.
    • +
+ + + + + + + +
+ + ); +}; + +export default SignupForm; From 4e2b488bfd48ac27e11a655b661f3378756291fe Mon Sep 17 00:00:00 2001 From: Vivek Vishal Date: Tue, 24 Dec 2024 19:14:42 +0530 Subject: [PATCH 02/10] Create index.js Signed-off-by: Vivek Vishal --- .../Community/Open-Source-Program/index.js | 38 +++++++++++++++++++ 1 file changed, 38 insertions(+) create mode 100644 src/sections/Community/Open-Source-Program/index.js diff --git a/src/sections/Community/Open-Source-Program/index.js b/src/sections/Community/Open-Source-Program/index.js new file mode 100644 index 000000000000..4d01ef3cc508 --- /dev/null +++ b/src/sections/Community/Open-Source-Program/index.js @@ -0,0 +1,38 @@ +import React from "react"; +import { Container, Row, Col } from "../../../reusecore/Layout"; +import OpenSourcePricingWrapper from "./index.style"; +import productsImageColor from "./images/layer5-products-overview.svg"; +import productsImageWhite from "./images/layer5-products-overview-dark.svg"; +import { useStyledDarkMode } from "../../../theme/app/useStyledDarkMode"; +import SignupForm from "./signup-form"; + +const OpenSourcePricing = () => { + const { isDark } = useStyledDarkMode(); + return ( + + + + + +

Layer5-Sponsored Open Source Program

+

+ The open source community is at the heart of modern development. Developers around the world create new technology using open source and we're here to help make those innovations a reality. + In the Layer5 Open Source program, non-commercial open source developers can continue to collaborate, innovate, and push their projects forward — all with the support of Layer5 offered tools +

+ + + Layer5 products + + +
+ +
+ + + ); +}; + +export default OpenSourcePricing; From ae6736bab3d907c1720151260a732ffba19bc908 Mon Sep 17 00:00:00 2001 From: Vivek Vishal Date: Tue, 24 Dec 2024 19:15:19 +0530 Subject: [PATCH 03/10] Create index.style.js Signed-off-by: Vivek Vishal --- .../Open-Source-Program/index.style.js | 51 +++++++++++++++++++ 1 file changed, 51 insertions(+) create mode 100644 src/sections/Community/Open-Source-Program/index.style.js diff --git a/src/sections/Community/Open-Source-Program/index.style.js b/src/sections/Community/Open-Source-Program/index.style.js new file mode 100644 index 000000000000..eeb2d5cea4a9 --- /dev/null +++ b/src/sections/Community/Open-Source-Program/index.style.js @@ -0,0 +1,51 @@ +import styled from "styled-components"; + +const OpenSourcePricingWrapper = styled.div` + + .open-source-container { + padding-top: 11rem; + .dotsimage{ + position: absolute; + top: -0.125rem; + left: 0; + } + } + .hero{ + p{ + margin: 1.875rem auto 1rem auto; + } + .products-logo-wrapper{ + display: flex; + justify-content: center; + img{ + max-height: 25rem; + } + svg { + height: 25rem; + } + } + } + + .signup-form{ + margin: 8.25rem auto 2.75rem auto; + h2{ + margin-bottom: 1.875rem; + } + p{ + margin-bottom: 1.875rem; + } + } + @media only screen and (max-width: 480px){ + .signup-form{ + margin: 3.125rem auto 1.875rem auto; + p{ + margin-bottom: 0.625rem; + } + } + .open-source-container { + padding-top: 5rem; + } + } +`; + +export default OpenSourcePricingWrapper; From dd4a1046c93eebbd9833899b60a1b4b9390df1de Mon Sep 17 00:00:00 2001 From: Vivek Vishal Date: Tue, 24 Dec 2024 19:15:59 +0530 Subject: [PATCH 04/10] Create layer5-products-overview-dark.svg Signed-off-by: Vivek Vishal --- .../images/layer5-products-overview-dark.svg | 94 +++++++++++++++++++ 1 file changed, 94 insertions(+) create mode 100644 src/sections/Community/Open-Source-Program/images/layer5-products-overview-dark.svg diff --git a/src/sections/Community/Open-Source-Program/images/layer5-products-overview-dark.svg b/src/sections/Community/Open-Source-Program/images/layer5-products-overview-dark.svg new file mode 100644 index 000000000000..9d215be6d39a --- /dev/null +++ b/src/sections/Community/Open-Source-Program/images/layer5-products-overview-dark.svg @@ -0,0 +1,94 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From 61f0150f998168a267c141f10e3f2e3bcff194de Mon Sep 17 00:00:00 2001 From: Vivek Vishal Date: Tue, 24 Dec 2024 19:16:28 +0530 Subject: [PATCH 05/10] Create layer5-products-overview.svg Signed-off-by: Vivek Vishal --- .../images/layer5-products-overview.svg | 95 +++++++++++++++++++ 1 file changed, 95 insertions(+) create mode 100644 src/sections/Community/Open-Source-Program/images/layer5-products-overview.svg diff --git a/src/sections/Community/Open-Source-Program/images/layer5-products-overview.svg b/src/sections/Community/Open-Source-Program/images/layer5-products-overview.svg new file mode 100644 index 000000000000..147b9ad88a0d --- /dev/null +++ b/src/sections/Community/Open-Source-Program/images/layer5-products-overview.svg @@ -0,0 +1,95 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From ba0e793cccee6d17cc0209cd6256799d49a8d94a Mon Sep 17 00:00:00 2001 From: Vivek Vishal Date: Tue, 24 Dec 2024 19:17:45 +0530 Subject: [PATCH 06/10] add additional fields for open-source form Signed-off-by: Vivek Vishal --- src/components/CommonForm/index.js | 77 ++++++++++++++++++++++++++++++ 1 file changed, 77 insertions(+) diff --git a/src/components/CommonForm/index.js b/src/components/CommonForm/index.js index a78c6dc4f9e9..80e4c70adee5 100644 --- a/src/components/CommonForm/index.js +++ b/src/components/CommonForm/index.js @@ -186,6 +186,83 @@ const CommonForm = ({ form, title, submit_title, submit_body }) => { + {form == "open-source-pricing" && ( + <> + + + + + + + + + + + + + +
+ + + + + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
Does this project have a pathway to commercialization? Your organization can accept donations to sustain its work, but it can't seek to make a profit by selling services, by charging for enhancements or add-ons, or by other means specifically for this project. If you don't meet this criteria, Please reach out to Layer5 sales team who will assist you find a partner program that may better fit your needs.
+ + )} +