From 225233b090b2ace99221b2e3a086c090d991af24 Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Thu, 3 Dec 2020 20:24:03 +0800
Subject: [PATCH 1/2] Add final cta banner

---
 www/components/CTABanner/index.tsx | 5 +++--
 www/pages/beta.tsx                 | 4 +++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/www/components/CTABanner/index.tsx b/www/components/CTABanner/index.tsx
index f7bc6179a71..2e988b3d34e 100644
--- a/www/components/CTABanner/index.tsx
+++ b/www/components/CTABanner/index.tsx
@@ -1,8 +1,9 @@
 import Button from 'components/Button'
 
-const CTABanner = () => {
+const CTABanner = (props: any) => {
+  const { bgClass } = props
   return (
-    <div className="py-32 grid grid-cols-12 gap-4 items-center text-center bg-dark-800 px-16">
+    <div className={`py-32 grid grid-cols-12 gap-4 items-center text-center bg-dark-800 ${bgClass} px-16`}>
       <div className="col-span-12">
         <h4 className="flex flex-col sm:flex-row sm:justify-center font-normal text-white text-2xl lg:text-3xl">
           <span className="block">Build in a weekend, scale to millions.</span>
diff --git a/www/pages/beta.tsx b/www/pages/beta.tsx
index 86086df4d1e..d8eeba268cb 100644
--- a/www/pages/beta.tsx
+++ b/www/pages/beta.tsx
@@ -1,13 +1,14 @@
 import Head from 'next/head'
+import { useRouter } from 'next/router'
 import { useEffect, useRef, useState } from 'react'
 import Container from 'components/Container'
 import Layout from 'components/Layout'
 import CountUp from 'components/CountUp'
 import FlyOut from 'components/UI/FlyOut'
+import CTABanner from 'components/CTABanner/index'
 import { APP_NAME, DESCRIPTION } from 'lib/constants'
 import { AlphaNumbers, IntroductionSegments, PerformanceComparisonData } from 'data/BetaPage'
 import { render } from 'react-dom'
-import { useRouter } from 'next/router'
 import Link from 'next/link'
 import { addBasePath } from 'next/dist/next-server/lib/router/router'
 
@@ -1013,6 +1014,7 @@ const Beta = () => {
         <div ref={references['next']}>
           <WhatsNext />
         </div>
+        <CTABanner bgClass="bg-dark-900" />
       </Container>
     </Layout>
   )

From eee4cacfaf07017161596063ccf6a20050ae121b Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Thu, 3 Dec 2020 20:27:33 +0800
Subject: [PATCH 2/2] fix cta banner color

---
 www/components/CTABanner/index.tsx | 8 ++++++--
 www/pages/beta.tsx                 | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/www/components/CTABanner/index.tsx b/www/components/CTABanner/index.tsx
index 2e988b3d34e..fe62352c9f6 100644
--- a/www/components/CTABanner/index.tsx
+++ b/www/components/CTABanner/index.tsx
@@ -1,9 +1,13 @@
 import Button from 'components/Button'
 
 const CTABanner = (props: any) => {
-  const { bgClass } = props
+  const { darkerBg } = props
   return (
-    <div className={`py-32 grid grid-cols-12 gap-4 items-center text-center bg-dark-800 ${bgClass} px-16`}>
+    <div className={`
+        py-32 grid grid-cols-12 gap-4 items-center text-center bg-dark-800 
+        ${darkerBg ? 'dark:bg-dark-900' : ''} px-16
+      `}
+    >
       <div className="col-span-12">
         <h4 className="flex flex-col sm:flex-row sm:justify-center font-normal text-white text-2xl lg:text-3xl">
           <span className="block">Build in a weekend, scale to millions.</span>
diff --git a/www/pages/beta.tsx b/www/pages/beta.tsx
index 5ea4c2c24ca..03eddcf22a3 100644
--- a/www/pages/beta.tsx
+++ b/www/pages/beta.tsx
@@ -1017,7 +1017,7 @@ const Beta = () => {
         <div ref={references['next']}>
           <WhatsNext />
         </div>
-        <CTABanner bgClass="bg-dark-900" />
+        <CTABanner darkerBg={true} />
       </Container>
     </Layout>
   )