diff --git a/src/components/Link/index.tsx b/src/components/Link/index.tsx
index ac073410f..4620a104a 100644
--- a/src/components/Link/index.tsx
+++ b/src/components/Link/index.tsx
@@ -17,6 +17,8 @@ function withLocalePrefix(
locale: string,
isExternalURL: boolean
) {
+ const isAnchor = href?.startsWith("#");
+ if (isAnchor) return href;
if (isExternalURL) return href;
const urlLocale = urlLocaleBySiteLocale[locale];
diff --git a/src/patterns/Menu/index.tsx b/src/patterns/Menu/index.tsx
index 8fea2d717..7e18cc88d 100644
--- a/src/patterns/Menu/index.tsx
+++ b/src/patterns/Menu/index.tsx
@@ -39,7 +39,7 @@ export default function Menu() {
src="https://ghbtns.com/github-btn.html?user=alura&repo=techguide&type=star&count=true"
frameBorder="0"
scrolling="0"
- width="110"
+ width="101"
height="30"
title="GitHub"
/>
diff --git a/src/patterns/ScreenHeroContainer/index.tsx b/src/patterns/ScreenHeroContainer/index.tsx
index 945a64c27..1f99d4304 100644
--- a/src/patterns/ScreenHeroContainer/index.tsx
+++ b/src/patterns/ScreenHeroContainer/index.tsx
@@ -7,6 +7,7 @@ import SecondContentSection from "./patterns/SecondContentSection";
import FAQContentSection from "./patterns/FAQContentSection";
import HeroTitle from "./patterns/HeroTitle";
import { PathScreenGetGuideBySlugQuery } from "@src/gql_types";
+import { LanguageSwitch } from "./patterns/LanguageSwitch/LanguageSwitch";
interface ScreenHeroContainerProps {
guide?: PathScreenGetGuideBySlugQuery["guide"];
@@ -28,6 +29,7 @@ export default function ScreenHeroContainer({
overflow: "hidden",
}}
>
+
diff --git a/src/patterns/ScreenHeroContainer/patterns/LanguageSwitch/LanguageSwitch.tsx b/src/patterns/ScreenHeroContainer/patterns/LanguageSwitch/LanguageSwitch.tsx
new file mode 100644
index 000000000..c5048f173
--- /dev/null
+++ b/src/patterns/ScreenHeroContainer/patterns/LanguageSwitch/LanguageSwitch.tsx
@@ -0,0 +1,200 @@
+import React from "react";
+import { Box, Link } from "@src/components";
+
+const languages = [
+ {
+ label: "PT",
+ link: "https://techguide.sh/",
+ flag: (
+
+ ),
+ },
+ {
+ label: "EN",
+ link: "https://techguide.sh/en-US",
+ flag: (
+
+ ),
+ },
+ {
+ label: "ES",
+ link: "https://techguide.sh/es",
+ flag: (
+
+ ),
+ },
+];
+
+export function LanguageSwitch() {
+ return (
+
+
+
+ Pratique Agora!
+
+
+ {languages.map(({ label, flag, link }) => {
+ return (
+
+
+ {flag}
+
+ {label}
+
+ );
+ })}
+
+
+
+ );
+}