From c9a27e2b4e5cff9b6e0562cae39f595795ce26b5 Mon Sep 17 00:00:00 2001
From: Yuval Hazaz <yuval@amplication.com>
Date: Tue, 23 Jan 2024 16:43:48 +0200
Subject: [PATCH] feat:update link to book a demo (#447)

* feat:update link to book a demo

* feat:update link to book a demo

* update meeting URL
---
 .env.development                              |  3 ++-
 .env.production                               |  2 +-
 components/Sections/About/StartNow/index.jsx  | 11 ++++++-----
 components/Sections/Enterprise/Hero/index.jsx |  6 +++++-
 .../Sections/Enterprise/HeroBlock/index.jsx   |  6 +++++-
 .../Sections/Modernization/Hero/index.jsx     |  6 +++++-
 .../ModernizationValues2/index.jsx            |  6 +++++-
 .../Sections/Pricing/PricingPlans/index.jsx   |  4 ++--
 pages/application-modernization.js            |  2 +-
 pages/enterprise.js                           | 19 +++++++++++++------
 10 files changed, 45 insertions(+), 20 deletions(-)

diff --git a/.env.development b/.env.development
index c7189d33..7d0e42e8 100644
--- a/.env.development
+++ b/.env.development
@@ -8,4 +8,5 @@ NEXT_PRIVATE_HUBSPOT_PAT=''
 NEXT_PRIVATE_BLOG_SERVER_URL='https://blog-api.amplication-staging.com'
 #NEXT_PRIVATE_BLOG_SERVER_URL='http://localhost:3000' 
 NEXT_PRIVATE_PLUGIN_API_URL='https://plugin-api.amplication.com'
-NEXT_PUBLIC_BILLING_API_KEY='client-d3f38201-ed3a-4aea-af1d-1db1ad976ec0:415fb9ff-a378-42d0-a849-dae7daf49646'
\ No newline at end of file
+NEXT_PUBLIC_BILLING_API_KEY='client-d3f38201-ed3a-4aea-af1d-1db1ad976ec0:415fb9ff-a378-42d0-a849-dae7daf49646'
+NEXT_PUBLIC_BOOK_MEETING_URL='https://meetings-eu1.hubspot.com/oalaluf/meet-with-oren'
diff --git a/.env.production b/.env.production
index 4718cbcb..ff874a72 100644
--- a/.env.production
+++ b/.env.production
@@ -8,7 +8,7 @@ NEXT_PRIVATE_HUBSPOT_PAT=''
 NEXT_PRIVATE_BLOG_SERVER_URL='https://blog-api.amplication.com'
 NEXT_PRIVATE_PLUGIN_API_URL='https://plugin-api.amplication.com'
 NEXT_PUBLIC_BILLING_API_KEY='client-d3f38201-ed3a-4aea-af1d-1db1ad976ec0:415fb9ff-a378-42d0-a849-dae7daf49646'
-
+NEXT_PUBLIC_BOOK_MEETING_URL='https://meetings-eu1.hubspot.com/oalaluf/meet-with-oren'
 
 
 
diff --git a/components/Sections/About/StartNow/index.jsx b/components/Sections/About/StartNow/index.jsx
index 87e65a33..6a697064 100644
--- a/components/Sections/About/StartNow/index.jsx
+++ b/components/Sections/About/StartNow/index.jsx
@@ -16,9 +16,9 @@ const StartNow = () => {
     });
   }, []);
 
