PWA and Meta tags

lucasm · Aug 16, 2024 · 0b12b09 · 0b12b09
1 parent d82c2d9
commit 0b12b09
Show file tree

Hide file tree

Showing 46 changed files with 186 additions and 185 deletions.
diff --git a/README.md b/README.md
@@ -1,18 +1,19 @@
 <div align="center">
 <a href="https://findto.app/?utm_source=findto_repo">
-<img height="124" src="https://findto.app/findto-icon-color.svg">
+<img height="124" src="https://findto.app/icon.svg">
 </a>
 </div>
 
 <h1 align="center">Findto</h1>
 
 <p align="center">
+<a href="https://ko-fi.com/findto" target="_blank"><img alt="Support on Ko-Fi" src="https://img.shields.io/badge/donate-$5-ff9393?logo=kofi&logoColor=white"></a>
 <a href="https://github.com/lucasm/findto/wiki" target="_blank"><img alt="Languages" src="https://img.shields.io/badge/translations-2-ffff8b?logo=json&logoColor=white"></a>
-<a href="https://github.com/lucasm/findto/issues" target="_blank"><img alt="Issues" src="https://img.shields.io/github/issues/lucasm/findto?color=ff9393&logo=github&logoColor=white"></a>
-<a href="https://discord.gg/gEDm5MU6pq" target="_blank"><img alt="Community" src="https://img.shields.io/discord/866829154032812073?color=d0abff&label=members&logo=discord&logoColor=white"></a>
-<a href="https://ko-fi.com/findto" target="_blank"><img alt="Support on Ko-Fi" src="https://img.shields.io/badge/donate-$5-82cdff?logo=kofi&logoColor=white"></a>
 <a href="https://github.com/lucasm/findto/releases" target="_blank"><img alt="GitHub release" src="https://img.shields.io/github/v/release/lucasm/findto?label=version&color=71f8ce&logo=github&logoColor=white"></a>
 <a href="https://github.com/lucasm/findto" target="_blank"><img alt="GitHub repo size" src="https://img.shields.io/github/repo-size/lucasm/findto?label=size&color=71f8ce&logo=github&logoColor=white"></a>
+<a href="https://github.com/lucasm/findto/issues" target="_blank"><img alt="Issues" src="https://img.shields.io/github/issues/lucasm/findto?color=82cdff&logo=github&logoColor=white"></a>
+<a href="https://discord.gg/gEDm5MU6pq" target="_blank"><img alt="Community" src="https://img.shields.io/discord/866829154032812073?color=d0abff&label=members&logo=discord&logoColor=white"></a>
+
 </p>
 
 <p align="center">
@@ -21,20 +22,21 @@ Decentralized search on Web and AI <br>
 
 ## 🔎 A better search
 
-We are developing a better search experience.
+Findto is an assistant for decentralized search on Web and AI.
+
+Our principles:
 
-- Findto is an assistant for decentralized search on the Web and AI.
+- Research and develop a better search experience.
 
-- Findto puts people in control of algorithms.
+- People in control of AI and Web search algorithms.
 
-- Findto is free and open source.
+- Free and open source.
 
 Findto is putting the power of internet back into people's hands.
 
-Why?
-Because the centralized internet — monopolized — is unsustainable. Findto encourages a truly free search experience, where the people democratic choices and the planet needs walks together.
+The centralized internet is unsustainable. Findto encourages a truly free search experience, where the people democratic choices and the planet needs walks together.
 
