Ini Tradeoffs component

Author: pcarapic15

src/components/sd-gym/SdGymContent.js

@@ -5,6 +5,7 @@ import NewsSliderSection from "../community-stats/NewsSliderSection";
 import BannerSection from "../community-stats/BannerSection";
 import SdGymLeaderboard from "./SdGymLeaderboard";
 import AboutSdGym from "./AboutSdGym";
+import Tradeoffs from "./Tradeoffs";
 
 export default function SdGymContent() {
   const [rawData, setRawData] = useState([]);
@@ -93,6 +94,7 @@ export default function SdGymContent() {
       <SdGymHero />
       <SdGymLeaderboard data={data} tags={dateTags} setTags={setDateTags} />
       <AboutSdGym />
+      <Tradeoffs />
       <NewsSliderSection />
       <BannerSection />
     </div>

src/components/sd-gym/Tradeoffs.js

@@ -0,0 +1,15 @@
+import React from "react";
+
+const Tradeoffs = () => {
+  return (
+    <div className="flex justify-center bg-white">
+      <div className="container w-full flex flex-col py-12 md:py-16 lg:py-24 px-4 md:px-5 lg:px-0">
+        <h1 className="heading-600-lg text-[36px] md:text-5xl text-center">
+          The <span className="text-blue-600">Privacy-Quality</span> Tradeoffs
+        </h1>
+      </div>
+    </div>
+  );
+};
+
+export default Tradeoffs;