Minor tweaks to the hero section

damus-io · Oct 25, 2023 · 30eaa7d · 30eaa7d
1 parent f2cee14
commit 30eaa7d
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 10 deletions.
diff --git a/content/locales/ja.json b/content/locales/ja.json
@@ -24,7 +24,7 @@
     "string": "TestFlightベータに参加する"
   },
   "home.hero.promote-bounties": {
-    "string": "バウンティページを宣伝する"
+    "string": "開発者報酬"
   },
   "home.hero.subheadline": {
     "string": "あなた自身の友達やビジネスのためのソーシャルネットワーク\niOS、iPad、MacOS（M1/M2）で利用可能です。"

diff --git a/src/components/sections/Hero.tsx b/src/components/sections/Hero.tsx
@@ -20,14 +20,16 @@ export function Hero() {
                 <TopMenu className="w-full"/>
                 <div className="flex flex-col lg:flex-row items-center justify-center mt-32 lg:mt-16">
                     <div className="w-full z-20 mb-12">
-                        <motion.div
-                            className="inline-flex items-center text-sm md:text-normal rounded-full bg-white/20 p-1 px-4 md:p-2 md:px-6 text-white border border-white/30"
-                            style={{ opacity: 0 }}
-                            animate={{ opacity: 1, transition: { delay: 1.5, duration: 1 } }}
-                        >
-                            <FormattedMessage defaultMessage="Promote bounties page" id="home.hero.promote-bounties"/>
-                            <ChevronRight className="ml-2"/>
-                        </motion.div>
+                        <Link href="https://github.com/damus-io/damus/issues?q=is%3Aopen+is%3Aissue+label%3A%22Bounty+%F0%9F%8C%BD%22" target="_blank">
+                            <motion.div
+                                className="inline-flex items-center text-sm md:text-normal rounded-full bg-white/20 p-1 px-4 md:p-2 md:px-6 text-white border border-white/30 active:scale-95 transition cursor-pointer"
+                                style={{ opacity: 0 }}
+                                animate={{ opacity: 1, transition: { delay: 1.5, duration: 1 } }}
+                            >
+                                <FormattedMessage defaultMessage="Promote bounties page" id="home.hero.promote-bounties"/>
+                                <ChevronRight className="ml-2"/>
+                            </motion.div>
+                        </Link>
                         <motion.h1 
                             className="my-6 text-4xl sm:text-5xl md:text-7xl text-transparent bg-clip-text pb-6 font-semibold whitespace-pre-line max-w-2xl"
                             style={{ 

diff --git a/src/components/ui/Button.tsx b/src/components/ui/Button.tsx
@@ -5,7 +5,7 @@ import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "@/lib/utils"
 
 const buttonVariants = cva(
-  "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background active:scale-95 transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
       variant: {