feat: added feedback link

Author: Aman Agarwal

components/common/footer.tsx

@@ -3,10 +3,10 @@ import SocialIcon from '@/components/social-icons'
 
 import Image from 'next/image'
 
-const Item = ({ link, text }: { link?: string; text?: string }) =>
+const Item = ({ link, text, target }: { link?: string; text?: string; target?: string }) =>
   link &&
   text && (
-    <a className="opacity-60 hover:text-brandPrimary hover:opacity-100" href={link}>
+    <a className="opacity-60 hover:text-brandPrimary hover:opacity-100" href={link} target={target}>
       {text}
     </a>
   )
@@ -44,6 +44,7 @@ export default function Footer() {
             text="Contributing"
           />
           <Item link={'https://github.com/openlit/openlit/blob/main/README.md'} text="Readme" />
+          <Item link={siteMetadata.feedbackLink} text="Feedback" target="_blank" />
         </div>
 
         <div className="flex flex-col gap-2">

components/common/header.tsx

@@ -58,6 +58,12 @@ export default function Header() {
                         {link.title}
                       </Link>
                     ))}
+                  <Link
+                    href={siteMetadata.feedbackLink}
+                    className={buttonVariants({ variant: 'ghost' })}
+                  >
+                    Feedback
+                  </Link>
                   <a
                     href={siteMetadata.siteRepo}
                     target="_blank"
@@ -88,6 +94,9 @@ export default function Header() {
                   {link.title}
                 </Link>
               ))}
+            <Link href={siteMetadata.feedbackLink} className={buttonVariants({ variant: 'ghost' })}>
+              Feedback
+            </Link>
           </nav>
           <div className="hidden gap-2 md:flex">
             <a

components/home/hero.tsx

@@ -4,6 +4,7 @@ import { buttonVariants } from '../ui/button'
 import { HeroCards } from './hero-cards'
 import { GitHubLogoIcon, StarFilledIcon } from '@radix-ui/react-icons'
 import { BackgroundBeams } from '../ui/background-beams'
+import Link from 'next/link'
 
 export default function Hero() {
   return (
@@ -66,6 +67,13 @@ export default function Hero() {
             <GitHubLogoIcon className="ml-2 h-5 w-5" />
           </a>
         </div>
+        <Link
+          href={siteMetadata.feedbackLink}
+          className={`${buttonVariants({ variant: 'secondary' })} md:w-1/3`}
+          target="_blank"
+        >
+          Feedback
+        </Link>
       </div>
 
       {/* Hero cards sections */}

data/siteMetadata.js

@@ -20,6 +20,7 @@ module.exports = {
   discord: 'https://discord.com/invite/RbNPvG54',
   slack: 'https://join.slack.com/t/dokulabs/shared_invite/zt-2etnfttwg-TjP_7BZXfYg84oAukY8QRQ',
   locale: 'en-US',
+  feedbackLink: 'https://app.formbricks.com/IiFk9GnqOF',
   analytics: {
     // If you want to use an analytics provider you have to add it to the
     // content security policy in the `next.config.js` file.