diff options
| author | codetorso <[email protected]> | 2024-05-21 02:01:29 +0530 |
|---|---|---|
| committer | codetorso <[email protected]> | 2024-05-21 02:01:29 +0530 |
| commit | beacf1532eee1b159c8e1922f79464d8c2aa4a8e (patch) | |
| tree | d9a7f485e026e133f9e4ef55f60cf323389296a9 | |
| parent | landing page improved for readability and smooth scroll (diff) | |
| download | supermemory-beacf1532eee1b159c8e1922f79464d8c2aa4a8e.tar.xz supermemory-beacf1532eee1b159c8e1922f79464d8c2aa4a8e.zip | |
simple hover link animation
| -rw-r--r-- | apps/web-v2/src/app/(landing)/Hero.tsx | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/apps/web-v2/src/app/(landing)/Hero.tsx b/apps/web-v2/src/app/(landing)/Hero.tsx index 74300c8b..a1840fe5 100644 --- a/apps/web-v2/src/app/(landing)/Hero.tsx +++ b/apps/web-v2/src/app/(landing)/Hero.tsx @@ -3,6 +3,7 @@ import React from "react"; import { motion } from "framer-motion"; import { Twitter } from "@/utils/icons"; import EmailInput from "./EmailInput"; +import LinkArrow from "./linkArrow"; const slap = { initial: { @@ -22,10 +23,11 @@ function Hero() { <> <section className="mt-24 flex max-w-xl flex-col items-center justify-center gap-10 md:mt-56"> <a - className="flex items-center justify-center gap-4 rounded-full text-white/80 bg-white/10 px-4 py-2 text-sm" + className="group/anchor flex items-center justify-center gap-4 rounded-full text-white/80 bg-white/10 px-4 py-2 text-sm" href="https://twitter.com/supermemoryai" + target="_blank" > - <Twitter className="h-4 w-4 " /> Follow us on Twitter + <Twitter className="h-4 w-4" /><div className="flex"> Follow us on Twitter <LinkArrow classname=" scale-y-0 group-hover/anchor:scale-y-100 origin-bottom-left transition" stroke="#ffffff" /></div> </a> <motion.h1 {...{ |