From fac9c4d789b71c3ec795339760bfc093653fe553 Mon Sep 17 00:00:00 2001
From: dcts <thomas@dcts.dev>
Date: Fri, 2 Aug 2024 22:22:46 +0200
Subject: [PATCH] make stats widget a separate section

---
 src/app/components/StatsWidget.tsx | 2 +-
 src/app/page.tsx                   | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/app/components/StatsWidget.tsx b/src/app/components/StatsWidget.tsx
index 26e1b6e8..24604abb 100644
--- a/src/app/components/StatsWidget.tsx
+++ b/src/app/components/StatsWidget.tsx
@@ -46,7 +46,7 @@ const StatsWidget = () => {
   const numOfPairs = pairsList.length;
 
   return (
-    <div className="flex w-full opacity-80 flex-col gap-y-8 mx-auto justify-center items-center mt-8 mb-32">
+    <div className="flex w-full opacity-80 flex-col gap-y-8 mx-auto justify-center items-center py-32 bg-dexter-grey-dark">
       {/* users */}
       {totalUsers ? (
         <>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index c2d37e03..499c66e9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -345,7 +345,7 @@ function getTokenomicsTopicSectionProps(
     </>
   );
   return {
-    backgroundColor: "bg-dexter-grey-dark",
+    backgroundColor: "bg-dexter-grey-light",
     title: t("dextr_token"),
     body: tokenomicsBody,
     imageUrl: "/landing/sections/dexter-mascotte-holding-coin.png",
@@ -360,7 +360,7 @@ function getTradeTopicSectionProps(
   t: (key: string) => string // translation dict needs to be passed in
 ): TopicSectionProps {
   return {
-    backgroundColor: "bg-dexter-grey-light",
+    backgroundColor: "bg-dexter-grey-dark",
     title: t("earn_rewards_by_trading"),
     body: <DexterParagraph text={t("earn_rewards_by_trading_and")} />,
     imageUrl: "/landing/sections/treasury-earn-by-trading.png",
@@ -375,7 +375,7 @@ function getStakeTopicSectionProps(
   t: (key: string) => string // translation dict needs to be passed in
 ): TopicSectionProps {
   return {
-    backgroundColor: "bg-dexter-grey-dark",
+    backgroundColor: "bg-dexter-grey-light",
     title: t("stake_xrd_to_earn_dextr"),
     body: <DexterParagraph text={t("delegate_your_xrd_to_our")} />,
     imageUrl: "/landing/sections/staking-safe.png",
@@ -390,7 +390,7 @@ function getContributeTopicSectionProps(
   t: (key: string) => string // translation dict needs to be passed in
 ): TopicSectionProps {
   return {
-    backgroundColor: "bg-dexter-grey-light",
+    backgroundColor: "bg-dexter-grey-dark",
     title: t("earn_dextr_by_contributing"),
     body: <DexterParagraph text={t("whether_you_are_a_developer")} />,
     imageUrl: "/landing/sections/hands.png",