From baa13ce916e9f9f3a3d1d2894d453fd8b36406e6 Mon Sep 17 00:00:00 2001
From: undersalam <gogoto6@lajoex.com>
Date: Thu, 6 Feb 2025 13:39:50 +0700
Subject: [PATCH] fix the tokenomics content

---
 src/app/(main)/_components/tokenomics.tsx | 79 ++++++++++++++++-------
 src/providers/privy-provider.tsx          |  2 +-
 2 files changed, 57 insertions(+), 24 deletions(-)

diff --git a/src/app/(main)/_components/tokenomics.tsx b/src/app/(main)/_components/tokenomics.tsx
index 4b9af3b..84821cc 100644
--- a/src/app/(main)/_components/tokenomics.tsx
+++ b/src/app/(main)/_components/tokenomics.tsx
@@ -13,10 +13,50 @@ import {
 } from "@/components/ui/accordion";
 
 const STATS = [
-  { value: "95%", desc: "Circulating Supply" },
-  { value: "2%", desc: "Team Allocations" },
-  { value: "1%", desc: "Marketing Operations" },
-  { value: "2%", desc: "Treasury" },
+  {
+    value: "95%",
+    desc: "Circulating Supply",
+    descText:
+      "The circulating supply represents the total amount of tokens that are currently available in the market. This ensures liquidity and accessibility for all participants. Our commitment to transparency and fairness is reflected in the high percentage of tokens allocated for circulation.",
+    descList: [
+      "Ensures liquidity and accessibility for all participants.",
+      "Reflects our commitment to transparency and fairness.",
+      "Supports the growth and sustainability of our community.",
+    ],
+  },
+  {
+    value: "2%",
+    desc: "Team Allocations",
+    descText:
+      "The team allocation represents a small portion of the total supply, dedicated to rewarding the team for their hard work and commitment. This ensures that the team remains motivated and aligned with the project's long-term goals.",
+    descList: [
+      "Rewards the team for their dedication and hard work.",
+      "Aligns the team's interests with the project's success.",
+      "Supports the ongoing development and growth of the project.",
+    ],
+  },
+  {
+    value: "1%",
+    desc: "Marketing Operations",
+    descText:
+      "The marketing operations allocation is dedicated to promoting our project and expanding our reach. This ensures that we can effectively communicate our vision and attract new participants.",
+    descList: [
+      "Supports promotional activities and campaigns.",
+      "Helps in expanding our community and user base.",
+      "Ensures effective communication of our project's vision and goals.",
+    ],
+  },
+  {
+    value: "2%",
+    desc: "Treasury",
+    descText:
+      "The treasury allocation is reserved for the long-term sustainability and growth of the project. This fund will be used for future development, partnerships, and unforeseen expenses.",
+    descList: [
+      "Ensures the project's long-term sustainability and growth.",
+      "Provides funds for future development and partnerships.",
+      "Covers unforeseen expenses and emergencies.",
+    ],
+  },
 ];
 
 export function Tokenomics() {
@@ -35,7 +75,12 @@ export function Tokenomics() {
       <div className="layout border-x px-3 sm:px-6 py-8">
         <Accordion type="multiple" className="w-full space-y-6">
           {STATS.map((stat, idx) => (
-            <AccordionItem key={`item-${idx}`} value={`item-${idx}`} asChild className="border-b-0">
+            <AccordionItem
+              key={`item-${idx}`}
+              value={`item-${idx}`}
+              asChild
+              className="border-b-0"
+            >
               <BlurFade delay={0.2 + idx * 0.2} inView>
                 <Card className="border-primary rounded-lg">
                   <AccordionTrigger className="py-0 [&[data-state=open]>div>svg]:rotate-180 [&[data-state=closed]>div]:bg-primary [&[data-state=closed]>div]:text-white [&[data-state=open]>div]:mb-0 [&[data-state=open]>div]:sm:mb-0 [&[data-state=open]>div]:bg-[url(/background-3.png)] [&[data-state=open]>div]:text-primary hover:no-underline">
@@ -50,25 +95,13 @@ export function Tokenomics() {
                     </div>
                   </AccordionTrigger>
                   <AccordionContent className="m-2 mt-0 p-3 sm:m-4 sm:mt-0 sm:p-6 bg-[url(/background-3.png)] text-muted-foreground text-sm sm:text-lg">
-                    <p className="mb-4">
-                      The circulating supply represents the total amount of
-                      tokens that are currently available in the market. This
-                      ensures liquidity and accessibility for all participants.
-                      Our commitment to transparency and fairness is reflected
-                      in the high percentage of tokens allocated for
-                      circulation.
-                    </p>
+                    <p className="mb-4">{stat.descText}</p>
                     <ul className="list-disc">
-                      <li className="ml-6">
-                        Ensures liquidity and accessibility for all
-                        participants.
-                      </li>
-                      <li className="ml-6">
-                        Reflects our commitment to transparency and fairness.
-                      </li>
-                      <li className="ml-6">
-                        Supports the growth and sustainability of our community.
-                      </li>
+                      {stat.descList.map((el) => (
+                        <li key={el} className="ml-6">
+                          {el}
+                        </li>
+                      ))}
                     </ul>
                   </AccordionContent>
                 </Card>
diff --git a/src/providers/privy-provider.tsx b/src/providers/privy-provider.tsx
index 79c10fb..e4b45b3 100644
--- a/src/providers/privy-provider.tsx
+++ b/src/providers/privy-provider.tsx
@@ -25,7 +25,7 @@ export default function MyPrivyProvider({
           showWalletLoginFirst: false,
           walletChainType: "solana-only",
           // walletList: ["phantom"],
-          logo: "https://supabasekong-swwwcowsg8kso0cg4swosw48.dev3vds1.link/storage/v1/object/public/logo/banner.png",
+          logo: "https://supabasekong-cgwog8g80swk0c8c8g8gg04k.dev3vds1.link/storage/v1/object/public/logo/Edit%20Button.png",
         },
         loginMethods: ["email", "wallet"],
         fundingMethodConfig: {