Merge branch 'feat/new_website' of github.com:supabase/supabase into feat/new_website

www/components/CTABanner/index.tsx

@@ -2,9 +2,9 @@ import Button from '../button'
 
 const CTABanner = () => {
 	return (
-		<div className="py-32 grid grid-cols-12 gap-4 items-center text-center bg-gray-100 dark:bg-dark-700">
+		<div className="py-32 grid grid-cols-12 gap-4 items-center text-center bg-dark-700">
 			<div className="col-span-12">
-				<h4 className="font-normal text-gray-900 dark:text-white lg:text-3xl">
+				<h4 className="font-normal text-white lg:text-3xl">
 					<span className="block">Create your next project backend </span>
 				</h4>
 				<p className="font-normal mt-1 text-gray-500 lg:text-3xl">

www/components/CaseStudies/benchmark.tsx

@@ -2,12 +2,13 @@ import Button from 'components/button'
 
 const Benchmark = () => {
   return (
-    <div className="mt-6 max-w-lg mx-auto lg:max-w-none lg:mx-0">
-      <div className="bg-white dark:bg-dark-300 grid gap-4 items-center shadow-lg rounded-md grid-cols-1 lg:grid-cols-12">
+    <div className="mt-6 lg:mt-16 max-w-lg mx-auto lg:max-w-none lg:mx-0">
+      <div className="bg-dark-300 grid gap-4 items-center shadow-lg rounded-md grid-cols-1 lg:grid-cols-12 overflow-auto">
         <div className="col-span-1 lg:col-span-10 flex items-center flex-col lg:flex-row">
-          <img className="mb-10 w-full lg:w-auto lg:mb-0 lg:h-44 lg:mr-14" src="images/benchmark.svg" />
+          <img className="mb-10 w-full lg:w-auto lg:mb-0 lg:h-44 lg:mr-14 hidden lg:block" src="images/benchmark.svg" />
+          <img className="mb-10 w-full lg:w-auto lg:mb-0 lg:h-44 lg:mr-14 lg:hidden" src="images/benchmark--mobile.svg" />
           <div className="px-12 py-5 lg:px-0 lg:py-0">
-            <p className="text-xl dark:text-white">Record breaking speed and reliability</p>
+            <p className="text-xl text-white">Record breaking speed and reliability</p>
             <p className="text-gray-400 dark:text-dark-100 mt-2">
               <span className="block">Supabase is already enterprise level and we’re blown away by the speed!</span>
               <span className="block">Sign up for our public benchmark release and we’ll email it to you</span>

www/public/images/benchmark--mobile.svg

@@ -0,0 +1,27 @@
+<svg width="403" height="157" viewBox="0 0 403 157" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="402" height="147" fill="#424242" stroke="#363636"/>
+<path d="M403 0C351.162 122.629 133.776 151.62 0 131.086V156.5H403V0Z" fill="#3A3A3A"/>
+<path d="M328 81L328 148" stroke="url(#paint0_linear)"/>
+<path d="M316 80L148 80" stroke="#747474" stroke-linecap="round"/>
+<path d="M217 123L217 148" stroke="url(#paint1_linear)"/>
+<path d="M376 41L376 148" stroke="url(#paint2_linear)"/>
+<path d="M378 41C378 42.1046 377.105 43 376 43C374.895 43 374 42.1046 374 41C374 39.8954 374.895 39 376 39C377.105 39 378 39.8954 378 41Z" fill="#6EC897"/>
+<path d="M330 81C330 82.1046 329.105 83 328 83C326.895 83 326 82.1046 326 81C326 79.8954 326.895 79 328 79C329.105 79 330 79.8954 330 81Z" fill="#6EC897"/>
+<path d="M219 121C219 122.105 218.105 123 217 123C215.895 123 215 122.105 215 121C215 119.895 215.895 119 217 119C218.105 119 219 119.895 219 121Z" fill="#6EC897"/>
+<path d="M148 60H213" stroke="#A4A4A4" stroke-linecap="round"/>
+<path d="M148 48H261" stroke="#A4A4A4" stroke-linecap="round"/>
+<defs>
+<linearGradient id="paint0_linear" x1="328.5" y1="81" x2="328.5" y2="148" gradientUnits="userSpaceOnUse">
+<stop stop-color="#747474"/>
+<stop offset="1" stop-color="#747474" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="217.5" y1="123" x2="217.5" y2="148" gradientUnits="userSpaceOnUse">
+<stop stop-color="#747474"/>
+<stop offset="1" stop-color="#747474" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear" x1="376.5" y1="41" x2="376.5" y2="148" gradientUnits="userSpaceOnUse">
+<stop stop-color="#747474"/>
+<stop offset="1" stop-color="#747474" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>