chore(website): add analytics (#14)

apps/website/package.json

@@ -24,6 +24,7 @@
     "typescript": "5.2.2"
   },
   "dependencies": {
+    "@next/third-parties": "^14.2.3",
     "@radix-ui/react-label": "^2.0.2",
     "@radix-ui/react-scroll-area": "^1.0.5",
     "@radix-ui/react-select": "^2.0.0",

apps/website/src/app/layout.tsx

@@ -1,6 +1,8 @@
 import '@/globals.css'
 import { GeistMono } from 'geist/font/mono'
 import { GeistSans } from 'geist/font/sans'
+import Script from 'next/script'
+import { GoogleAnalytics } from '@next/third-parties/google'
 import type { Metadata, Viewport } from 'next'
 
 import { Button } from '@/components/ui/button'
@@ -47,6 +49,13 @@ export default function RootLayout({
         </footer>
         <TailwindIndicator />
       </body>
+      <Script
+        src="https://unpkg.com/@tinybirdco/flock.js"
+        data-host="https://api.tinybird.co"
+        data-token={process.env.NEXT_PUBLIC_TINYBIRD_TOKEN}
+        strategy="lazyOnload"
+      />
+      <GoogleAnalytics gaId={`${process.env.NEXT_PUBLIC_GA_ID}`} />
     </html>
   )
 }