Merge pull request #1318 from inteon/update_support_section

Update support page: replace Jetstack with Venafi

content/pages/support.mdx

@@ -6,15 +6,15 @@ export const meta = {
     description: 'Need a little more help?'
   },
   intro: {
-    heading: 'Jetstack',
+    heading: 'Venafi',
     description:
-      'Jetstack is the team who first created cert-manager and offer direct support alongside a commercial product offering to help enterprises and organisations scale effectively with cert-manager.',
+      'Venafi is the principal maintainer of the cert-manager project and works directly with the CNCF. Commercial support for cert-manager is available as part of the TLS Protect for Kubernetes product which also offers expertise to help organisations scale effectively with cert-manager.',
     cta: {
-      logo: '/images/jetstack-secure-logo.svg',
+      logo: '/images/venafi-tls-protect-for-kubernetes.svg',
       description:
-        'Extending the core value of cert-manager open source project.',
+        'Extending the core value of the cert-manager open source project.',
       caption: 'Find out more',
-      href: 'https://www.jetstack.io/jetstack-secure/'
+      href: 'https://venafi.com/tls-protect-for-kubernetes/'
     }
   }
 }

pages/support.jsx

@@ -32,13 +32,13 @@ function Support({ router }) {
             <h2 className="text-4xl uppercase">{page.intro.heading}</h2>
           </Dots>
           <p className="text-lg mb-6">{page.intro.description}</p>
-          <div className="bg-black px-9 py-8 rounded-5px relative overflow-hidden">
+          <div className="bg-white px-9 py-8 rounded-5px relative overflow-hidden">
             <div className="absolute top-0 right-0 h-full w-full">
               <Image
-                src="/images/enterprise-cta-background.svg"
-                alt="Jetstack secure"
-                width={507}
-                height={206}
+                src="/images/venafi-hero.png"
+                alt="Venafi TLS Protect for Kubernetes"
+                width={960}
+                height={384}
                 layout="fill"
                 className="object-cover"
               />
@@ -47,16 +47,16 @@ function Support({ router }) {
               <Image
                 src={page.intro.cta.logo}
                 alt={page.intro.heading}
-                width={228}
-                height={58}
+                width={300}
+                height={75}
               />
-              <p className="text-white font-semibold text-lg mb-5">
+              <p className="text-black text-lg mb-5 sm:mr-60">
                 {page.intro.cta.description}
               </p>
               <Link
                 href={page.intro.cta.href}
                 target="_blank"
-                className="inline-block bg-indigo px-6 py-3 rounded-5px text-white text-sm no-underline">
+                className="inline-block bg-blue-1 px-6 py-3 rounded-5px text-white text-sm no-underline">
 
                 {page.intro.cta.caption}