add open source banner to the bottom

Signed-off-by: GitHub <noreply@github.com>

Author: Vivek Vishal

src/sections/Pricing/index.js

@@ -5,6 +5,7 @@ import FAQ from "../General/Faq";
 import Reviews from "./review-slider";
 import options from "./generatePlans";
 import PlanCard from "../../components/PlanCard";
+import OpenSourceBanner from "./openSource";
 
 const Pricing = () => {
   // const [monthly, setMonthly] = useState(false);
@@ -47,6 +48,7 @@ const Pricing = () => {
       </div>
       <Comparison />
       <Reviews />
+      <OpenSourceBanner />
       <FAQ category={["Pricing", "Billing"]} />
     </PricingWrapper>
   );

src/sections/Pricing/openSource.js

@@ -21,7 +21,7 @@ const OpenSourceBanner = () => {
 const OpenSourceBannerWrapper = styled.div`
   width: 100%;
   background: #00b39f; 
-  margin-top: 6rem;
+  margin-bottom: 2rem;
   padding: 2rem 0;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   .banner-content {

src/sections/Projects/Sistent/about.js

@@ -56,7 +56,7 @@ const SistentAbout = () => {
             </p>
             <p>
               <b>
-                Sistent provides a consistent user experience across any frontend 
+                Sistent provides a consistent user experience across any frontend
                 software projects that choose to use it.
               </b>
             </p>