-
Notifications
You must be signed in to change notification settings - Fork 1.2k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #6132 from vishalvivekm/open-source-program
feat: open source program form
- Loading branch information
Showing
7 changed files
with
440 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,17 @@ | ||
| import React from "react"; | ||
| import SEO from "../../components/seo"; | ||
| import OpenSourcePricingPage from "../../sections/Community/Open-Source-Program"; | ||
|
|
||
| const OpenSourcePricingProgramPage = () => { | ||
| return ( | ||
| <> | ||
| <OpenSourcePricingPage /> | ||
| </> | ||
| ); | ||
| }; | ||
| export default OpenSourcePricingProgramPage; | ||
| export const Head = () => { | ||
| return <SEO title="Layer5 Open Source Program" | ||
| description="Layer5, empowerer of engineers. At Layer5, we believe collaboration enables innovation, and infrastructure enables collaboration." | ||
| image="/images/Layer5-overview.svg" />; | ||
| }; |
94 changes: 94 additions & 0 deletions
94
...sections/Community/Open-Source-Program/images/layer5-products-overview-dark.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
95 changes: 95 additions & 0 deletions
95
src/sections/Community/Open-Source-Program/images/layer5-products-overview.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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 ( | ||
| <OpenSourcePricingWrapper style={{ position: "relative" }}> | ||
| <Container className="open-source-container"> | ||
| <img className="dotsimage" src="https://layer5.io/static/background-dots-pattern.e9f0ea60.svg" /> | ||
| <Row className="hero"> | ||
| <Col $sm={12} $lg={6}> | ||
| <h1>Layer5-Sponsored Open Source Program</h1> | ||
| <p> | ||
| 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 | ||
| </p> | ||
| </Col> | ||
| <Col className="products-logo-wrapper" $sm={12} $lg={6}> | ||
| <img | ||
| src={isDark ? productsImageWhite : productsImageColor} | ||
| alt="Layer5 products" | ||
| /> | ||
| </Col> | ||
| </Row> | ||
| <div className="signup-form"> | ||
| <SignupForm/> | ||
| </div> | ||
| </Container> | ||
| </OpenSourcePricingWrapper> | ||
| ); | ||
| }; | ||
|
|
||
| export default OpenSourcePricing; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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 ( | ||
| <SignupFormWrapper> | ||
| <div> | ||
| <Container style={{ marginBottom: "4rem", padding: "0" }}> | ||
| <Row className="description"> | ||
| <Col $lg={7} $md={6} $sm={12} > | ||
| <h4>Who can Apply?</h4> | ||
| <p style={{ fontWeight: "700" }}>Layer5-Sponsored Open Source program is ideal for developers working on projects without a path to commercialization.</p> | ||
| <h4 style={{ marginBottom: "1.5rem" }}>Why join the Layer5-Sponsored Open Source program?</h4> | ||
| <p> | ||
| <strong>Unlock Free Access to Advanced Cloud Native Design Tools</strong><br /> | ||
| 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. | ||
| </p> | ||
| <p> | ||
| <strong>Collaborative Infrastructure Design</strong><br/> | ||
| 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. | ||
| </p> | ||
| <p> | ||
| <strong>Comprehensive Cloud Native Support</strong><br/> | ||
| 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. | ||
| </p> | ||
| <h4>Qualification Criteria</h4> | ||
| <p style={{ marginBottom: "0" }}> | ||
| To qualify for the Layer5-Sponsored Open Source program, your project namespace must: | ||
| </p> | ||
| <ul> | ||
| <li>Be shared in public repositories on Github or GitLab etc. and the source code must also be publicly accessible on its respective repository.</li> | ||
| <li>Meet the <a href="https://opensource.org/docs/osd">Open Source Initiative definition.</a></li> | ||
| <li>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.</li> | ||
| </ul> | ||
| <h4>Layer5-Sponsored Open Source program Terms of Agreement</h4> | ||
| <ul> | ||
| <li>Program benefits are provided only to project leads and core project committers.</li> | ||
| <li>Program status and benefits are valid for one year and can be renewed if your project still meets the program requirements.</li> | ||
| <li>You may use the program benefits solely for developing non-commercial open-source projects.</li> | ||
| <li>Layer5 licenses are for use only by project collaborators and cannot be shared with any third party.</li> | ||
| </ul> | ||
| </Col> | ||
|
|
||
| <Col $lg={5} $md={6} $sm={12} style={{ padding: "0" }}> | ||
| <CommonForm | ||
| title="Apply Today" | ||
| form="open-source-pricing" | ||
| account_desc="Selected program participants will receive a free access to tools offered by Layer5. Layer5 team may reach out to selected participants." | ||
| submit_title="Thank you for your interest in Layer5-Sponsored Open Source Program" | ||
| submit_body="Your spot on the waiting list is now confirmed. We appreciate your patience as we process a growing number of applicants. Please await further communication regarding your acceptance and the start of the program." | ||
| /> | ||
| </Col> | ||
| </Row> | ||
| </Container> | ||
| </div> | ||
| </SignupFormWrapper> | ||
| ); | ||
| }; | ||
|
|
||
| export default SignupForm; |