Add links to hugging face (#2543)

Author: AbdBarho

website/public/locales/en/common.json

@@ -58,5 +58,6 @@
   "users_dashboard": "Users Dashboard",
   "yes": "Yes",
   "who_are_we": "Who are we?",
-  "team": "Team"
+  "team": "Team",
+  "hugging_face": "HuggingFace"
 }

website/public/locales/en/index.json

@@ -21,5 +21,6 @@
   "join_us_description": "All open source projects begin with people like you. Open source is the belief that if we collaborate we can together gift our knowledge and technology to the world for the benefit of humanity. Are you in? Find us here:",
   "join_us_title": "Join us",
   "subtitle": "Conversational AI for everyone.",
-  "try_our_assistant": "Try our assistant"
+  "try_our_assistant": "Try our assistant",
+  "hugging_face_link": "Checkout our HuggingFace organization"
 }

website/src/components/Dashboard/SlimFooter.tsx

@@ -21,6 +21,7 @@ export function SlimFooter() {
             <FooterLink href="/terms-of-service" label={t("terms_of_service")} />
             <FooterLink href="/team" label={t("team")} />
             <FooterLink href="https://github.com/LAION-AI/Open-Assistant" label={t("github")} />
+            <FooterLink href="https://huggingface.co/OpenAssistant" label={t("hugging_face")} />
             <FooterLink href="https://ykilcher.com/open-assistant-discord" label={t("discord")} />
             <FooterLink href="https://projects.laion.ai/Open-Assistant/" label={t("docs")} />
             <FooterLink href="https://projects.laion.ai/Open-Assistant/docs/faq" label={t("faq")} />

website/src/components/Footer.tsx

@@ -58,6 +58,7 @@ export function Footer() {
                 </Text>
                 <FooterLink href="https://github.com/LAION-AI/Open-Assistant" label={t("github")} />
                 <FooterLink href="https://ykilcher.com/open-assistant-discord" label={t("discord")} />
+                <FooterLink href="https://huggingface.co/OpenAssistant" label={t("hugging_face")} />
               </Flex>
               <Flex direction="column" alignItems={["center", "start"]}>
                 <Text fontWeight="bold" color={textColor}>

website/src/components/Hero.tsx

@@ -29,7 +29,7 @@ export function Hero() {
             </Text>
             <Text className={`mt-6 text-lg ${pTextColor}`}>{t("blurb")}</Text>
             <Text className={`mt-6 text-lg ${pTextColor}`}>{t("blurb1")}</Text>
-            <Box className={`mt-6 flex gap-6 ${pTextColor}`}>
+            <Box className={`mt-6 flex gap-6 ${pTextColor} flex-wrap`}>
               {getEnv().ENABLE_CHAT && (
                 <Link href="/chat" aria-label="Chat">
                   <Button variant="solid" colorScheme="blue" px={5} py={6}>
@@ -42,6 +42,11 @@ export function Hero() {
                   {t("index:help_us_improve")}
                 </Button>
               </Link>
+              <Link href="https://huggingface.co/OpenAssistant" aria-label="Hugging face">
+                <Button variant="outline" px={5} py={6}>
+                  {t("index:hugging_face_link")}
+                </Button>
+              </Link>
             </Box>
           </Box>
           <Box className="relative mt-10 sm:mt-20 lg:col-span-5 lg:row-span-2 lg:mt-0 xl:col-span-6">