Added waitlist success and twitter feed page (#73)

* added waitlist success and twitter feed page

* updated url and content

apps/wait-list/app/components/layout/header.tsx

@@ -2,6 +2,9 @@ import {Link} from '@remix-run/react'
 import {APP_NAME} from '@/constants/index.ts'
 import {Button} from '@/components/button/index.tsx'
 import {useWaitListModal} from '@/providers/walt-list-popup/index.tsx'
+import {TwitterSvg} from '../svgs/twitter.tsx'
+
+export const MFONI_X_URL = 'https://twitter.com/mfoniapp'
 
 type Props = {
   showWaitlist?: boolean
@@ -24,8 +27,18 @@ export const Header = ({showWaitlist = false}: Props) => {
             <span className="text-4xl font-extrabold">{APP_NAME.slice(1)}</span>
           </div>
         </Link>
-
-        <div className="flex justify-center items-center gap-x-12">
+        <div className="flex justify-center items-center mt-3 lg:mt-0 gap-x-4 lg:gap-x-5">
+          <a
+            className="flex items-center space-x-2"
+            rel="noreferrer"
+            href={MFONI_X_URL}
+            target="_blank"
+          >
+            <span className="text-sm font-semibold leading-6 text-gray-900 hover:text-blue-900">
+              Follow us
+            </span>
+            <TwitterSvg />
+          </a>
           {showWaitlist ? (
             <Button
               onClick={handleShowWaitListForm}

apps/wait-list/app/components/svgs/twitter.tsx

@@ -0,0 +1,27 @@
+import {cn} from '@/lib/cn.ts'
+
+type Props = {
+  className?: string
+}
+export const TwitterSvg = ({
+  className = 'lg:w-6 lg:h-6 md:h-6 md:w-6 w-5 h-5 xl:w-6 xl:h-6 ',
+}: Props) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      className={cn(className, 'icon icon-tabler icon-tabler-brand-x')}
+      width="44"
+      height="44"
+      viewBox="0 0 24 24"
+      strokeWidth="1.5"
+      stroke="#2c3e50"
+      fill="none"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+      <path d="M4 4l11.733 16h4.267l-11.733 -16z" />
+      <path d="M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772" />
+    </svg>
+  )
+}