diff --git a/public/locales/en/index.js b/public/locales/en/index.js index aba183b..3e411ee 100644 --- a/public/locales/en/index.js +++ b/public/locales/en/index.js @@ -104,6 +104,7 @@ const en = { largest robotics competition"`, complement: `Read more at:`, }, + heading: 'Award-winning AI and Robotics Research', achievements: [ { title: 'Small Size League World Champions', diff --git a/public/locales/pt-BR/index.js b/public/locales/pt-BR/index.js index 346ff89..874ce8e 100644 --- a/public/locales/pt-BR/index.js +++ b/public/locales/pt-BR/index.js @@ -102,6 +102,7 @@ const ptBR = { robótica do mundo"`, complement: 'Leia mais em:', }, + heading: 'Pesquisa de IA e Robótica premiada internacionalmente', achievements: [ { title: 'Campeões Mundiais em SSL', diff --git a/src/components/Home/BannerV2/Banner.styles.ts b/src/components/Home/BannerV2/Banner.styles.ts index 5669ee2..4aa32d1 100644 --- a/src/components/Home/BannerV2/Banner.styles.ts +++ b/src/components/Home/BannerV2/Banner.styles.ts @@ -13,12 +13,17 @@ export const SectionContainer = styled.section` export const TextContainer = styled.div` width: 100vw; + padding: 10vw; position: absolute; text-align: center; margin: auto; padding: auto; color: white; - text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8); + text-shadow: 5px 5px 4px rgba(0, 0, 0, 0.8); + + @media (max-width: 768px) { + padding: 0; + } ` export const BannerImg = styled(Image)` diff --git a/src/components/Home/BannerV2/Banner.tsx b/src/components/Home/BannerV2/Banner.tsx index bf74631..0a7fac0 100644 --- a/src/components/Home/BannerV2/Banner.tsx +++ b/src/components/Home/BannerV2/Banner.tsx @@ -3,13 +3,14 @@ import React from 'react' import { GroupPhoto } from '@/assets' import * as S from './Banner.styles' +import { BannerDefaultProps } from './interfaces' -const Banner = () => { +const Banner = ({ translate }: BannerDefaultProps) => { return ( ROBÔCIN - IA que vence competições mundiais + {translate.heading} diff --git a/src/components/Home/BannerV2/index.tsx b/src/components/Home/BannerV2/index.tsx index a112fbf..0950e8d 100644 --- a/src/components/Home/BannerV2/index.tsx +++ b/src/components/Home/BannerV2/index.tsx @@ -1,9 +1,10 @@ import React from 'react' +import { BannerDefaultProps } from './interfaces' import Main from './Banner' -const Banner = () => { - return
+const Banner = ({ translate }: BannerDefaultProps) => { + return
} export default Banner diff --git a/src/components/Home/BannerV2/interfaces.ts b/src/components/Home/BannerV2/interfaces.ts index e69de29..eac2fab 100644 --- a/src/components/Home/BannerV2/interfaces.ts +++ b/src/components/Home/BannerV2/interfaces.ts @@ -0,0 +1,5 @@ +export interface BannerDefaultProps { + translate: { + heading: string + } +} diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 925e373..90e41f6 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -13,7 +13,7 @@ export default function Home() { return ( - +