From 2b3adf1c0a837e18f56e829221ef53461b2e5a54 Mon Sep 17 00:00:00 2001
From: Elbert Alias <77259+AliasIO@users.noreply.github.com>
Date: Tue, 18 May 2021 10:20:37 +1000
Subject: [PATCH] UI updates

---
 src/drivers/webextension/css/styles.css |  4 ++--
 src/drivers/webextension/js/popup.js    | 27 +++++++++++++++++++++----
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/src/drivers/webextension/css/styles.css b/src/drivers/webextension/css/styles.css
index f7de8b9f7..0d095f8fd 100644
--- a/src/drivers/webextension/css/styles.css
+++ b/src/drivers/webextension/css/styles.css
@@ -78,7 +78,7 @@ a, a:focus, a:hover {
   display: flex;
   flex-direction: column;
   color: var(--color-primary);
-  padding: 1rem;
+  padding: 1rem 1.5rem;
   width: 100%;
 }
 
@@ -151,7 +151,7 @@ a, a:focus, a:hover {
   display: inline-block;
   font-size: .85rem;
   font-weight: bold;
-  margin: -.3rem -.5rem -.5rem 0;
+  margin: -.3rem -1rem -.5rem 0;
   padding: .4rem 1rem .3rem 1rem;
   position: relative;
   text-decoration: none;
diff --git a/src/drivers/webextension/js/popup.js b/src/drivers/webextension/js/popup.js
index 2fc0734a8..04552b8f7 100644
--- a/src/drivers/webextension/js/popup.js
+++ b/src/drivers/webextension/js/popup.js
@@ -5,20 +5,39 @@
 const { agent, open, i18n, getOption, setOption, promisify, sendMessage } =
   Utils
 
+const baseUrl = 'https://www.wappalyzer.com'
+const utm = '?utm_source=popup&utm_medium=extension&utm_campaign=wappalyzer'
+
 const footers = [
   {
     heading: 'Generate sales leads',
     body: 'Find new prospects by the technologies they use. Reach out to customers of Shopify, Magento, Salesforce and others.',
     buttonText: 'Create a lead list',
-    buttonLink:
-      'https://www.wappalyzer.com/lists/?utm_source=popup&utm_medium=extension&utm_campaign=wappalyzer',
+    buttonLink: `${baseUrl}/lists/${utm}`,
   },
   {
     heading: 'Connect Wappalyzer to your CRM',
     body: 'See the technology stacks of your leads without leaving your CRM. Connect to HubSpot, Pipedrive and many others.',
     buttonText: 'See all apps',
-    buttonLink:
-      'https://www.wappalyzer.com/lists/?utm_source=popup&utm_medium=extension&utm_campaign=wappalyzer',
+    buttonLink: `${baseUrl}/apps/${utm}`,
+  },
+  {
+    heading: 'Enrich your data with tech stacks',
+    body: 'Upload a list of websites to get a report of the technologies in use, such as CMS or ecommerce platforms.',
+    buttonText: 'Upload a list',
+    buttonLink: `${baseUrl}/lookup/${utm}#bulk`,
+  },
+  {
+    heading: 'Automate technology lookups',
+    body: 'Our APIs provide instant access to website technology stacks, contact details and social media profiles.',
+    buttonText: 'Compare APIs',
+    buttonLink: `${baseUrl}/api/${utm}`,
+  },
+  {
+    heading: 'Wappalyzer for businesses',
+    body: 'Sign up for a plan to get monthly credits to spend on any product, including lead lists and technology lookups.',
+    buttonText: 'Compare plans',
+    buttonLink: `${baseUrl}/pricing/${utm}`,
   },
 ]