Merge pull request #1333 from basedosdados/feat/AB-services

feat/AB-services

Author: AldemirLucas

next/components/molecules/Menu.js

@@ -74,14 +74,14 @@ function MenuDrawer({ userData, isOpen, onClose, links }) {
             widthImage="65px"
             heightImage="30px"
             marginBottom="24px"
-            onClick={() => router.push('/search')}
+            onClick={() => router.push('/')}
           />
         ) : (
           <BDLogoImage
             widthImage="65px"
             heightImage="30px"
             marginBottom="24px"
-            onClick={() => router.push('/search')}
+            onClick={() => router.push('/')}
           />
         )}
         <VStack alignItems="flex-start" width="100%" spacing="16px">
@@ -210,14 +210,14 @@ function MenuDrawerUser({ userData, isOpen, onClose, isUserPro, haveInterprisePl
             widthImage="65px"
             heightImage="30px"
             marginBottom="24px"
-            onClick={() => router.push('/search')}
+            onClick={() => router.push('/')}
           />
         ) : (
           <BDLogoImage
             widthImage="65px"
             heightImage="30px"
             marginBottom="24px"
-            onClick={() => router.push('/search')}
+            onClick={() => router.push('/')}
           />
         )}
 
@@ -1047,7 +1047,7 @@ export default function MenuNav({ simpleTemplate = false, userTemplate = false }
             width="80px"
             minWidth="80px"
             _hover={{opacity:"none"}}
-            href={"/search"}
+            href={"/"}
             marginLeft="0 !important"
             transition="0.5s"
             overflow="hidden"

next/components/molecules/ServiceHighlightABTest.js

@@ -4,6 +4,7 @@ import BodyText from '../atoms/Text/BodyText';
 import LabelText from '../atoms/Text/LabelText';
 import Link from '../atoms/Link';
 import Button from '../atoms/Button';
+import { triggerGAEvent } from '../../utils';
 import RedirectIcon from '../../public/img/icons/redirectIcon';
 
 export default function ServiceHighlightABTest({
@@ -13,6 +14,7 @@ export default function ServiceHighlightABTest({
   buttonText,
   link,
   imageUrl,
+  value
 }) {
   return (
     <Stack
@@ -41,6 +43,7 @@ export default function ServiceHighlightABTest({
             marginTop="16px !important"
             backgroundColor="transparent"
             _hover={{ backgroundColor: 'transparent' }}
+            onClick={() => {triggerGAEvent("button_service_highlight_ab", value)}}
           >
             <LabelText typography="small" color="current-color">
               {buttonText}

next/pages/dataset/[dataset].js

@@ -290,15 +290,17 @@ export default function DatasetPage ({ dataset, userGuide, hiddenDataset, verify
       description: "Estruturamos ambientes em nuvem, pipelines e APIs para ingestão, tratamento e integração de dados públicos e privados. Tudo com automação, segurança e rastreabilidade para escalar suas análises e produtos.",
       buttonText: "Conheça os serviços de consultoria",
       link: "/services",
-      imageUrl: "https://storage.googleapis.com/basedosdados-website/images/image-servicos.svg"
+      imageUrl: "https://storage.googleapis.com/basedosdados-website/images/image-servicos.svg",
+      value: "A"
     },
     B: {
       id: "solucoes-de-dados-para-toda-a-jornada",
       title: "Soluções de dados para toda a jornada",
       description: "Do diagnóstico à visualização, oferecemos serviços completos para transformar dados em valor: arquitetura, portais, painéis, chatbots e formação. Tudo sob medida para sua organização evoluir com dados.",
       buttonText: "Conheça os serviços de consultoria",
       link: "/services",
-      imageUrl: "https://storage.googleapis.com/basedosdados-website/images/image-servicos.svg"
+      imageUrl: "https://storage.googleapis.com/basedosdados-website/images/image-servicos.svg",
+      value: "B"
     }
   };
 
@@ -351,6 +353,34 @@ export default function DatasetPage ({ dataset, userGuide, hiddenDataset, verify
           onClose={modalSurveyTour.onClose}
         />
 
+        <Stack
+          display={{base: "none", md: "flex"}}
+          width="100%"
+          spacing="0"
+          gap="8px"
+          paddingY="8px"
+          flexDirection="row"
+          alignItems="flex-start"
+        >
+          <Link
+            target="_self"
+            href="/search"
+          >
+            <BodyText
+              color="#0068C5"
+              _hover={{
+                color: "#0057A4"
+              }}
+            >
+              Dados
+            </BodyText>
+          </Link>
+          <BodyText>/</BodyText>
+          <BodyText>
+            {dataset[`name${capitalize(locale)}`] || dataset.name || t('noName')}
+          </BodyText>
+        </Stack>
+
         <Grid
           templateColumns={{ base: "1fr", lg: "295px 1fr" }}
           width="100%"