Merge pull request #137 from dipanshurdev/patch-01

added: twitter with good looking icons

1 files changed, 18 insertions, 3 deletions

diff --git a/apps/web/src/components/landing/hero.tsx b/apps/web/src/components/landing/hero.tsx
index d5c5ed92..7f4a7f2b 100644
--- a/apps/web/src/components/landing/hero.tsx
+++ b/apps/web/src/components/landing/hero.tsx
@@ -9,6 +9,7 @@ import { useEffect, useState } from "react";
 import { useToast } from "@/hooks/use-toast";

 import { getStars } from "@/lib/fetchGhStars";

 import Image from "next/image";

+import { RiGithubLine, RiTwitterXLine } from "react-icons/ri";

 

 interface HeroProps {

   signupCount: number;

@@ -164,7 +165,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 +173,23 @@ 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"

+          rel="noopener noreferrer"

         >

-          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"

+          rel="noopener noreferrer"

+        >

+          Twitter

+          <RiTwitterXLine className="h-5 w-5 " />

         </Link>

       </motion.div>

     </div>