diff --git a/public/locales/en/about.json b/public/locales/en/about.json new file mode 100644 index 0000000..c9803ad --- /dev/null +++ b/public/locales/en/about.json @@ -0,0 +1,28 @@ +{ + "hero": { + "title": "Welcome to MyLinks", + "cta": "Get started" + }, + "category": { + "title": "Create categories", + "text": "Organize your bookmarks by categories to keep your links tidy and find them easily." + }, + "link": { + "title": "Manage Links", + "text": "Add, edit, and manage your bookmarks with a simple and intuitive interface." + }, + "search": { + "title": "Search", + "text": "Quickly find the bookmark you're looking for with the powerful search feature." + }, + "extension": { + "title": "Browser extension", + "text": "Enhance your experience with the official MyLinks browser extension." + }, + "contribute": { + "title": "Contribute to MyLinks", + "text": "Suggest improvements you would like to see on MyLinks." + }, + "look-title": "Take a look", + "website-screenshot-alt": "A screenshot of MyLinks" +} diff --git a/public/locales/en/common.json b/public/locales/en/common.json index edf4b3b..7a94314 100644 --- a/public/locales/en/common.json +++ b/public/locales/en/common.json @@ -1,4 +1,5 @@ { + "slogan": "Manage your links in the best possible way", "confirm": "Confirm", "cancel": "Cancel", "back-home": "← Back to home page", diff --git a/public/locales/en/login.json b/public/locales/en/login.json index 75a9333..16fe994 100644 --- a/public/locales/en/login.json +++ b/public/locales/en/login.json @@ -1,6 +1,5 @@ { "title": "Authentication", "informative-text": "Authentication required to use MyLinks", - "continue-with": "Continue with {{provider}}", - "slogan": "Manage your links in the best possible way" + "continue-with": "Continue with {{provider}}" } diff --git a/public/locales/fr/about.json b/public/locales/fr/about.json new file mode 100644 index 0000000..bcc68e8 --- /dev/null +++ b/public/locales/fr/about.json @@ -0,0 +1,28 @@ +{ + "hero": { + "title": "Bienvenue sur MyLinks", + "cta": "Lancez-vous !" + }, + "category": { + "title": "Créer des catégories", + "text": "Organisez vos favoris dans des catégories pour garder vos liens en ordre et les retrouver facilement." + }, + "link": { + "title": "Gérer les liens", + "text": "Ajoutez, modifiez et gérez vos favoris à l'aide d'une interface simple et intuitive." + }, + "search": { + "title": "Rechercher", + "text": "Trouvez rapidement vos liens favoris en utilisant la fonction de recherche." + }, + "extension": { + "title": "Extension de navigateur", + "text": "Améliorez votre expérience avec l'extension de navigateur officielle MyLinks." + }, + "contribute": { + "title": "Contribuer à MyLinks", + "text": "Proposez des améliorations que vous souhaiteriez voir sur MyLinks." + }, + "look-title": "Jetez un coup d'oeil", + "website-screenshot-alt": "Une capture d'écran de MyLinks" +} diff --git a/public/locales/fr/common.json b/public/locales/fr/common.json index a516823..5bbfc44 100644 --- a/public/locales/fr/common.json +++ b/public/locales/fr/common.json @@ -1,4 +1,5 @@ { + "slogan": "Gérez vos liens de la meilleure des façons", "confirm": "Confirmer", "cancel": "Annuler", "back-home": "← Revenir à l'accueil", diff --git a/public/locales/fr/login.json b/public/locales/fr/login.json index 398d3d6..ede3193 100644 --- a/public/locales/fr/login.json +++ b/public/locales/fr/login.json @@ -1,6 +1,5 @@ { "title": "Authentification", "informative-text": "Authentification requise pour utiliser MyLinks", - "continue-with": "Continuer avec {{provider}}", - "slogan": "Gérez vos liens de la meilleure des façons" + "continue-with": "Continuer avec {{provider}}" } diff --git a/public/website-screenshot.png b/public/website-screenshot.png new file mode 100644 index 0000000..cf9863e Binary files /dev/null and b/public/website-screenshot.png differ diff --git a/src/components/Navbar/Navbar.tsx b/src/components/Navbar/Navbar.tsx index 55bfc3b..153df68 100644 --- a/src/components/Navbar/Navbar.tsx +++ b/src/components/Navbar/Navbar.tsx @@ -22,10 +22,7 @@ export default function Navbar() { MyLinks
  • - {t('common:privacy')} -
    • -
  • - {t('common:terms')} + GitHub
    • {status === 'authenticated' ? ( <> diff --git a/src/components/Quotes/Quotes.tsx b/src/components/Quotes/Quotes.tsx new file mode 100644 index 0000000..24f42c2 --- /dev/null +++ b/src/components/Quotes/Quotes.tsx @@ -0,0 +1,8 @@ +import { ReactNode } from 'react'; +import styles from './quotes.module.scss'; + +const Quotes = ({ children }: { children: ReactNode }) => ( +

    {children}

    +); + +export default Quotes; diff --git a/src/components/Quotes/quotes.module.scss b/src/components/Quotes/quotes.module.scss new file mode 100644 index 0000000..3158e4c --- /dev/null +++ b/src/components/Quotes/quotes.module.scss @@ -0,0 +1,25 @@ +@import 'styles/colors.scss'; + +.quotes { + position: relative; + width: fit-content; + white-space: pre-wrap; + text-align: center; + font-style: italic; + color: rgba($color: $black, $alpha: 0.75); + + &::before { + position: absolute; + left: -0.65em; + content: '“'; + font-family: sans-serif; + font-size: 2.25em; + } + &::after { + position: absolute; + right: -0.5em; + content: '”'; + font-family: sans-serif; + font-size: 2.25em; + } +} diff --git a/src/pages/about.tsx b/src/pages/about.tsx new file mode 100644 index 0000000..ce3e887 --- /dev/null +++ b/src/pages/about.tsx @@ -0,0 +1,104 @@ +import clsx from 'clsx'; +import Footer from 'components/Footer/Footer'; +import Navbar from 'components/Navbar/Navbar'; +import PageTransition from 'components/PageTransition'; +import { getServerSideTranslation } from 'i18n'; +import { useTranslation } from 'next-i18next'; +import Image from 'next/image'; +import Link from 'next/link'; +import { IconType } from 'react-icons'; +import { AiFillFolderOpen } from 'react-icons/ai'; +import { FaUser } from 'react-icons/fa'; +import { IoIosLink, IoIosSearch } from 'react-icons/io'; +import { IoExtensionPuzzleOutline } from 'react-icons/io5'; +import websiteScreenshot from '../../public/website-screenshot.png'; + +import Quotes from 'components/Quotes/Quotes'; +import styles from 'styles/about.module.scss'; + +export default function AboutPage() { + const { t } = useTranslation('about'); + return ( + + + +
    +
      + + + + + +
    +

    {t('about:look-title')}

    +
    + {t('about:website-screenshot-alt')} +
    +
    +