Merge pull request #5228 from layer5io/leecalcote/relocate-rename-aws…

…-gcp

[Home] Relocate and rename aws gcp pages

src/components/CommonForm/commonForm.style.js

@@ -63,16 +63,16 @@ margin: 1rem;
         color: #8b0000;
       }
 
-      select {
-        /* for Firefox */
-        -moz-appearance: none;
-        /* for Chrome */
-        -webkit-appearance: none;
-      }
-      /* For IE10 */
-      select::-ms-expand {
-        display: none;
-      }
+      // select {
+      //   /* for Firefox */
+      //   -moz-appearance: none;
+      //   /* for Chrome */
+      //   -webkit-appearance: none;
+      // }
+      // /* For IE10 */
+      // select::-ms-expand {
+      //   display: none;
+      // }
 
 
       .accounts{
@@ -95,7 +95,7 @@ margin: 1rem;
         display: block;
       }
       .formRight select {
-        background: linear-gradient(90deg, rgba(0,179,159,0.15) 0%, rgba(208,208,208,.4) 80%);
+        background: linear-gradient(90deg, rgba(0,179,159,0.15) 0%, rgba(208,228,228,.7) 40%);
         border: 1px solid black;
         border-radius: 10px;
         height: 50px;
@@ -136,7 +136,7 @@ margin: 1rem;
         border-radius: 10px;
         padding: .5rem .5rem;
         font-size: .85rem;
-        background: linear-gradient(90deg, rgba(0,179,159,0.15) 0%, rgba(208,208,208,.4) 80%);
+        background: linear-gradient(90deg, rgba(0,179,159,0.15) 0%, rgba(208,228,228,.7) 40%);
         color: ${props => props.theme.primaryColor};
       }
 

src/components/CommonForm/index.js

@@ -160,8 +160,8 @@ const CommonForm = ({ form, title, submit_title, submit_body }) => {
         <label htmlFor="role" className="form-name">What role best identifies you? <span className="required-sign">*</span></label>
         {validateRole && <p style={{ margin: "0px", color: "red", fontSize: "16px" }}>{errorRole}</p>}
         <div role="group" className="formRight" aria-labelledby="select">
-          <Field as="select" name="role">
-            <option defaultValue hidden>Select your role</option>
+          <Field as="select" name="role" >
+            <option defaultValue hidden className="custom-arrow">Select your role</option>
             <option value="Frontend Engineer">Frontend Engineer</option>
             <option value="Backend Engineer">Backend Engineer</option>
             <option value="Fullstack Engineer">Fullstack Engineer</option>

src/pages/whiteboard/index.js

@@ -1,8 +1,5 @@
 import React from "react";
-import loadable from "@loadable/component";
-
 import Whiteboard from "../../sections/Whiteboard";
-// const ServiceMeshFocussed = loadable(() => import("../sections/Home/Service-mesh-focussed"));
 import ServiceMeshFocused from "../../sections/Home/Service-mesh-focussed";
 
 const WhiteboardPage = () => {

src/sections/Cloud-Native-Catalog/catalog.js

@@ -2,8 +2,8 @@ import React from "react";
 import styled from "styled-components";
 import Wasm from "../../assets/images/webassembly/webssembly_icon.svg";
 import Patterns from "../../assets/images/service-mesh-patterns/service-mesh-pattern.svg";
-import Ebpf from "../../assets/images/meshmap/ebpf.svg";
-import EbpfDark from "../../assets/images/meshmap/ebpf-dark.webp";
+// import Ebpf from "../../assets/images/meshmap/ebpf.svg";
+// import EbpfDark from "../../assets/images/meshmap/ebpf-dark.webp";
 import Opa from "../../assets/images/meshmap/opa.svg";
 import CatalogsLight from "../../assets/images/catalog/catalog-light.svg";
 import CatalogsDark from "../../assets/images/catalog/catalog-dark.svg";

src/sections/Home/FeaturesContainer/index.js

@@ -42,19 +42,19 @@ const FeaturesContainer = () => {
       show_custom_cursor: false,
       animationOne: true,
       redirectLink: "",
-      desc: "Meshery natively supports multi-cloud credentials natively with AWS and GCP. This integration allow users to incorporate AWS and GCP icons into their diagrams for comprehensive and intuitive system mapping and documentation.",
+      desc: "Incorporate AWS and GCP components into Meshery designs for comprehensive and intuitive system mapping, documentation, <i>and</i> orchestration.",
       imgLink: isDark ? AWSImage : AWSImageLight,
       cursor: true,
       redirectLinkWithImage: [
         {
           text: "Amazon Web Services",
           image: isDark ? AWSLogoDark : AWSLogoLight,
-          redirect: "/cloud-native-management/aws-diagram"
+          redirect: "/cloud-native-management/generate-aws-architecture-diagram"
         },
         {
           text: "Google Cloud Platform",
           image: GCPLogo,
-          redirect: "/cloud-native-management/gcp-diagram"
+          redirect: "/cloud-native-management/generate-gcp-architecture-diagram"
         }
       ]
     },

src/sections/Pricing/index.js

@@ -1,10 +1,8 @@
 import React from "react";
-import { Container, Row, Col } from "../../reusecore/Layout";
 import PricingWrapper from "./pricing.style";
 import Comparison from "./comparison";
 import FAQ from "../General/Faq";
 import Reviews from "./review-slider";
-import Button from "../../reusecore/Button";
 import { options } from "./data";
 import PlanCard from "../../components/PlanCard";
 

src/sections/gitops/PerformanceManagementPage.js

@@ -7,7 +7,6 @@ import SMPTestconfig from "../../assets/images/gitops/SMPTestConfig.png";
 import Button from "../../reusecore/Button";
 import SquarePoint from "./SquarePoint";
 import Reviews from "../Pricing/review-slider";
-import ServicePerformanceProfileTest from "../../assets/images/gitops/service-mesh-performance-profile.png";
 import { ColumnContainer, ContentRow, TextColumn } from "./common";
 import { ReactComponent as SmpLogo }  from "../../assets/images/service-mesh-performance/stacked/smp-light-text.svg";
 import { ReactComponent as GithubLogo } from "../../collections/integrations/github/icon/color/github-color.svg";

src/sections/gitops/SnapshotPage.js

@@ -6,7 +6,6 @@ import GithubActionComment from "../../assets/images/gitops/GithubActionComment.
 import Button from "../../reusecore/Button";
 import SquarePoint from "./SquarePoint";
 import Reviews from "../Pricing/review-slider";
-import ServicePerformanceProfileTest from "../../assets/images/gitops/service-mesh-performance-profile.png";
 import { ColumnContainer, ContentRow, TextColumn } from "./common";