what awaits you

Signed-off-by: Lee Calcote <[email protected]>
layer5io · Apr 14, 2024 · 8fb7609 · 8fb7609
1 parent a6dce17
commit 8fb7609
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 17 deletions.
diff --git a/src/components/Learn-Components/what-await-section/index.js b/src/components/Learn-Components/what-await-section/index.js
@@ -2,20 +2,25 @@ import React from "react";
 import WhatAwaitsWrapper from "./what-await.styles";
 import { Row, Col } from "../../../reusecore/Layout";
 import Terminal from "../../../components/Terminal";
+import Button from "../../../reusecore/Button";
+
 
 const WhatAwaitsSection = () => {
   return (
     <WhatAwaitsWrapper>
       <Row className="what-await-section">
-        <Col sm={12} md={6} xl={4} className="what-await-section-info">
-          <h2>What Awaits you</h2>
-          <p>
-              Learning service mesh the right way. From the best
-              learning path by the experts at Layer5 and learn how
-              to mesh
-          </p>
+        <Col sm={12} md={8} xl={4} className="what-await-section-info">
+          <div className="service-mesh-patterns_text-and_button">
+            <h2>Use Cloud Native Patterns</h2>
+            <p>Cloud Native patterns help you get the most out of any cloud native. Each pattern can be used as a template and is customizable.
+            </p>
+            <p style={{ "justifyContent": "center", "textAlign": "center" }}>
+              <Button primary title="Visit Cloud Native Patterns catalog" url="https://meshery.layer5.io/catalog" external={true} style={{ "margin": "1rem" }}/>
+              <Button secondary title="Visit Service Mesh Patterns website" url="https://service-mesh-patterns.github.io/service-mesh-patterns/" external={true} />
+            </p>
+          </div>
         </Col>
-        <Col sm={12} md={6} xl={4} className="what-await-section-image">
+        <Col sm={12} md={8} xl={4} className="what-await-section-image">
 
           <Terminal
             lines={[

diff --git a/src/components/Learn-Components/what-await-section/what-await.styles.js b/src/components/Learn-Components/what-await-section/what-await.styles.js
@@ -2,7 +2,7 @@ import styled from "styled-components";
 
 const WhatAwaitsWrapper = styled.div`
     padding: 1rem;
-    margin: 1rem auto 6rem;
+    margin: 1rem auto;
 
     .what-await-section {
         margin: 0;

diff --git a/src/sections/Learn-Layer5/index.js b/src/sections/Learn-Layer5/index.js
@@ -109,20 +109,13 @@ const LearnPathsPage = () => {
           ))}
         </Row>
       </Container>
-      <WhatAwaitsSection />
       <Container>
         <LearnInfo
           courses={data.coursesCount.edges}
           chapters={data.chaptersCount.edges}
           meshes={data.meshesCount.edges}
         />
-        <div className="service-mesh-patterns">
-          <div className="service-mesh-patterns_text-and_button">
-            <h1>Use Cloud Native Patterns</h1>
-            <p>Cloud Native patterns help you get the most out of any cloud native. Each pattern can be used as a template and is customizable.</p>
-            <Button secondary title="Visit Cloud Native Patterns website" url="https://service-mesh-patterns.github.io/service-mesh-patterns/" external={true} />
-          </div>
-        </div>
+        <WhatAwaitsSection />
         <JoinCommunity
           image={Book_Giveaway}
           header={"Don't Learn Alone"}