Update: widget container styles, footer links, and banner text

lucasm · Aug 2, 2024 · 60a6aa7 · 60a6aa7
1 parent ee55f78
commit 60a6aa7
Show file tree

Hide file tree

Showing 13 changed files with 82 additions and 47 deletions.
diff --git a/components/app/Banner/Banner.module.css b/components/app/Banner/Banner.module.css
@@ -3,11 +3,10 @@
   padding: 3.5rem;
   border-radius: var(--radius-big);
   box-shadow: var(--box-shadow);
-
-  margin: 3.5rem 1rem 0;
+  margin: 1rem 1rem 0;
   display: grid;
   grid-template-columns: 1fr 1fr;
-  grid-gap: 2rem;
+  grid-gap: 8rem;
   align-items: center;
   text-align: left;
 }
@@ -18,7 +17,7 @@
 }
 .container p {
   margin-bottom: 0.75rem;
-  font-size: var(--font-size);
+  font-size: 1.2rem;
   color: var(--color-text-black);
 }
 .container a {
@@ -31,7 +30,7 @@
   height: var(--size-large);
   padding: 0 2rem;
   border-radius: var(--radius-big);
-  width: auto;
+  width: 100%;
   font-size: var(--font-size);
 }
 .container a:hover,
@@ -70,6 +69,9 @@
     grid-gap: 0;
     text-align: center;
   }
