diff --git a/apps/mkt/components/cta.tsx b/apps/mkt/components/cta.tsx
index 3641602..b4a3c96 100644
--- a/apps/mkt/components/cta.tsx
+++ b/apps/mkt/components/cta.tsx
@@ -5,31 +5,31 @@ import Particles from "./automation-carousel/particles";
 
 export default function Features02() {
   return (
-    <section className="bg-dark-800 relative border-b border-dark-400 py-12 md:pt-20 px-4">
+    <section className="bg-dark-800 relative border-b border-dark-400 py-12 md:py-20 px-4 bg-[url('/images/bg-shades.svg')] bg-[position:bottom] bg-[length:100%_80%] bg-no-repeat">
       <Particles
         className="absolute inset-0 z-0 opacity-40 group-hover/slide:opacity-100"
-        quantity={30}
+        quantity={80}
         rgb="105, 219, 124"
         refresh={true}
       />
-      <div className="max-w-6xl mx-auto px-4 py-20 bg-dark-700 sm:px-6 md:px-0 border rounded-lg border-dark-400 ">
-        <div className="relative max-w-3xl mx-auto text-center">
-          <div className="inline-flex items-center justify-center w-28 h-28 border-t border-dark-400 bg-dark-800 rounded-full shadow-lg mb-8 relative before:absolute before:-top-12 before:w-52 before:h-52 before:bg-zinc-900 before:opacity-[.08] before:rounded-full before:blur-3xl before:-z-10  shadow-green-400/30">
+      <div className="relative max-w-6xl mx-auto px-4 py-24 bg-dark-800 sm:px-6 md:px-0 border rounded-lg border-dark-400">
+        <div className="max-w-3xl mx-auto text-center">
+          <div className="inline-flex items-center justify-center rounded-full mb-8">
             <Link href="/">
               <Image src={Logo} width={60} height={60} alt="Logo" />
             </Link>
           </div>
-          <h2 className="font-inter-tight text-3xl md:text-4xl font-bold text-white mb-4">
+          <h2 className="block w-fit-content mx-auto rounded font-inter-tight text-3xl md:text-4xl font-bold text-white mb-4 bg-dark-800">
             Get started in under 30 seconds
           </h2>
-          <p className="text-lg text-dark-100 mb-8 max-w-lg mx-auto">
+          <p className="text-lg text-dark-100 mb-8 max-w-lg mx-auto bg-dark-800 rounded">
             Connect your GitHub organization now and start a new cycle of
             improvement in your engineering organization.
           </p>
           <div className="max-w-xs mx-auto sm:max-w-none sm:inline-flex sm:justify-center space-y-4 sm:space-y-0 sm:space-x-4">
             <div>
               <a
-                className="btn text-black bg-green-400 hover:scale-105 w-full text-[16px] shadow-lg shadow-green-300/20"
+                className="btn text-black bg-green-400 hover:scale-105 w-full text-[16px] shadow-xl shadow-green-300/20"
                 href="https://github.com/apps/sweetr-dev/installations/new"
                 target="_blank"
                 rel="nofollow"
diff --git a/apps/mkt/public/images/bg-shades.svg b/apps/mkt/public/images/bg-shades.svg
new file mode 100644
index 0000000..385b14e
--- /dev/null
+++ b/apps/mkt/public/images/bg-shades.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" width="1440" height="250" preserveAspectRatio="none" viewBox="0 0 1440 250"><g mask="url(&quot;#SvgjsMask1015&quot;)" fill="none"><rect width="1440" height="250" x="0" y="0" fill="rgba(20, 21, 23, 1)"></rect><path d="M21 250L271 0L404.5 0L154.5 250z" fill="url(&quot;#SvgjsLinearGradient1016&quot;)"></path><path d="M256.6 250L506.6 0L667.1 0L417.1 250z" fill="url(&quot;#SvgjsLinearGradient1016&quot;)"></path><path d="M495.20000000000005 250L745.2 0L1043.7 0L793.7 250z" fill="url(&quot;#SvgjsLinearGradient1016&quot;)"></path><path d="M730.8000000000001 250L980.8000000000001 0L1085.8000000000002 0L835.8000000000001 250z" fill="url(&quot;#SvgjsLinearGradient1016&quot;)"></path><path d="M1399 250L1149 0L933 0L1183 250z" fill="url(&quot;#SvgjsLinearGradient1017&quot;)"></path><path d="M1182.4 250L932.4000000000001 0L726.9000000000001 0L976.9000000000001 250z" fill="url(&quot;#SvgjsLinearGradient1017&quot;)"></path><path d="M942.8 250L692.8 0L647.8 0L897.8 250z" fill="url(&quot;#SvgjsLinearGradient1017&quot;)"></path><path d="M712.1999999999999 250L462.19999999999993 0L222.19999999999993 0L472.19999999999993 250z" fill="url(&quot;#SvgjsLinearGradient1017&quot;)"></path><path d="M1209.9251886635416 250L1440 19.925188663541633L1440 250z" fill="url(&quot;#SvgjsLinearGradient1016&quot;)"></path><path d="M0 250L230.07481133645837 250L 0 19.925188663541633z" fill="url(&quot;#SvgjsLinearGradient1017&quot;)"></path></g><defs><mask id="SvgjsMask1015"><rect width="1440" height="250" fill="#ffffff"></rect></mask><linearGradient x1="0%" y1="100%" x2="100%" y2="0%" id="SvgjsLinearGradient1016"><stop stop-color="rgba(105, 219, 124, 0.63)" offset="0"></stop><stop stop-opacity="0" stop-color="rgba(105, 219, 124, 0.63)" offset="0.66"></stop></linearGradient><linearGradient x1="100%" y1="100%" x2="0%" y2="0%" id="SvgjsLinearGradient1017"><stop stop-color="rgba(105, 219, 124, 0.63)" offset="0"></stop><stop stop-opacity="0" stop-color="rgba(105, 219, 124, 0.63)" offset="0.66"></stop></linearGradient></defs></svg>
\ No newline at end of file