diff options
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/web/src/components/landing/hero.tsx | 21 |
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>
|