damus.io

commit 15dacecc5e3b32795872d9570927be5024bae99f
parent 8c07df5fcaed964bbbd339ed6d55d92e4c192469
Author: Daniel D’Aquino <daniel@daquino.me>
Date:   Sun, 14 Jan 2024 11:25:20 -0800

Add missing button actions on Damus Purple landing page

Diffstat:
M
src/components/sections/PurpleBenefits.tsx
 | 
2
+-
M
src/components/sections/PurpleFinalCTA.tsx
 | 
2
+-
M
src/components/sections/PurpleHero.tsx
 | 
6
++++--

3 files changed, 6 insertions(+), 4 deletions(-)
diff --git a/src/components/sections/PurpleBenefits.tsx b/src/components/sections/PurpleBenefits.tsx
@@ -32,7 +32,7 @@ export function PurpleBenefits({ className }: { className?: string }) {
   ]
 
   return (<>
-    <div className={cn("bg-black overflow-hidden relative min-h-screen", className)}>
+    <div className={cn("bg-black overflow-hidden relative min-h-screen", className)} id="benefits">
       <MeshGradient3 className="absolute top-0 left-0 pointer-events-none translate-y-3/4 overflow-visible scale-150" />
       <div className="container mx-auto px-6 pt-20">
         <div className="flex flex-col items-center justify-center lg:mt-16">
diff --git a/src/components/sections/PurpleFinalCTA.tsx b/src/components/sections/PurpleFinalCTA.tsx
@@ -44,7 +44,7 @@ export function PurpleFinalCTA({ className }: { className?: string }) {
                   {intl.formatMessage({ id: "purple.final_cta.subscribe", defaultMessage: "Subscribe" })}
                 </Button>
               </Link>
-              <Link href="#" target="_blank" className="w-full md:w-auto">
+              <Link href="damus:purple:landing" target="_blank" className="w-full md:w-auto">
                 <Button variant="link" className="w-full">
                   {intl.formatMessage({ id: "purple.final_cta.open_app", defaultMessage: "Open in Damus" })}
                   <ArrowUpRight className="text-damuspink-600 ml-2" />
diff --git a/src/components/sections/PurpleHero.tsx b/src/components/sections/PurpleHero.tsx
@@ -29,6 +29,9 @@ export function PurpleHero() {
               Purple
             </motion.h2>
           </div>
+          <div className="text-purple-200/70 text-md md:text-lg text-center max-w-2xl mb-2 break-keep">
+            {intl.formatMessage({ id: "purple.hero.description", defaultMessage: "For free-speech maximalists" })}
+          </div>
           <motion.div
             className="mt-10 md:mt-6 flex flex-col md:flex-row items-center md:items-center gap-y-4 gap-x-6 w-full md:w-auto"
             style={{ opacity: 0 }}
@@ -39,10 +42,9 @@ export function PurpleHero() {
                 {intl.formatMessage({ id: "purple.hero.subscribe", defaultMessage: "Subscribe" })}
               </Button>
             </Link>
-            <Link href="#" target="_blank" className="w-full md:w-auto">
+            <Link href="#benefits" className="w-full md:w-auto">
               <Button variant="link" className="w-full">
                 {intl.formatMessage({ id: "purple.hero.learn-more", defaultMessage: "Learn more" })}
-                <ArrowUpRight className="text-damuspink-600 ml-2" />
               </Button>
             </Link>
           </motion.div>