feat: 🎸 pricing (#1923)

added page for pricing

# Description

Please include a summary of the changes and the related issue. Please
also include relevant motivation and context.

## Checklist before requesting a review

Please delete options that are not relevant.

- [ ] My code follows the style guidelines of this project
- [ ] I have performed a self-review of my code
- [ ] I have commented hard-to-understand areas
- [ ] I have ideally added tests that prove my fix is effective or that
my feature works
- [ ] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged

## Screenshots (if appropriate):

frontend/app/(home)/components/HomeHeader/hooks/useHomeHeader.tsx

@@ -19,21 +19,15 @@ export const useHomeHeader = ({ color }: UseHomeHeaderProps) => {
   const { onLinkClick } = useHomepageTracking();
 
   const navItems: NavbarItem[] = [
-    {
-      href: "https://theodo.co.uk",
-      label: `${t("sponsored_by")} Theodo`,
-      rightIcon: null,
-      newTab: true,
-      className: "underline",
-    },
     {
       href: "https://github.com/StanGirard/quivr",
       label: t("star_us"),
       leftIcon: <AiFillStar size={16} className="hidden md:inline" />,
       rightIcon: null,
     },
-    { href: "/blog", label: t("blog"), rightIcon: null, newTab: true },
+    { href: "/pricing", label: t("pricing"), rightIcon: null },
     { href: "https://docs.quivr.app", label: t("docs"), rightIcon: null, newTab: true },
+    { href: "/blog", label: t("blog"), rightIcon: null, newTab: true },
     { href: "/login", label: t("sign_in") },
   ];
 

frontend/app/pricing/page.tsx

@@ -0,0 +1,39 @@
+"use client";
+import { useTranslation } from "react-i18next";
+
+import { StripePricingTable } from "@/lib/components/Stripe/PricingModal/components/PricingTable/PricingTable";
+import Card from "@/lib/components/ui/Card";
+
+import {
+  FooterSection,
+  HomeHeader,
+  HomeSection,
+  TestimonialsSection,
+} from "../(home)/components";
+
+const ContactSalesPage = (): JSX.Element => {
+  const { t } = useTranslation("contact");
+
+  return (
+    <div className="bg-[#FCFAF6]">
+      <HomeHeader color="black" />
+
+      <main className="relative flex flex-col items-center px-10">
+        <h1 className="text-4xl font-semibold my-10 text-center">
+          <span className="text-primary">{t("pricing")}</span>
+        </h1>
+        <Card className="my-auto flex flex-col h-fit mt-5 mb-10 p-10 w-full ">
+          <StripePricingTable />
+        </Card>
+        <HomeSection bg="bg-[#FCFAF6]">
+          <TestimonialsSection />
+        </HomeSection>
+        <HomeSection bg="bg-gradient-to-b from-[#D07DF9] to-[#7A27FD]">
+          <FooterSection />
+        </HomeSection>
+      </main>
+    </div>
+  );
+};
+
+export default ContactSalesPage;

frontend/public/locales/en/contact.json

@@ -1 +1,14 @@
-{"speak_to":"Speak to our","sales_team":"Sales team","form":{"email":"Work Email","question":"Question","submit":"Contact","placeholder_question":"How can we help you?","thank_you":"Thank you!","thank_you_text":"We will get back to you as soon as possible.","sending_mail_error":"There was an error sending your message. Please try again later."}}
+{
+    "speak_to": "Speak to our",
+    "sales_team": "Sales team",
+    "pricing": "Pricing",
+    "form": {
+        "email": "Work Email",
+        "question": "Question",
+        "submit": "Contact",
+        "placeholder_question": "How can we help you?",
+        "thank_you": "Thank you!",
+        "thank_you_text": "We will get back to you as soon as possible.",
+        "sending_mail_error": "There was an error sending your message. Please try again later."
+    }
+}

frontend/public/locales/en/home.json

@@ -1,6 +1,7 @@
 {
     "sign_in": "Sign in",
     "docs": "Docs",
+    "pricing": "Pricing",
     "sign_up": "Sign up",
     "star_us": "Star us on Github",
     "blog": "Blog",

frontend/public/locales/es/contact.json

@@ -1 +1,14 @@
-{"speak_to":"Hable con nuestro","sales_team":"equipo de ventas","form":{"email":"Correo electrónico de trabajo","question":"Pregunta","submit":"Contactar","placeholder_question":"¿Cómo podemos ayudarte?","thank_you":"¡Gracias!","thank_you_text":"Nos pondremos en contacto contigo lo antes posible.","sending_mail_error":"Se produjo un error al enviar tu mensaje. Por favor, inténtalo de nuevo más tarde."}}
+{
+    "speak_to": "Hable con nuestro",
+    "sales_team": "equipo de ventas",
+    "pricing": "Precios",
+    "form": {
+        "email": "Correo electrónico de trabajo",
+        "question": "Pregunta",
+        "submit": "Contactar",
+        "placeholder_question": "¿Cómo podemos ayudarte?",
+        "thank_you": "¡Gracias!",
+        "thank_you_text": "Nos pondremos en contacto contigo lo antes posible.",
+        "sending_mail_error": "Se produjo un error al enviar tu mensaje. Por favor, inténtalo de nuevo más tarde."
+    }
+}

frontend/public/locales/es/home.json

@@ -1,6 +1,7 @@
 {
     "sign_in": "Iniciar sesión",
     "docs": "Docs",
+    "pricing": "Precios",
     "sign_up": "Registrarse",
     "star_us": "Danos una estrella en Github",
     "blog": "Blog",

frontend/public/locales/fr/contact.json

@@ -1 +1,14 @@
-{"speak_to":"Parlez à notre","sales_team":"équipe de vente","form":{"email":"Courriel professionnel","question":"Question","submit":"Contacter","placeholder_question":"Comment pouvons-nous vous aider ?","thank_you":"Merci !","thank_you_text":"Nous vous répondrons dès que possible.","sending_mail_error":"Une erreur s'est produite lors de l'envoi de votre message. Veuillez réessayer plus tard."}}
+{
+    "speak_to": "Parlez à notre",
+    "sales_team": "équipe de vente",
+    "pricing": "Tarif",
+    "form": {
+        "email": "Courriel professionnel",
+        "question": "Question",
+        "submit": "Contacter",
+        "placeholder_question": "Comment pouvons-nous vous aider ?",
+        "thank_you": "Merci !",
+        "thank_you_text": "Nous vous répondrons dès que possible.",
+        "sending_mail_error": "Une erreur s'est produite lors de l'envoi de votre message. Veuillez réessayer plus tard."
+    }
+}

frontend/public/locales/fr/home.json

@@ -1,6 +1,7 @@
 {
     "sign_in": "Se connecter",
     "docs": "Docs",
+    "pricing": "Tarif",
     "sign_up": "S'inscrire",
     "star_us": "Étoilez-nous sur Github",
     "blog": "Blog",

frontend/public/locales/pt-br/contact.json

@@ -1 +1,14 @@
-{"speak_to":"Fale com o nosso","sales_team":"time de vendas","form":{"email":"E-mail de trabalho","question":"Pergunta","submit":"Contato","placeholder_question":"Como podemos ajudar?","thank_you":"Obrigado!","thank_you_text":"Entraremos em contato o mais rápido possível.","sending_mail_error":"Ocorreu um erro ao enviar sua mensagem. Por favor, tente novamente mais tarde."}}
+{
+    "speak_to": "Fale com o nosso",
+    "sales_team": "time de vendas",
+    "pricing": "Preços",
+    "form": {
+        "email": "E-mail de trabalho",
+        "question": "Pergunta",
+        "submit": "Contato",
+        "placeholder_question": "Como podemos ajudar?",
+        "thank_you": "Obrigado!",
+        "thank_you_text": "Entraremos em contato o mais rápido possível.",
+        "sending_mail_error": "Ocorreu um erro ao enviar sua mensagem. Por favor, tente novamente mais tarde."
+    }
+}

frontend/public/locales/pt-br/home.json

@@ -1,6 +1,7 @@
 {
     "sign_in": "Entrar",
     "docs": "Documentação",
+    "pricing": "Preços",
     "sign_up": "Cadastrar",
     "star_us": "Nos avalie no Github",
     "blog": "Blog",

frontend/public/locales/ru/contact.json

@@ -1 +1,14 @@
-{"speak_to":"Говорите с нашим","sales_team":"коммерческим отделом","form":{"email":"Рабочий электронный адрес","question":"Вопрос","submit":"Контакт","placeholder_question":"Как мы можем вам помочь?","thank_you":"Спасибо!","thank_you_text":"Мы свяжемся с вами как можно скорее.","sending_mail_error":"При отправке вашего сообщения произошла ошибка. Пожалуйста, попробуйте еще раз позже."}}
+{
+    "speak_to": "Говорите с нашим",
+    "sales_team": "коммерческим отделом",
+    "pricing": "Цены",
+    "form": {
+        "email": "Рабочий электронный адрес",
+        "question": "Вопрос",
+        "submit": "Контакт",
+        "placeholder_question": "Как мы можем вам помочь?",
+        "thank_you": "Спасибо!",
+        "thank_you_text": "Мы свяжемся с вами как можно скорее.",
+        "sending_mail_error": "При отправке вашего сообщения произошла ошибка. Пожалуйста, попробуйте еще раз позже."
+    }
+}

frontend/public/locales/ru/home.json

@@ -2,6 +2,7 @@
     "sign_in": "Войти",
     "sign_up": "Зарегистрироваться",
     "docs": "Документация",
+    "pricing": "Цены",
     "star_us": "Поставьте звезду на Github",
     "blog": "Блог",
     "sponsored_by": "Спонсируется",

frontend/public/locales/zh-cn/contact.json

@@ -1 +1,14 @@
-{"speak_to":"联系我们的","sales_team":"销售团队","form":{"email":"工作电子邮件","question":"问题","submit":"联系我们","placeholder_question":"我们如何帮助您？","thank_you":"谢谢！","thank_you_text":"我们会尽快回复您。","sending_mail_error":"发送消息时出错。请稍后再试。"}}
+{
+    "speak_to": "联系我们的",
+    "sales_team": "销售团队",
+    "pricing": "定价",
+    "form": {
+        "email": "工作电子邮件",
+        "question": "问题",
+        "submit": "联系我们",
+        "placeholder_question": "我们如何帮助您？",
+        "thank_you": "谢谢！",
+        "thank_you_text": "我们会尽快回复您。",
+        "sending_mail_error": "发送消息时出错。请稍后再试。"
+    }
+}

frontend/public/locales/zh-cn/home.json

@@ -1,6 +1,7 @@
 {
     "sign_in": "登录",
     "docs": "文档",
+    "pricing": "定价",
     "sign_up": "注册",
     "star_us": "Github 星标我们",
     "blog": "博客",