+  .container p {
+    font-size: var(--font-size);
+  }
   .container a {
     height: var(--size-small);
     font-size: var(--font-size);

diff --git a/components/app/Banner/index.tsx b/components/app/Banner/index.tsx
@@ -9,10 +9,10 @@ export default function Banner() {
   return (
     <section className={Styles.container}>
       <div>
-        <h3>{data?.t?.banner[0] ?? 'The new way of search'}</h3>
+        <h3>{data?.t?.banner[0] ?? 'A new way to search on Web and AI'}</h3>
         <p>
           {data?.t?.banner[1] ??
-            'Decentralized search on AI and web search engines. Discover more. Help the planet.'}
+            'Findto is an assistant for people to control web search algorithms and AIs. Discover more. Help the planet.'}
         </p>
       </div>
       <div>

diff --git a/components/app/Footer/Footer.module.css b/components/app/Footer/Footer.module.css
@@ -40,8 +40,8 @@
 }
 
 .container ul li a svg {
-  width: 1.2rem;
-  height: 1.2rem;
+  width: 1rem;
+  height: 1rem;
   fill: var(--color-black-translucent-50);
   transition: var(--transition);
 }

diff --git a/components/app/Footer/index.tsx b/components/app/Footer/index.tsx
@@ -16,7 +16,7 @@ export default function AppFooter() {
           </Link>
         </figure>
 
-        <p>Findto | {data?.t?.slogan ?? 'Open Source AI Search'} </p>
+        <p>Findto | {data?.t?.slogan ?? 'Decentralized search on Web and AI'} </p>
 
         <ul>
           <li>
@@ -40,6 +40,11 @@ export default function AppFooter() {
             <Link href="/terms">{data?.t?.terms ?? 'Terms'}</Link>
           </li>
 
+          <li>
+            <Link href="https://x.com/findtoapp" target="_blank" rel="noreferrer" aria-label="X">
+              <IconX />
+            </Link>
+          </li>
           <li>
             <Link
               href="https://github.com/lucasm/findto"
@@ -49,11 +54,6 @@ export default function AppFooter() {
               <IconGitHub />
             </Link>
           </li>
-          <li>
-            <Link href="https://x.com/findtoapp" target="_blank" rel="noreferrer" aria-label="X">
-              <IconX />
-            </Link>
-          </li>
           <li>
             <Link
               href="https://instagram.com/findtoapp"

diff --git a/components/app/Search/Search.module.css b/components/app/Search/Search.module.css
@@ -117,9 +117,12 @@
   margin-left: 0.5rem;
 }
 .searchButton svg {
+  color: var(--color-white);
+}
+.searchButton svg,
+.resetButton svg {
   width: 20px;
   height: 20px;
-  color: var(--color-white);
 }
 .resetButton {
   display: none;

diff --git a/components/app/WidgetContainer/WidgetContainer.module.css b/components/app/WidgetContainer/WidgetContainer.module.css
@@ -4,4 +4,5 @@
   align-items: center;
   justify-content: center;
   gap: 1rem;
+  margin: 2rem 0 4rem;
 }
diff --git a/components/app/WidgetTrends/WidgetTrends.module.css b/components/app/WidgetTrends/WidgetTrends.module.css
@@ -15,7 +15,7 @@
   gap: 1.5rem;
   align-items: center;
   justify-content: flex-start;
-  padding: 1rem 1rem 1rem 2rem;
+  padding: 1.5rem;
   width: 100%;
   border: 0;
   margin: 0;

diff --git a/locales/pt-BR.json b/locales/pt-BR.json
@@ -43,10 +43,10 @@
     "more": "Mais",
     "learnMore": "Saiba mais",
     "banner": [
-      "Uma forma totalmente nova de buscar",
-      "Que tal buscar na web e IAs de forma descentralizada? Essa é a liberdade do Findto, seu assistente de buscas. Descubra mais. Ajude o planeta."
+      "A nova forma para buscar na Web e IAs",
+      "Findto é um assistente para pessoas controlarem os algoritmos de busca da Web e IAs. Descubra mais. Ajude o planeta."
     ],
-    "slogan": "Buscas com IA de código aberto"
+    "slogan": "Busca descentralizada na Web e IAs"
   },
   "categories": [
     {
@@ -682,7 +682,7 @@
         },
         {
           "name": "Apple Maps",
-          "action": "http://maps.apple.com/?q=",
+          "action": "https://beta.maps.apple.com/?q=",
           "color": "#4cb69a"
         },
         {
@@ -775,12 +775,12 @@
         },
         {
           "name": "Folha",
-          "action": "https://search.folha.uol.com.br/?q=lula",
+          "action": "https://search.folha.uol.com.br/?q=",
           "color": "#00afec"
         },
         {
           "name": "Estadão",
-          "action": "https://busca.estadao.com.br/?q=lula",
+          "action": "https://busca.estadao.com.br/?q=",
           "color": "#398aff"
         },
         {

diff --git a/pages/about.tsx b/pages/about.tsx
@@ -14,10 +14,12 @@ export default function PageAbout() {
       <section className="colors">
         <div className={Style.container}>
           <figure className={Style.icon}></figure>
-          <h1>Open Source AI Search</h1>
+          <h1>
+            Decentralized search <br></br>on Web and AI
+          </h1>
           <p>
-            Findto is an assistant for decentralized web search. Get control over AI and search
-            engines algorithms. Explore a healthy internet.
+            Findto is a decentralized search assistant. Get control over AI and Web search engines
+            algorithms. Explore a healthy internet.
           </p>
         </div>
       </section>
@@ -31,7 +33,7 @@ export default function PageAbout() {
               </figure>
 
               <article>
-                <h2>Get control over AI and search algorithms</h2>
+                <h2>Get control over search algorithms</h2>
                 <p>
                   Findto puts people on control of the algorithms. Quickly switch between diverse
                   sources and find anything. More productive and accessible searches.
@@ -59,7 +61,7 @@ export default function PageAbout() {
               </figure>
 
               <article>
-                <h2>Decentralized and open source search</h2>
+                <h2>Decentralized and open source</h2>
                 <p>
                   The centralized internet — where monopoly wins — is unsustainable. Findto
                   encourages a truly open search experience, where people choices and the planet

diff --git a/pages/api/trends/legal.ts b/pages/api/trends/legal.ts
@@ -15,9 +15,17 @@ export default async function endpoint(req: NextApiRequest, res: NextApiResponse
         credits_url: 'https://www.gov.br/pt-br',
         data: [
           {
-            title: 'Consultar restituição de imposto de renda DIRPF',
+            title: 'Consultar Valores a Receber',
+            url: 'https://www.gov.br/pt-br/servicos/consultar-e-solicitar-a-devolucao-de-valores-a-receber',
+          },
+          {
+            title: 'Consultar Restituição do Imposto de Renda',
             url: 'https://www.gov.br/pt-br/servicos/consultar-restituicao-de-imposto-de-renda',
           },
+          {
+            title: 'Realizar a Assinatura Eletrônica de Documentos',
+            url: 'https://www.gov.br/pt-br/servicos/assinatura-eletronica',
+          },
           {
             title: 'Consultar CPF',
             url: 'https://www.gov.br/pt-br/servicos/consultar-cadastro-de-pessoas-fisicas',
@@ -27,29 +35,25 @@ export default async function endpoint(req: NextApiRequest, res: NextApiResponse
             url: 'https://www.gov.br/pt-br/servicos/consultar-cadastro-nacional-de-pessoas-juridicas',
           },
           {
-            title: 'Consultar dívidas e pendências fiscais',
+            title: 'Inscrever ou Atualizar CNPJ',
+            url: 'https://www.gov.br/pt-br/servicos/inscrever-ou-atualizar-cadastro-nacional-de-pessoas-juridicas',
+          },
+          {
+            title: 'Consultar Dívidas e Pendências Fiscais',
             url: 'https://www.gov.br/pt-br/servicos/consultar-dividas-e-pendencias-fiscais',
           },
           {
-            title: 'Realizar a Assinatura Eletrônica de documentos',
-            url: 'https://www.gov.br/pt-br/servicos/assinatura-eletronica',
+            title: 'Emitir Certidão de Regularidade Fiscal',
+            url: 'https://www.gov.br/pt-br/servicos/emitir-certidao-de-regularidade-fiscal',
           },
           {
             title: 'Obter a Carteira de Trabalho',
             url: 'https://www.gov.br/pt-br/servicos/obter-a-carteira-de-trabalho',
           },
-          {
-            title: 'Emitir certidão de regularidade fiscal',
-            url: 'https://www.gov.br/pt-br/servicos/emitir-certidao-de-regularidade-fiscal',
-          },
           {
             title: 'Obter CPF',
             url: 'https://www.gov.br/pt-br/servicos/obter-cartao-de-cpf',
           },
-          {
-            title: 'Inscrever ou atualizar CNPJ',
-            url: 'https://www.gov.br/pt-br/servicos/inscrever-ou-atualizar-cadastro-nacional-de-pessoas-juridicas',
-          },
           {
             title: 'Esclarecer dúvidas sobre proteção de dados pessoais',
             url: 'https://www.gov.br/pt-br/servicos/esclarecer-duvidas-sobre-protecao-de-dados-pessoais',
@@ -59,19 +63,19 @@ export default async function endpoint(req: NextApiRequest, res: NextApiResponse
             url: 'https://www.tse.jus.br/servicos-eleitorais/autoatendimento-eleitoral#/',
           },
           {
-            title: 'Opinar sobre propostas legislativas na Câmara dos Deputados',
+            title: 'Câmara dos Deputados: opinar em propostas legislativas',
             url: 'https://www.camara.leg.br/enquetes/',
           },
           {
-            title: 'Propor e apoiar leis no Senado',
+            title: 'Senado: propor e apoiar leis',
             url: 'https://www12.senado.leg.br/ecidadania/principalideia',
           },
           {
-            title: 'Manifestar solicitação ao Governo',
+            title: 'Governo: manifestar solicitação',
             url: 'https://falabr.cgu.gov.br/',
           },
           {
-            title: 'Como está votando cada parlamentar',
+            title: 'Ver Votos dos Parlamentares',
             url: 'https://quemfoiquem.org.br/',
           },
         ],

diff --git a/public/images/logos/pinterest.svg b/public/images/logos/pinterest.svg
diff --git a/public/images/logos/reuters.svg b/public/images/logos/reuters.svg