-Quickly search the same term on diverse sources. See also the privacy and carbon levels of selected source. Discover trends. Find anything on the Web and AI. More productive and accessible searches than ever! A more healthier internet, today. As the always should be.
+Quickly search the same term on diverse sources. See the privacy and carbon levels of selected source. Discover trends. Find anything on the Web and AI. More productive and accessible searches than ever! A more healthier internet. As the always should be.
 
 👉 Try it now: [findto.app](https://findto.app)
 
@@ -56,9 +58,9 @@ Quickly search the same term on diverse sources. See also the privacy and carbon
 
 - **Visual search** — Use images to search on supported sources. \* In development.
 
-- **Accessibility** — Dark theme, balanced contrast, keyboard navigation and screen readers.
+- **Accessibility** — Balanced contrast, dark theme, keyboard navigation and screen readers support.
 
-- **Internationalization** — Chose your country for local sources, or use international search.
+- **Internationalization** — Chose your country for local sources, or international search.
 
 ## 🔴 Sources
 
@@ -75,15 +77,15 @@ For more details, go to [Wiki](https://github.com/lucasm/findto/wiki).
 If you like Findto, consider donate.
 
 - [One-time donation via Ko-Fi](https://ko-fi.com/findto)
-- [Support via GitHub Sponsors](https://github.com/sponsors/lucasm)
+- [GitHub Sponsors](https://github.com/sponsors/lucasm)
 
 ✨ Enjoy your name or banner with link attribution on this repository ✨
 
-For work-in-progress updates [follow us](https://x.com/findto.app)!
+For work-in-progress updates [follow on X](https://x.com/findtoapp).
 
 ## 🟢 Contribute
 
-View opened [Issues](https://github.com/lucasm/findto/issues) thats need help, before send pull requests. For backlog, see the [Projects](https://github.com/lucasm/findto/projects) board.
+View opened [Issues](https://github.com/lucasm/findto/issues) before send pull requests. For backlog, check [Projects](https://github.com/lucasm/findto/projects) board.
 
 ### Team
 

diff --git a/app/[locale]/___document.txt b/app/[locale]/___document.txt
diff --git a/app/[locale]/community/page.tsx b/app/[locale]/community/page.tsx
@@ -4,7 +4,7 @@ import CardsLink from '@/components/CardsLink'
 import { useTranslations } from 'next-intl'
 
 const title = 'Community'
-const description = 'Help us create a better internet.'
+const description = 'Help us make a healthier internet.'
 
 export const metadata = {
   title: title,

diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx
@@ -1,7 +1,6 @@
-import type { Metadata } from 'next'
 import './globals.css'
+import type { Metadata } from 'next'
 import localFont from 'next/font/local'
-// import { Providers } from './providers'
 import { NextIntlClientProvider } from 'next-intl'
 import { getMessages } from 'next-intl/server'
 import Telemetry from '@/components/Telemetry'
@@ -29,6 +28,29 @@ export const metadata: Metadata = {
   },
   description:
     'Open source decentralized search on Web and AI. Explore a healthier internet with Findto.',
+  authors: [
+    { name: 'Findto', url: 'https://findto.app' },
+    { name: 'Lucas Menezes', url: 'https://lucasm.dev' },
+  ],
+  icons: {
+    icon: [
+      '/favicon.ico',
+      '/icon-192x192.png',
+      '/icon-512x512.png',
+      '/icon-1024x1024.png',
+      'icon.svg',
+    ],
+    apple: '/apple-touch-icon.png',
+  },
+  manifest: '/manifest.json',
+  appleWebApp: {
+    capable: true,
+    title: 'Findto',
+    statusBarStyle: 'black-translucent',
+  },
+  applicationName: 'Findto',
+  themeColor: '#ffffff',
+
   metadataBase: new URL('https://findto.app'),
   alternates: {
     canonical: '/',
@@ -39,10 +61,17 @@ export const metadata: Metadata = {
   },
   openGraph: {
     images: '/share.png',
+    type: 'website',
+  },
+  twitter: {
+    site: '@findtoapp',
+    creator: '@lucasmezs',
+    card: 'summary_large_image',
+    images: '/share.png',
   },
 }
 
-export default async function RootLayout({
+export default async function Layout({
   children,
   params: { locale },
 }: {

diff --git a/app/[locale]/not-found.tsx b/app/[locale]/not-found.tsx
@@ -0,0 +1,23 @@
+'use client'
+
+import Style from '@/layouts/WebsiteLayout/WebsiteLayout.module.css'
+import WebsiteLayout from '@/layouts/WebsiteLayout'
+
+export const metadata = {
+  title: 'Not Found',
+  description: 'Page not found.',
+}
+
+export default function NotFoundPage() {
+  return (
+    <WebsiteLayout>
+      <section className="colors">
+        <div className={Style.container}>
+          <div className={Style.pageTitle}>
+            <h1>Not Found</h1>
+          </div>
+        </div>
+      </section>
+    </WebsiteLayout>
+  )
+}
diff --git a/app/[locale]/page.tsx b/app/[locale]/page.tsx
@@ -1,15 +1,11 @@
 import AppLayout from '@/layouts/AppLayout'
-
 import Search from '@/components/Search'
-import Banner from '@/components/Banner'
-import WidgetContainer from '@/components/WidgetContainer'
-import WidgetPrivacy from '@/components/WidgetPrivacy'
-import WidgetCarbon from '@/components/WidgetCarbon'
+import WidgetVideoStories from '@/components/WidgetVideoStories'
 import WidgetTrends from '@/components/WidgetTrends'
+import Banner from '@/components/Banner'
 import CookiesPopup from '@/components/CookiesPopup'
-import WidgetVideoStories from '@/components/WidgetVideoStories'
 
-export default function PageIndex() {
+export default function Page() {
   return (
     <AppLayout>
       <Search />

diff --git a/components/CardsLink/index.tsx b/components/CardsLink/index.tsx
@@ -1,7 +1,12 @@
 import Link from 'next/link'
 import Styles from './CardsLink.module.css'
-import { svgDiscord, svgGithub, svgPatreon } from '@/components/SvgSocial'
-import { IconFeedback, IconHeart, IconStar, IconX } from '../SvgIcons'
+import {
+  IconHeart,
+  IconFeedback,
+  IconX,
+  IconGitHub,
+  IconDiscord,
+} from '../SvgIcons'
 import { useTranslations } from 'next-intl'
 
 interface ICardsLink {
@@ -16,10 +21,16 @@ export default function CardsLink() {
   const t = useTranslations('t')
 
   const cards: ICardsLink[] = [
+    {
+      title: t('donate'),
+      url: 'https://ko-fi.com/findto',
+      icon: <IconHeart />,
+      active: true,
+    },
     {
       title: 'Give a star',
       url: 'https://github.com/lucasm/findto',
-      icon: svgGithub,
+      icon: <IconGitHub />,
       active: true,
     },
     {
@@ -31,38 +42,32 @@ export default function CardsLink() {
     {
       title: 'Join channel',
       url: 'https://discord.gg/gEDm5MU6pq',
-      icon: svgDiscord,
+      icon: <IconDiscord />,
       active: true,
     },
     {
-      title: t('donate'),
-      url: 'https://ko-fi.com/findto',
-      icon: <IconHeart />,
+      title: t('feedback.title'),
+      url: t('feedback.url'),
+      icon: <IconFeedback />,
       active: true,
     },
     {
       title: 'Get Pro version',
-      url: '/pro',
-      icon: <IconStar />,
+      url: '/pricing',
+      icon: <></>,
       active: false,
       internal: true,
     },
-    {
-      title: t('feedback.title'),
-      url: t('feedback.url'),
-      icon: <IconFeedback />,
-      active: true,
-    },
     {
       title: 'Follow on Instagram',
       url: 'https://instagram.com/findtoapp',
-      icon: svgPatreon,
+      icon: <></>,
       active: false,
     },
     {
       title: 'Support on Patreon',
       url: 'https://patreon.com/findto',
-      icon: svgPatreon,
+      icon: <></>,
       active: false,
     },
   ]

diff --git a/components/SvgIcons/index.tsx b/components/SvgIcons/index.tsx
@@ -661,6 +661,18 @@ export const IconMore = () => (
     <circle cx="12" cy="19" r="1"></circle>
   </svg>
 )
+export const IconInfo = () => (
+  <svg
+    width="24"
+    height="24"
+    strokeWidth=".7"
+    fill="currentColor"
+    stroke="currentColor"
+    viewBox="0 0 24 24"
+    xmlns="http://www.w3.org/2000/svg">
+    <path d="M12 1.999c5.524 0 10.002 4.478 10.002 10.002 0 5.523-4.478 10.001-10.002 10.001-5.524 0-10.002-4.478-10.002-10.001C1.998 6.477 6.476 1.999 12 1.999Zm0 1.5a8.502 8.502 0 1 0 0 17.003A8.502 8.502 0 0 0 12 3.5Zm-.004 7a.75.75 0 0 1 .744.648l.007.102.003 5.502a.75.75 0 0 1-1.493.102l-.007-.101-.003-5.502a.75.75 0 0 1 .75-.75ZM12 7.003a.999.999 0 1 1 0 1.997.999.999 0 0 1 0-1.997Z" />
+  </svg>
+)
 
 export const IconX = () => (
   <svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 77.44 80">
@@ -683,17 +695,31 @@ export const IconInstagram = () => (
     />
   </svg>
 )
-
-export const IconInfo = () => (
-  <svg
-    width="24"
-    height="24"
-    strokeWidth=".7"
-    fill="currentColor"
-    stroke="currentColor"
-    viewBox="0 0 24 24"
-    xmlns="http://www.w3.org/2000/svg">
-    <path d="M12 1.999c5.524 0 10.002 4.478 10.002 10.002 0 5.523-4.478 10.001-10.002 10.001-5.524 0-10.002-4.478-10.002-10.001C1.998 6.477 6.476 1.999 12 1.999Zm0 1.5a8.502 8.502 0 1 0 0 17.003A8.502 8.502 0 0 0 12 3.5Zm-.004 7a.75.75 0 0 1 .744.648l.007.102.003 5.502a.75.75 0 0 1-1.493.102l-.007-.101-.003-5.502a.75.75 0 0 1 .75-.75ZM12 7.003a.999.999 0 1 1 0 1.997.999.999 0 0 1 0-1.997Z" />
+export const IconKofi = () => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+    <path
+      className="svg"
+      d="m31.84,11.93c-1.03-5.45-6.48-6.12-6.48-6.12H.96C.16,5.81.06,6.87.06,6.87c0,0-.11,9.77-.03,15.76.22,3.23,3.45,3.56,3.45,3.56,0,0,11.02-.03,15.95-.06,3.25-.57,3.58-3.42,3.55-4.98,5.8.32,9.89-3.77,8.86-9.22Zm-14.75,4.68c-1.66,1.94-5.35,5.3-5.35,5.3,0,0-.16.16-.41.03-.1-.07-.14-.12-.14-.12-.59-.59-4.49-4.06-5.38-5.27-.95-1.29-1.39-3.6-.12-4.95,1.27-1.35,4.01-1.45,5.82.54,0,0,2.09-2.38,4.62-1.28,2.54,1.09,2.44,4.01.96,5.75Zm8.23.64c-1.24.15-2.24.04-2.24.04v-7.58h2.36s2.63.73,2.63,3.52c0,2.55-1.31,3.56-2.75,4.02Z"
+    />
+  </svg>
+)
+export const IconDiscord = () => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path
+      className="svg"
+      d="M20.35,4.43a20.11,20.11,0,0,0-5-1.53,12.8,12.8,0,0,0-.63,1.29,18.77,18.77,0,0,0-5.5,0c-.17-.4-.42-.91-.63-1.29a19.6,19.6,0,0,0-5,1.53A20,20,0,0,0,.1,18.05,20.27,20.27,0,0,0,6.18,21.1,16,16,0,0,0,7.48,19a13.32,13.32,0,0,1-2.05-1c.17-.13.34-.26.49-.39a14.34,14.34,0,0,0,12.15,0l.49.39a13.32,13.32,0,0,1-2,1,16,16,0,0,0,1.3,2.1,20.15,20.15,0,0,0,6.08-3.05A19.91,19.91,0,0,0,20.35,4.43ZM8,15.3a2.29,2.29,0,0,1-2.16-2.4A2.28,2.28,0,0,1,8,10.5a2.27,2.27,0,0,1,2.16,2.4A2.29,2.29,0,0,1,8,15.3Zm8,0a2.29,2.29,0,0,1-2.16-2.4A2.28,2.28,0,0,1,16,10.5a2.27,2.27,0,0,1,2.16,2.4A2.28,2.28,0,0,1,16,15.3Z"
+    />
+  </svg>
+)
+export const IconPatreon = () => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <circle className="svg" cx="15.34" cy="9.11" r="8.66" />
+    <rect className="svg" y="0.45" width="4.23" height="23.1" />
+  </svg>
+)
+export const IconTwitter = () => (
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <path d="M13.25,3.58a5,5,0,0,1,7,.23A10.54,10.54,0,0,0,23.39,2.6a5.28,5.28,0,0,1-2.16,2.74A9.55,9.55,0,0,0,24,4.55v0a10.07,10.07,0,0,1-2.45,2.55,14.35,14.35,0,0,1-6.61,12.63,13.92,13.92,0,0,1-7.66,2,13.72,13.72,0,0,1-5.13-1.06A17.48,17.48,0,0,1,0,19.58H0a3.94,3.94,0,0,1,.68,0A10,10,0,0,0,7.3,17.51a4.82,4.82,0,0,1-2.58-.78,5,5,0,0,1-2-2.65A4.72,4.72,0,0,0,4.89,14,4.94,4.94,0,0,1,1,9.12a5.28,5.28,0,0,0,2.22.62,5,5,0,0,1-1.5-6.6A14,14,0,0,0,11.83,8.31,5,5,0,0,1,13.25,3.58Z" />
   </svg>
 )