Issues in Website Design Review and payment page #340

Author: marioskranitsas

src/components/Banners/FeaturedWorkTypeBanner/styles.module.scss

@@ -11,14 +11,16 @@
   grid-template-columns: 1fr 359px;
 
   &.website-design,
-  &.website-design {
+  &.review--payment {
     background: linear-gradient(263.22deg, #038664 2.65%, #075F96 98.14%), #FFFFFF;
   }
-  &.data-exploration {
+  &.data-exploration,
+  &.review--payment {
     background: linear-gradient(263.22deg, #038664 2.65%, #075F96 98.14%), #FFFFFF;
   }
   &.find-me-data,
-  &.problem-statement--data-advisory  {
+  &.problem-statement--data-advisory,
+  &.review--payment  {
     background: linear-gradient(84.92deg, #723390 2.08%, #8C384F 97.43%);
   }
 
@@ -62,7 +64,8 @@
       background: url("../../../assets/images/find-me-data.png");
       background-size: cover;
     }
-    &.website-design {
+    &.website-design,
+    &.review--payment {
       background: url("../../../assets/images/website-design-v2.png");
       background-size: cover;
     }

src/constants/index.js

@@ -385,6 +385,7 @@ export const webWorkTypes = [
   },
   {
     title: "Website Design",
+    reviewAndPaymentTitle: "REVIEW & PAYMENT",
     subTitle: "Create a beautiful custom visual design for your website. Specify the scope and device types, your vision, and receive up to 5 modern designs.",
     price: 499,
     // stickerPrice: 499,

src/routes/Products/DataAdvisory/index.jsx

@@ -32,7 +32,7 @@ export default function DataAdvsisory({ isLoggedIn }) {
         nextPageUrl="/self-service/work/new/data-advisory/review"
       />
       <Review
-        banner={<FeaturedWorkTypeBanner title={title} subTitle={subTitle} />}
+        banner={<FeaturedWorkTypeBanner title="REVIEW & PAYMENT" subTitle={title} />}
         secondaryBanner={
           <HelpBanner defaultOpen title={helperBannerTitle} styles={["gray"]}>
             {helperBannerContent}

src/routes/Products/DataExploration/index.jsx

@@ -32,7 +32,7 @@ export default function DataExploration({ isLoggedIn }) {
         nextPageUrl="/self-service/work/new/data-exploration/review"
       />
       <Review
-        banner={<FeaturedWorkTypeBanner title={title} subTitle={subTitle} />}
+        banner={<FeaturedWorkTypeBanner title="REVIEW & PAYMENT" subTitle={title} />}
         secondaryBanner={
           <HelpBanner defaultOpen title={helperBannerTitle} styles={["gray"]}>
             {helperBannerContent}

src/routes/Products/WebsiteDesign/index.jsx

@@ -32,7 +32,7 @@ export default function WebsiteDesign({ isLoggedIn }) {
         nextPageUrl="/self-service/work/new/website-design/review"
       />
       <Review
-        banner={<FeaturedWorkTypeBanner title={title} subTitle={subTitle} />}
+        banner={<FeaturedWorkTypeBanner title="REVIEW & PAYMENT" subTitle={title} />}
         secondaryBanner={
           <HelpBanner defaultOpen title={helperBannerTitle} styles={["gray"]}>
             {helperBannerContent}