chore: update hero and CTAs (#242)

Updated Hero text, moved several homepage CTAs to "Contact Us" instead of book a meeting.
novuhq · Jul 26, 2024 · ab8b645 · ab8b645
1 parent c775d3e
commit ab8b645
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 11 deletions.
diff --git a/src/components/pages/home/hero/hero.jsx b/src/components/pages/home/hero/hero.jsx
@@ -6,10 +6,10 @@ import Button from 'components/shared/button';
 import LINKS from 'constants/links';
 import buttonClick from 'utils/use-landing-simple-tracking';
 
-const TITLE = 'The Notification Framework for Developers and Product Teams';
+const TITLE = 'The Javascript-native Notification Framework for Developers';
 
 const DESCRIPTION =
-  'Fully extensible open source notifications infrastructure framework that empowers developers to provide an easy-to-use notifications platform to product teams.';
+  'Fully extensible open source notifications infrastructure framework for Next.js and more that empowers developers to provide an easy-to-use notifications platform to product teams.';
 
 const Hero = () => (
   <section className="hero pt-[339px] pb-[180px] lg:pt-[196px] lg:pb-[200px] md:pt-[98px] md:pb-0">
@@ -23,22 +23,22 @@ const Hero = () => (
         </p>
         <div className="relative mt-11 z-10 flex items-center justify-left gap-x-7 gap-y-5 sm:mt-7 sm:gap-x-4 sm-xs:grid sm-xs:w-full sm-xs:grid-cols-2">
           <Button
-            className="w-[170px] sm-xs:w-full"
+            className="w-[190px] sm-xs:w-full"
             size="sm"
             theme="white-filled"
             {...LINKS.getStarted}
             onClick={buttonClick('get_started', { type: 'homepage' })}
           >
-            Create Account
+            Create Free Account
           </Button>
           <Button
-            className="w-[170px] sm-xs:w-full"
+            className="w-[190px] sm-xs:w-full"
             size="sm"
             theme="gray-outline"
-            {...LINKS.BAM}
-            onClick={buttonClick('book_a_meeting', { type: 'homepage' })}
+            {...LINKS.contactUsCTA}
+            onClick={buttonClick('contact_us', { type: 'homepage' })}
           >
-            Book a Session
+            Contact Us
           </Button>
         </div>
       </div>

diff --git a/src/components/pages/home/skinny-cta/skinnycta.jsx b/src/components/pages/home/skinny-cta/skinnycta.jsx
@@ -72,13 +72,13 @@ const SkinnyCTA = () => {
               />
             </div>
             <Button
-              className="text-sm h-14 min-w-[178px] -mt-px lg:h-12 sm:hover:bg-transparent sm:max-w-none sm:border-none sm:h-auto sm:text-[13px] sm:text-primary-1 sm:underline sm:underline-offset-[6px] sm:mt-[18px]"
+              className="text-sm h-14 min-w-[190px] -mt-px lg:h-12 sm:hover:bg-transparent sm:max-w-none sm:border-none sm:h-auto sm:text-[13px] sm:text-primary-1 sm:underline sm:underline-offset-[6px] sm:mt-[18px]"
               theme="gray-outline"
               size="lg"
               {...LINKS.getStarted}
               onClick={buttonClick('book_a_call', { type: 'homepage' })}
             >
-              Create Account
+              Create Free Account
             </Button>
           </div>
         </div>

diff --git a/src/constants/links.js b/src/constants/links.js
@@ -135,7 +135,11 @@ export default {
     target: '_blank',
   },
   contactUs: {
-    to: '/sections/content-3?utm_campaign=website',
+    to: '/contact-us?utm_campaign=website',
+    target: '_blank',
+  },
+  contactUsCTA: {
+    to: '/contact-us?utm_campaign=homeCTA',
     target: '_blank',
   },
   getStarted: {