diff --git a/img/hero-principal.svg b/img/hero-principal.svg index 42219f9..38d33d5 100644 --- a/img/hero-principal.svg +++ b/img/hero-principal.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index e3d9962..cf3bef5 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,7 +12,8 @@ "react": "^19.2.0", "react-dom": "^19.2.0", "react-i18next": "^16.5.3", - "react-router-dom": "^7.12.0" + "react-router-dom": "^7.12.0", + "react-router-hash-link": "^2.4.3" }, "devDependencies": { "@eslint/js": "^9.39.1", @@ -2840,7 +2841,6 @@ "version": "4.0.0", "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", - "dev": true, "license": "MIT" }, "node_modules/js-yaml": { @@ -2963,6 +2963,18 @@ "dev": true, "license": "MIT" }, + "node_modules/loose-envify": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", + "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", + "license": "MIT", + "dependencies": { + "js-tokens": "^3.0.0 || ^4.0.0" + }, + "bin": { + "loose-envify": "cli.js" + } + }, "node_modules/lru-cache": { "version": "5.1.1", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", @@ -3079,6 +3091,15 @@ "dev": true, "license": "MIT" }, + "node_modules/object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", + "license": "MIT", + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/optionator": { "version": "0.9.4", "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz", @@ -3310,6 +3331,17 @@ "node": ">= 0.8.0" } }, + "node_modules/prop-types": { + "version": "15.8.1", + "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", + "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==", + "license": "MIT", + "dependencies": { + "loose-envify": "^1.4.0", + "object-assign": "^4.1.1", + "react-is": "^16.13.1" + } + }, "node_modules/punycode": { "version": "2.3.1", "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", @@ -3389,6 +3421,12 @@ } } }, + "node_modules/react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==", + "license": "MIT" + }, "node_modules/react-refresh": { "version": "0.18.0", "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.18.0.tgz", @@ -3437,6 +3475,19 @@ "react-dom": ">=18" } }, + "node_modules/react-router-hash-link": { + "version": "2.4.3", + "resolved": "https://registry.npmjs.org/react-router-hash-link/-/react-router-hash-link-2.4.3.tgz", + "integrity": "sha512-NU7GWc265m92xh/aYD79Vr1W+zAIXDWp3L2YZOYP4rCqPnJ6LI6vh3+rKgkidtYijozHclaEQTAHaAaMWPVI4A==", + "license": "MIT", + "dependencies": { + "prop-types": "^15.7.2" + }, + "peerDependencies": { + "react": ">=15", + "react-router-dom": ">=4" + } + }, "node_modules/resolve-from": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", diff --git a/package.json b/package.json index 713cf43..f4aa4ae 100644 --- a/package.json +++ b/package.json @@ -15,7 +15,8 @@ "react": "^19.2.0", "react-dom": "^19.2.0", "react-i18next": "^16.5.3", - "react-router-dom": "^7.12.0" + "react-router-dom": "^7.12.0", + "react-router-hash-link": "^2.4.3" }, "devDependencies": { "@eslint/js": "^9.39.1", diff --git a/src/components/Contador.tsx b/src/components/Contador.tsx index 77e3524..20dcc62 100644 --- a/src/components/Contador.tsx +++ b/src/components/Contador.tsx @@ -43,7 +43,7 @@ export default function Contador() { }, []); return ( -
+
{tempo.dias} diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index e6a7938..68c1c2c 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -14,46 +14,47 @@ export default function Footer() {

{t("footer.site")}

  • -
      {t("footer.inicio")}
    -
      {t("footer.oEvento")}
    -
      Keynotes
    -
      {t("footer.programacao")}
    -
      {t("footer.guiaDaCidade")}
    -
      {t("footer.patrocinadores")}
    -
      FAQ
    -
      {t("footer.contato")}
    -
      {t("footer.inscrevaSe")}
    + + + {/*
      Keynotes
    */} + + {/*
      {t("footer.programacao")}
    */} + {/*
      {t("footer.guiaDaCidade")}
    */} + {/*
      {t("footer.patrocinadores")}
    */} + {/*
      FAQ
    */} + {/*
      {t("footer.contato")}
    */} + {/*
      {t("footer.inscrevaSe")}
    */}

    • {t("footer.nossasRedes")}

  • -
      Instagram
    -
      Linkedin
    -
      Facebook
    -
      X
    -
      Bluesky
    -
      Youtube
    -
      E-mail
    -
      Flickr
    -
      Telegram
    + + + + + + + + + {/* */}

    • {t("footer.linksDaAPyB")}

    • APyB
    -
      {t("footer.codigoDeConduta")}
    -
      {t("footer.formulario")}
    -
      Dormeles Tremea / Jean Ferri
    + + {/*
      {t("footer.formulario")}
    */} + {/*
      Dormeles Tremea / Jean Ferri
    */}
    • - - + +
    -

    {t("footer.politicasDePrivacidade")}

    + {/*

    {t("footer.politicasDePrivacidade")}

    */}
    ) diff --git a/src/components/Header.tsx b/src/components/Header.tsx index 8df4e78..fea141a 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -1,7 +1,8 @@ import "./styles/Header.css" import "./styles/Menu.css" import { useState } from 'react'; -import { Link, useNavigate } from "react-router-dom" +import { Link } from "react-router-dom" +import { HashLink } from "react-router-hash-link"; import { useTranslation } from "react-i18next"; import icone_acima_do_menu from "/img/components/header/icone_acima_do_menu.png" import logo from "/img/components/header/logo.svg" @@ -36,19 +37,19 @@ export default function Header() {
    setIsModalOpen(false)}>{t("header.menu.inicio")} - setIsModalOpen(false)}>{t("header.menu.oEvento")} - setIsModalOpen(false)}>KEYNOTES + setIsModalOpen(false)}>{t("header.menu.oEvento")} + {/* setIsModalOpen(false)}>KEYNOTES */} {/* setIsModalOpen(false)}>{t("header.menu.programacao")} */} - setIsModalOpen(false)}>{t("header.menu.guiaDaCidade")} - setIsModalOpen(false)}>{t("header.menu.patrocinadores")} + {/* setIsModalOpen(false)}>{t("header.menu.guiaDaCidade")} */} + {/* setIsModalOpen(false)}>{t("header.menu.patrocinadores")} */} setIsModalOpen(false)}>FAQ - setIsModalOpen(false)}>{t("header.menu.contato")} + setIsModalOpen(false)}>{t("header.menu.contato")}
    - +
    @@ -61,10 +62,11 @@ export default function Header() {
    - - + + + {/* */} {/* */} - + {/* */}
    diff --git a/src/components/styles/Menu.css b/src/components/styles/Menu.css index 32e268c..c27a202 100644 --- a/src/components/styles/Menu.css +++ b/src/components/styles/Menu.css @@ -66,7 +66,8 @@ display: flex; flex-direction: column; align-items: start; - justify-content: space-between; + justify-content: start; + gap: 15px; height: 55%; @@ -80,7 +81,7 @@ display: flex; flex-wrap: wrap; align-items: start; - justify-content: space-between; + justify-content: start; height: 65px; width: 50%; diff --git a/src/i18n.ts b/src/i18n.ts index 9fe38ca..2083925 100644 --- a/src/i18n.ts +++ b/src/i18n.ts @@ -99,19 +99,19 @@ i18n perguntas : [ { pergunta : "Qual a programação do evento?", - resposta : "A Python Brasil 2025 é o maior encontro da comunidade Python do Brasil. O evento reúne pessoas desenvolvedoras, entusiastas, pesquisadoras e empresas para compartilhar conhecimento, experiências e fortalecer a comunidade." + resposta : "A Python Brasil 2026 é o maior encontro da comunidade Python do Brasil. O evento reúne pessoas desenvolvedoras, entusiastas, pesquisadoras e empresas para compartilhar conhecimento, experiências e fortalecer a comunidade." }, { - pergunta: "Ganho certificado por participar da Python Brasil 2025?", - resposta: "A Python Brasil 2025 é o maior encontro da comunidade Python do Brasil. O evento reúne pessoas desenvolvedoras, entusiastas, pesquisadoras e empresas para compartilhar conhecimento, experiências e fortalecer a comunidade." + pergunta: "Ganho certificado por participar da Python Brasil 2026?", + resposta: "A Python Brasil 2026 é o maior encontro da comunidade Python do Brasil. O evento reúne pessoas desenvolvedoras, entusiastas, pesquisadoras e empresas para compartilhar conhecimento, experiências e fortalecer a comunidade." }, { pergunta: "Quem organiza a Python Brasil?", - resposta: "A Python Brasil 2025 é o maior encontro da comunidade Python do Brasil. O evento reúne pessoas desenvolvedoras, entusiastas, pesquisadoras e empresas para compartilhar conhecimento, experiências e fortalecer a comunidade." + resposta: "A Python Brasil 2026 é o maior encontro da comunidade Python do Brasil. O evento reúne pessoas desenvolvedoras, entusiastas, pesquisadoras e empresas para compartilhar conhecimento, experiências e fortalecer a comunidade." }, { pergunta: "Quais as condições para adquirir um ingresso de meia entrada?", - resposta: "A Python Brasil 2025 é o maior encontro da comunidade Python do Brasil. O evento reúne pessoas desenvolvedoras, entusiastas, pesquisadoras e empresas para compartilhar conhecimento, experiências e fortalecer a comunidade." + resposta: "A Python Brasil 2026 é o maior encontro da comunidade Python do Brasil. O evento reúne pessoas desenvolvedoras, entusiastas, pesquisadoras e empresas para compartilhar conhecimento, experiências e fortalecer a comunidade." }, ] } @@ -211,19 +211,19 @@ i18n perguntas: [ { pergunta : "What is the event schedule?", - resposta : "Python Brasil 2025 is the largest gathering of the Python community in Brazil. The event brings together developers, enthusiasts, researchers, and companies to share knowledge, experiences, and strengthen the community." + resposta : "Python Brasil 2026 is the largest gathering of the Python community in Brazil. The event brings together developers, enthusiasts, researchers, and companies to share knowledge, experiences, and strengthen the community." }, { - pergunta : "Do I receive a certificate for participating in Python Brasil 2025?", - resposta : "Python Brasil 2025 is the largest gathering of the Python community in Brazil. The event brings together developers, enthusiasts, researchers, and companies to share knowledge, experiences, and strengthen the community." + pergunta : "Do I receive a certificate for participating in Python Brasil 2026?", + resposta : "Python Brasil 2026 is the largest gathering of the Python community in Brazil. The event brings together developers, enthusiasts, researchers, and companies to share knowledge, experiences, and strengthen the community." }, { pergunta : "Who organizes Python Brasil?", - resposta : "Python Brasil 2025 is the largest gathering of the Python community in Brazil. The event brings together developers, enthusiasts, researchers, and companies to share knowledge, experiences, and strengthen the community." + resposta : "Python Brasil 2026 is the largest gathering of the Python community in Brazil. The event brings together developers, enthusiasts, researchers, and companies to share knowledge, experiences, and strengthen the community." }, { pergunta : "What are the conditions to purchase a discounted (half-price) ticket?", - resposta : "Python Brasil 2025 is the largest gathering of the Python community in Brazil. The event brings together developers, enthusiasts, researchers, and companies to share knowledge, experiences, and strengthen the community." + resposta : "Python Brasil 2026 is the largest gathering of the Python community in Brazil. The event brings together developers, enthusiasts, researchers, and companies to share knowledge, experiences, and strengthen the community." } ] } @@ -323,19 +323,19 @@ i18n perguntas: [ { pergunta : "¿Cuál es la programación del evento?", - resposta : "Python Brasil 2025 es el mayor encuentro de la comunidad Python en Brasil. El evento reúne a desarrolladores, entusiastas, investigadores y empresas para compartir conocimientos, experiencias y fortalecer la comunidad." + resposta : "Python Brasil 2026 es el mayor encuentro de la comunidad Python en Brasil. El evento reúne a desarrolladores, entusiastas, investigadores y empresas para compartir conocimientos, experiencias y fortalecer la comunidad." }, { - pergunta : "¿Obtengo un certificado por participar en Python Brasil 2025?", - resposta : "Python Brasil 2025 es el mayor encuentro de la comunidad Python en Brasil. El evento reúne a desarrolladores, entusiastas, investigadores y empresas para compartir conocimientos, experiencias y fortalecer la comunidad." + pergunta : "¿Obtengo un certificado por participar en Python Brasil 2026?", + resposta : "Python Brasil 2026 es el mayor encuentro de la comunidad Python en Brasil. El evento reúne a desarrolladores, entusiastas, investigadores y empresas para compartir conocimientos, experiencias y fortalecer la comunidad." }, { pergunta : "¿Quién organiza Python Brasil?", - resposta : "Python Brasil 2025 es el mayor encuentro de la comunidad Python en Brasil. El evento reúne a desarrolladores, entusiastas, investigadores y empresas para compartir conocimientos, experiencias y fortalecer la comunidad." + resposta : "Python Brasil 2026 es el mayor encuentro de la comunidad Python en Brasil. El evento reúne a desarrolladores, entusiastas, investigadores y empresas para compartir conocimientos, experiencias y fortalecer la comunidad." }, { pergunta : "¿Cuáles son las condiciones para adquirir una entrada de media tarifa?", - resposta : "Python Brasil 2025 es el mayor encuentro de la comunidad Python en Brasil. El evento reúne a desarrolladores, entusiastas, investigadores y empresas para compartir conocimientos, experiencias y fortalecer la comunidad." + resposta : "Python Brasil 2026 es el mayor encuentro de la comunidad Python en Brasil. El evento reúne a desarrolladores, entusiastas, investigadores y empresas para compartir conocimientos, experiencias y fortalecer la comunidad." } ] } diff --git a/src/pages/home/Home.tsx b/src/pages/home/Home.tsx index a03440d..c1899eb 100644 --- a/src/pages/home/Home.tsx +++ b/src/pages/home/Home.tsx @@ -5,13 +5,15 @@ import Home_Section4 from "./section/Home.Section4" import Home_Section5 from "./section/Home.Section5" import Home_Section6 from "./section/Home.Section6" import Home_Section7 from "./section/Home.Section7" +import Carrossel from "../../components/Carrossel" export default function Home() { return(<> {/* */} - {/* */} + + {/* */} {/* */} diff --git a/src/pages/home/section/Home.Section4.tsx b/src/pages/home/section/Home.Section4.tsx index 1d6d198..5d73991 100644 --- a/src/pages/home/section/Home.Section4.tsx +++ b/src/pages/home/section/Home.Section4.tsx @@ -6,14 +6,14 @@ import { useTranslation } from "react-i18next"; export default function Home_Section4() { const { t } = useTranslation(); - return(
    + return(