UI updates

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;

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:
+    buttonLink: `${baseUrl}/lists/${utm}`,
-      'https://www.wappalyzer.com/lists/?utm_source=popup&utm_medium=extension&utm_campaign=wappalyzer',
   },
   {
     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:
+    buttonLink: `${baseUrl}/apps/${utm}`,
-      'https://www.wappalyzer.com/lists/?utm_source=popup&utm_medium=extension&utm_campaign=wappalyzer',
+  },
+  {
+    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}`,
   },
 ]