Add speed tradeoffs component

Author: pcarapic15

src/components/sd-gym/Tradeoffs.js renamed to src/components/sd-gym/PrivacyTradeoffs.js

@@ -1,6 +1,6 @@
 import React from "react";
 
-const Tradeoffs = () => {
+const PrivacyTradeoffs = () => {
   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">
@@ -12,4 +12,4 @@ const Tradeoffs = () => {
   );
 };
 
-export default Tradeoffs;
+export default PrivacyTradeoffs;

src/components/sd-gym/SdGymContent.js

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

src/components/sd-gym/SpeedTradeoffs.js

@@ -0,0 +1,15 @@
+import React from "react";
+
+const SpeedTradeoffs = () => {
+  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">Quality-Speed</span> Tradeoffs
+        </h1>
+      </div>
+    </div>
+  );
+};
+
+export default SpeedTradeoffs;