fixed build

.env.example

@@ -7,3 +7,5 @@ LANGCHAIN_TRACING__V2=true
 LANGCHAIN_ENDPOINT="https://api.smith.langchain.com"
 LANGCHAIN_API_KEY="ls__"
 LANGCHAIN_PROJECT=""
+
+GITHUB_ACCESS_TOKEN=

.vercelignore

@@ -63,3 +63,5 @@ scratch.py
 # My stuff
 
 TODO.md
+
+*.mp4

package.json

@@ -3,10 +3,10 @@
   "displayName": "SnipTube - Elevate Your YouTube Experience",
   "version": "0.2.1",
   "description": "Highlight, save, annotate, and export your favorite YouTube moments with the power of AI.",
-  "author": "Rami <[email protected]>",
+  "author": "Rami <[email protected]> (ramimaalouf.tech)",
   "license": "MIT",
   "contributors": [
-    "Rami <[email protected]>"
+    "Rami <[email protected]> (ramimaalouf.tech)"
   ],
   "scripts": {
     "start": "next start",

src/app/(site)/page.tsx

@@ -12,6 +12,7 @@ import Pricing from "@/components/Pricing";
 import Contact from "@/components/Contact";
 import Blog from "@/components/Blog";
 import Demo from "@/components/Demo";
+import OpenSource from "@/components/OpenSource";
 // import Testimonial from "@/components/Testimonial";
 
 export const metadata: Metadata = {
@@ -37,6 +38,7 @@ export default function Home() {
       <Pricing />
       <Contact />
       <Blog />
+      <OpenSource />
     </main>
   );
 }

src/app/components/OpenSource/index.tsx

@@ -0,0 +1,89 @@
+import { type FC } from 'react';
+import Link from 'next/Link';
+import { siteConfig } from 'src/config/site';
+
+interface Props {
+
+}
+
+async function getGitHubStars(): Promise<string | null> {
+  try {
+    const response = await fetch(
+      "https://api.github.com/repos/psycho-baller/SnipTube",
+      {
+        headers: {
+          Accept: "application/vnd.github+json",
+          Authorization: `Bearer ${process.env.GITHUB_ACCESS_TOKEN}`,
+        },
+        next: {
+          revalidate: 60,
+        },
+      }
+    )
+
+    if (!response?.ok) {
+      return null
+    }
+
+    const json = await response.json()
+
+    return parseInt(json["stargazers_count"]).toLocaleString()
+  } catch (error) {
+    return null
+  }
+}
+
+const openSource: FC<Props> = async (props) => {
+  const stars = await getGitHubStars()
+  const { } = props;
+
+  return (
+    <section id="open-source" className="container py-8 md:py-12 lg:py-24">
+        <div className="mx-auto flex max-w-[58rem] flex-col items-center justify-center gap-4 text-center">
+          <h2 className="font-heading text-3xl leading-[1.1] sm:text-3xl md:text-6xl">
+            Proudly Open Source
+          </h2>
+          <p className="max-w-[85%] leading-normal text-muted-foreground sm:text-lg sm:leading-7">
+            Taxonomy is open source and powered by open source software. <br />{" "}
+            The code is available on{" "}
+            <Link
+              href={siteConfig.links.github}
+              target="_blank"
+              rel="noreferrer"
+              className="underline underline-offset-4"
+            >
+              GitHub
+            </Link>
+            .{" "}
+          </p>
+          {stars && (
+            <Link
+              href={siteConfig.links.github}
+              target="_blank"
+              rel="noreferrer"
+              className="flex"
+            >
+              <div className="flex h-10 w-10 items-center justify-center space-x-2 rounded-md border border-muted bg-muted">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  fill="currentColor"
+                  viewBox="0 0 24 24"
+                  className="h-5 w-5 text-foreground"
+                >
+                  <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"></path>
+                </svg>
+              </div>
+              <div className="flex items-center">
+                <div className="h-4 w-4 border-y-8 border-l-0 border-r-8 border-solid border-muted border-y-transparent"></div>
+                <div className="flex h-10 items-center rounded-md border border-muted bg-muted px-4 font-medium">
+                  {stars} stars on GitHub
+                </div>
+              </div>
+            </Link>
+          )}
+        </div>
+      </section>
+  );
+};
+
+export default openSource;

src/app/types/config.ts

@@ -0,0 +1,10 @@
+export type SiteConfig = {
+  name: string
+  description: string
+  url: string
+  ogImage: string
+  links: {
+    // twitter: string
+    github: string
+  }
+}

src/config/site.ts

@@ -0,0 +1,13 @@
+import type { SiteConfig } from "@/types/config"
+
+export const siteConfig: SiteConfig = {
+  name: "SnipTube",
+  description:
+    "Highlight, save, annotate, and export your favorite YouTube moments with the power of AI.",
+  url: "https://sniptube.vercel.app",
+  ogImage: "https://sniptube.vercel.app/og.jpg",
+  links: {
+    // twitter: "https://twitter.com/shadcn",
+    github: "https://github.com/psycho-baller/sniptube",
+  },
+}