-  const handleContactUsClick = useCallback(() => {
+  const handleBookDemoClick = useCallback(() => {
     analytics.event({
-      action: 'contactUsClicked',
+      action: 'bookDemoClicked',
       params: {
         buttonLocation: 'footer',
       },
@@ -44,11 +44,12 @@ const StartNow = () => {
           </Link>
 
           <Button
-            text={'Contact us'}
+            text={'Book a demo'}
             className="outline-button !text-sm !h-10 mr-2 w-full max-w-[104px] !px-0 !h-[34px] !font-normal !bg-light-blue hover:!bg-dark-black-70"
             isLink={true}
-            href="/contact-us"
-            onClick={handleContactUsClick}
+            href={process.env.NEXT_PUBLIC_BOOK_MEETING_URL}
+            onClick={handleBookDemoClick}
+            target={'_blank'}
           />
         </div>
       </section>
diff --git a/components/Sections/Enterprise/Hero/index.jsx b/components/Sections/Enterprise/Hero/index.jsx
index f6c19bc9..790d6744 100644
--- a/components/Sections/Enterprise/Hero/index.jsx
+++ b/components/Sections/Enterprise/Hero/index.jsx
@@ -50,10 +50,14 @@ const Hero = () => {
                     </div>
                   </div>
                   <div className="d-flex tablet:align-items-center justify-content-start mt-2">
-                    <Link href={'/contact-us'} passHref={true}>
+                    <Link
+                      href={process.env.NEXT_PUBLIC_BOOK_MEETING_URL}
+                      passHref={true}
+                    >
                       <a
                         onClick={handleBookDemoClick}
                         className="btn btn-primary btn-sm !h-[34px] mb-2 laptop:mr-2 w-full !font-normal !text-sm !max-w-[140px]"
+                        target="_blank"
                       >
                         Book a Demo
                       </a>
diff --git a/components/Sections/Enterprise/HeroBlock/index.jsx b/components/Sections/Enterprise/HeroBlock/index.jsx
index 983966c7..e24fa900 100644
--- a/components/Sections/Enterprise/HeroBlock/index.jsx
+++ b/components/Sections/Enterprise/HeroBlock/index.jsx
@@ -54,10 +54,14 @@ const HeroBlock = () => {
                   </a>
                 </Link>
                 <div className="spacer"></div>
-                <Link href={'/contact-us'} passHref={true}>
+                <Link
+                  href={process.env.NEXT_PUBLIC_BOOK_MEETING_URL}
+                  passHref={true}
+                >
                   <a
                     onClick={handleBookDemoClick}
                     className="btn btn-outline-light btn-sm !h-[34px] mb-2 laptop:mr-2 w-full !font-normal !text-sm !max-w-[140px] text-black80"
+                    target="_blank"
                   >
                     Book a Demo
                   </a>
diff --git a/components/Sections/Modernization/Hero/index.jsx b/components/Sections/Modernization/Hero/index.jsx
index bee54aa9..5bbb1c62 100644
--- a/components/Sections/Modernization/Hero/index.jsx
+++ b/components/Sections/Modernization/Hero/index.jsx
@@ -44,10 +44,14 @@ const Hero = () => {
                     </h1>
                   </div>
                   <div className="d-flex tablet:align-items-center justify-content-start mt-2">
-                    <Link href={'/contact-us'} passHref={true}>
+                    <Link
+                      href={process.env.NEXT_PUBLIC_BOOK_MEETING_URL}
+                      passHref={true}
+                    >
                       <a
                         onClick={handleBookDemoClick}
                         className="btn btn-primary btn-sm !h-[34px] mb-2 laptop:mr-2 w-full !font-normal !text-sm !max-w-[140px]"
+                        target="_blank"
                       >
                         Book a Demo
                       </a>
diff --git a/components/Sections/Modernization/ModernizationValues2/index.jsx b/components/Sections/Modernization/ModernizationValues2/index.jsx
index 031ab2d6..7777686e 100644
--- a/components/Sections/Modernization/ModernizationValues2/index.jsx
+++ b/components/Sections/Modernization/ModernizationValues2/index.jsx
@@ -62,8 +62,12 @@ const ModernizationValues2 = () => {
                 fast-track your digital transformation.
               </div>
             </div>
-            <Link href={'/contact-us'} passHref={true}>
+            <Link
+              href={process.env.NEXT_PUBLIC_BOOK_MEETING_URL}
+              passHref={true}
+            >
               <a
+                target="_blank"
                 onClick={handleBookDemoClick}
                 className="btn btn-primary btn-sm !h-[34px] mb-2 laptop:mr-2 w-full !font-normal !text-sm !max-w-[140px]"
               >
diff --git a/components/Sections/Pricing/PricingPlans/index.jsx b/components/Sections/Pricing/PricingPlans/index.jsx
index 6bef4e44..05a528e3 100644
--- a/components/Sections/Pricing/PricingPlans/index.jsx
+++ b/components/Sections/Pricing/PricingPlans/index.jsx
@@ -27,7 +27,7 @@ export const PricingPlans = () => {
           buttonLocation: 'website-pricing',
         },
       });
-      window.location.href = '/contact-us';
+      window.location.href = process.env.NEXT_PUBLIC_BOOK_MEETING_URL;
     }
   }, []);
 
@@ -45,7 +45,7 @@ export const PricingPlans = () => {
               startNew: 'Start Now',
               upgrade: 'Upgrade Now',
               custom: 'Contact Us',
-              startTrial: (plan) => `Try Free`,
+              startTrial: (plan) => `Book a Demo`,
             },
             price: {
               free: {
diff --git a/pages/application-modernization.js b/pages/application-modernization.js
index bd6bde03..c5ac374d 100644
--- a/pages/application-modernization.js
+++ b/pages/application-modernization.js
@@ -44,7 +44,7 @@ const ApplicationModernization = () => {
           title="Supercharge Your Business Today"
           description="Discover how Amplication Enterprise can help you build powerful, scalable, and secure applications tailored to your business needs."
           linkPrimary={{
-            href: '/contact-us',
+            href: process.env.NEXT_PUBLIC_BOOK_MEETING_URL,
             title: 'Book a Demo',
           }}
         />
diff --git a/pages/enterprise.js b/pages/enterprise.js
index 72649191..221e11e3 100644
--- a/pages/enterprise.js
+++ b/pages/enterprise.js
@@ -33,7 +33,8 @@ const features = [
     customClasses: '!pt-8',
     secondaryBtn: {
       title: 'Book a Demo',
-      href: '/contact-us',
+      href: process.env.NEXT_PUBLIC_BOOK_MEETING_URL,
+      target: "_blank"
     },
     content:
       '<p>Amplication Enterprise allows you to build, manage and scale applications at the speed of light. With our platform you can create applications faster and with fewer resources. Generate all the necessary foundations for your service in a few clicks and tailor applications to your unique needs.</p>',
@@ -45,7 +46,8 @@ const features = [
     customClasses: '!pb-6',
     primaryBtn: {
       title: 'Contact Sales',
-      href: '/contact-us',
+      href: process.env.NEXT_PUBLIC_BOOK_MEETING_URL,
+      target: "_blank"
     },
     secondaryBtn: {
       title: 'Start Now',
@@ -60,7 +62,8 @@ const features = [
     customClasses: '!pb-8',
     primaryBtn: {
       title: 'Contact Sales',
-      href: '/contact-us',
+      href: process.env.NEXT_PUBLIC_BOOK_MEETING_URL,
+      target: "_blank"
     },
     secondaryBtn: {
       title: 'Start Now',
@@ -118,7 +121,9 @@ const Features = () => {
                     <div className="buttons-wrapper d-flex tablet:align-items-center justify-content-start mt-4">
                       {feature.primaryBtn && (
                         <Link href={feature.primaryBtn.href} passHref={true}>
-                          <a className="btn btn-primary btn-sm !h-[34px] mb-2 mr-6 w-full !font-normal !text-sm !max-w-[140px]">
+                          <a className="btn btn-primary btn-sm !h-[34px] mb-2 mr-6 w-full !font-normal !text-sm !max-w-[140px]"
+                            target={feature.primaryBtn.target ?? "_self"}
+                          >
                             {feature.primaryBtn.title}
                           </a>
                         </Link>
@@ -128,7 +133,9 @@ const Features = () => {
                           href={feature.secondaryBtn.href ?? ''}
                           passHref={true}
                         >
-                          <a className="btn btn-outline-light btn-sm !h-[34px] mb-2 laptop:mr-2 w-full !font-normal !text-sm !max-w-[140px]">
+                          <a className="btn btn-outline-light btn-sm !h-[34px] mb-2 laptop:mr-2 w-full !font-normal !text-sm !max-w-[140px]"
+                            target={feature.secondaryBtn.target ?? "_self"}
+                          >
                             {feature.secondaryBtn.title}
                           </a>
                         </Link>
@@ -157,7 +164,7 @@ const Features = () => {
           title="Supercharge Your Business Today"
           description="Discover how Amplication Enterprise can help you build powerful, scalable, and secure applications tailored to your business needs."
           linkPrimary={{
-            href: '/contact-us',
+            href: process.env.NEXT_PUBLIC_BOOK_MEETING_URL,
             title: 'Book a Demo',
           }}
         />