Skip to content

Commit 60facc7

Browse files
author
Vivek Vishal
authored
fix line break issue
Signed-off-by: GitHub <noreply@github.com>
1 parent a431eaf commit 60facc7

File tree

2 files changed

+68
-68
lines changed

2 files changed

+68
-68
lines changed
Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
1-
import React from "react";
2-
import SEO from "../../components/seo";
3-
import OpenSourcePricingPage from "../../sections/Community/Open-Source-Program";
4-
5-
const OpenSourcePricingProgramPage = () => {
6-
return (
7-
<>
8-
<OpenSourcePricingPage />
9-
</>
10-
);
11-
};
12-
export default OpenSourcePricingProgramPage;
13-
export const Head = () => {
14-
return <SEO title="Layer5 Open Source Program"
15-
description="Layer5, empowerer of engineers. At Layer5, we believe collaboration enables innovation, and infrastructure enables collaboration."
16-
image="/images/Layer5-overview.svg" />;
17-
};
1+
import React from "react";
2+
import SEO from "../../components/seo";
3+
import OpenSourcePricingPage from "../../sections/Community/Open-Source-Program";
4+
5+
const OpenSourcePricingProgramPage = () => {
6+
return (
7+
<>
8+
<OpenSourcePricingPage />
9+
</>
10+
);
11+
};
12+
export default OpenSourcePricingProgramPage;
13+
export const Head = () => {
14+
return <SEO title="Layer5 Open Source Program"
15+
description="Layer5, empowerer of engineers. At Layer5, we believe collaboration enables innovation, and infrastructure enables collaboration."
16+
image="/images/Layer5-overview.svg" />;
17+
};

src/sections/Pricing/openSource.js

Lines changed: 51 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -1,51 +1,51 @@
1-
import React from "react";
2-
import Button from "../../reusecore/Button";
3-
import styled from "styled-components";
4-
import { BsArrowUpRight } from "@react-icons/all-files/bs/BsArrowUpRight";
5-
const OpenSourceBanner = () => {
6-
return (
7-
<OpenSourceBannerWrapper>
8-
<div className="banner-content">
9-
<div>
10-
<h2>Layer5-Sponsored Open Source Program</h2>
11-
<p>
12-
We're proud to support the open source community with special discounts and resources.
13-
</p>
14-
</div>
15-
<Button $primary title="Open Source Pricing" $url="/pricing/open-source-program"><BsArrowUpRight size={21} className="icon-left" /></Button>
16-
</div>
17-
</OpenSourceBannerWrapper>
18-
);
19-
};
20-
21-
const OpenSourceBannerWrapper = styled.div`
22-
width: 100%;
23-
background: #00b39f;
24-
margin-top: 6rem;
25-
padding: 2rem 0;
26-
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
27-
.banner-content {
28-
max-width: 90%;
29-
margin: 0 auto;
30-
display: flex;
31-
justify-content: space-around;
32-
align-items: center;
33-
34-
@media (max-width: 768px) {
35-
flex-direction: column;
36-
text-align: center;
37-
gap: 1.5rem;
38-
}
39-
}
40-
div {
41-
color: white;
42-
h2 {
43-
color: white;
44-
}
45-
p {
46-
font-size: 1.1rem;
47-
opacity: 0.9;
48-
}
49-
}
50-
`;
51-
export default OpenSourceBanner;
1+
import React from "react";
2+
import Button from "../../reusecore/Button";
3+
import styled from "styled-components";
4+
import { BsArrowUpRight } from "@react-icons/all-files/bs/BsArrowUpRight";
5+
const OpenSourceBanner = () => {
6+
return (
7+
<OpenSourceBannerWrapper>
8+
<div className="banner-content">
9+
<div>
10+
<h2>Layer5-Sponsored Open Source Program</h2>
11+
<p>
12+
We're proud to support the open source community with special discounts and resources.
13+
</p>
14+
</div>
15+
<Button $primary title="Open Source Pricing" $url="/pricing/open-source-program"><BsArrowUpRight size={21} className="icon-left" /></Button>
16+
</div>
17+
</OpenSourceBannerWrapper>
18+
);
19+
};
20+
21+
const OpenSourceBannerWrapper = styled.div`
22+
width: 100%;
23+
background: #00b39f;
24+
margin-top: 6rem;
25+
padding: 2rem 0;
26+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
27+
.banner-content {
28+
max-width: 90%;
29+
margin: 0 auto;
30+
display: flex;
31+
justify-content: space-around;
32+
align-items: center;
33+
34+
@media (max-width: 768px) {
35+
flex-direction: column;
36+
text-align: center;
37+
gap: 1.5rem;
38+
}
39+
}
40+
div {
41+
color: white;
42+
h2 {
43+
color: white;
44+
}
45+
p {
46+
font-size: 1.1rem;
47+
opacity: 0.9;
48+
}
49+
}
50+
`;
51+
export default OpenSourceBanner;

0 commit comments

Comments
 (0)