From 6d98c2af2468ac132d215a3d2c562296895d4dbd Mon Sep 17 00:00:00 2001
From: Deepanshu Rawat <dv451197@gmail.com>
Date: Fri, 27 Jun 2025 00:17:58 +0530
Subject: [PATCH] add: twitter

---
 apps/web/src/components/landing/hero.tsx | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/components/landing/hero.tsx b/apps/web/src/components/landing/hero.tsx
index d5c5ed9..7f0934b 100644
--- a/apps/web/src/components/landing/hero.tsx
+++ b/apps/web/src/components/landing/hero.tsx
@@ -9,6 +9,8 @@ import { useEffect, useState } from "react";
 import { useToast } from "@/hooks/use-toast";
 import { getStars } from "@/lib/fetchGhStars";
 import Image from "next/image";
+// import { BsTwitterX, BsGithub } from "react-icons/bs";
+import { RiGithubLine, RiTwitterXLine } from "react-icons/ri";
 
 interface HeroProps {
   signupCount: number;
@@ -164,7 +166,7 @@ export function Hero({ signupCount }: HeroProps) {
       </motion.div>
 
       <motion.div
-        className="mb-8 text-center text-sm text-muted-foreground/60"
+        className="mb-8 text-center text-sm text-muted-foreground/60 flex flex-row gap-2 items-center justify-center"
         initial={{ opacity: 0 }}
         animate={{ opacity: 1 }}
         transition={{ delay: 0.8, duration: 0.8 }}
@@ -172,9 +174,21 @@ export function Hero({ signupCount }: HeroProps) {
         Currently in beta • Open source on{" "}
         <Link
           href="https://github.com/OpenCut-app/OpenCut"
-          className="text-foreground underline"
+          className="text-foreground flex items-center gap-1"
+          target="_blank"
         >
-          GitHub {star}+
+          Github
+          <RiGithubLine className="h-5 w-5 " />
+          {star}+
+        </Link>
+        • Follow us on
+        <Link
+          href="https://x.com/OpenCutApp"
+          className="text-foreground flex items-center gap-1"
+          target="_blank"
+        >
+          Twitter
+          <RiTwitterXLine className="h-5 w-5 " />
         </Link>
       </motion.div>
     </div>