update order games slider, added graphic build on treasure section

TreasureProject · Jan 31, 2024 · b768917 · b768917
1 parent 584eb52
commit b768917
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 32 deletions.
diff --git a/app/components/new-landing/sections/BuildOnTreasure.tsx b/app/components/new-landing/sections/BuildOnTreasure.tsx
@@ -134,20 +134,17 @@ const BuildOnTreasure = () => {
             community-driven ethos and novel approach to game building ensures
             developers have the tools to [operate]
           </p>
-          {/* <div className="flex gap-6">
+          <div className="flex gap-6">
             <Button color="ruby" className="w-max">
               Read Litepaper
             </Button>
             <Button color="float" className="w-max text-new-ruby-900">
               Learn More
               <ChevronRightIcon className="w-4" />
             </Button>
-          </div> */}
-          <Button color="ruby" className="w-max" to="/build">
-            Learn More
-          </Button>
+          </div>
         </div>
-        {/* <div className="grid-cols-7 gap-6 space-y-6 lg:grid lg:space-y-0">
+        <div className="grid-cols-7 gap-6 space-y-6 lg:grid lg:space-y-0">
           <BaseCard
             title="L2 and L3 Chains"
             description="Cheap, fast powered through Treasure’s Infinity Chains."
@@ -233,7 +230,7 @@ const BuildOnTreasure = () => {
               <BoTGraphicFour className="absolute bottom-0 left-1/2  w-[108%] -translate-x-1/2 lg:h-[100%] lg:w-auto " />
             </div>
           </BaseCard>
-        </div> */}
+        </div>
       </div>
     </div>
   );

diff --git a/...components/new-landing/sections/Chain.tsx → ...-landing/sections/BuildOnTreasureTemp.tsx b/...components/new-landing/sections/Chain.tsx → ...-landing/sections/BuildOnTreasureTemp.tsx
@@ -7,20 +7,17 @@ const Chain = () => {
     <div className="relative overflow-hidden bg-new-honey-200 py-12 md:py-14 xl:py-20">
       <div className="container relative z-10 flex flex-col gap-7 md:items-center">
         <div className="flex flex-col gap-4 md:items-center">
-          <p className="w-max rounded-[4px] bg-new-honey-800 py-1 px-2 text-xs font-medium uppercase text-new-ruby-900">
-            coming soon
-          </p>
           <h1 className="text-4xl font-black leading-[105%] text-new-ruby-900 sm:text-5xl">
-            Treasure Chain
+            Build on Treasure
           </h1>
         </div>
         <p className="max-w-2xl leading-[150%] text-new-night-700 md:text-center">
           We empower indie games to reach their full potential. Our
           community-driven ethos and novel approach to game building ensures
           developers have the tools to [operate]
         </p>
-        <Button color="ruby" className="w-max">
-          Read Litepaper
+        <Button color="ruby" className="w-max" to="/build">
+          Learn More
         </Button>
       </div>
       <CirclesGraphic className="absolute top-1/2 w-[1540px] -translate-x-1/2 -translate-y-1/2 md:left-1/2" />

diff --git a/app/components/new-landing/sections/Games.tsx b/app/components/new-landing/sections/Games.tsx
@@ -49,12 +49,6 @@ const games = [
     background: KAIJU_CARDS_BACKGROUND,
     link: "https://app.treasure.lol/games/kaiju-cards",
   },
-  {
-    name: "KOTE",
-    cover: KOTE_COVER,
-    background: KOTE_BACKGROUND,
-    link: "https://app.treasure.lol/games/kote",
-  },
   {
     name: "Kuroro Beast",
     cover: KURORO_BEAST_COVER,
@@ -67,6 +61,18 @@ const games = [
     background: MAH_BACKGROUND,
     link: "https://app.treasure.lol/games/mighty-action-heroes",
   },
+  {
+    name: "Bitmates",
+    cover: BITMATES_COVER,
+    background: BITMATES_BACKGROUND,
+    link: "https://app.treasure.lol/games/bitmates",
+  },
+  {
+    name: "Realm",
+    cover: REALM_COVER,
+    background: REALM_BACKGROUND,
+    link: "https://app.treasure.lol/games/realm",
+  },
   {
     name: "Zeeverse",
     cover: ZEEVERSE_COVER,
@@ -80,16 +86,10 @@ const games = [
     link: "https://app.treasure.lol/games/tales-of-elleria",
   },
   {
-    name: "Bitmates",
-    cover: BITMATES_COVER,
-    background: BITMATES_BACKGROUND,
-    link: "https://app.treasure.lol/games/bitmates",
-  },
-  {
-    name: "Realm",
-    cover: REALM_COVER,
-    background: REALM_BACKGROUND,
-    link: "https://app.treasure.lol/games/realm",
+    name: "KOTE",
+    cover: KOTE_COVER,
+    background: KOTE_BACKGROUND,
+    link: "https://app.treasure.lol/games/kote",
   },
 ] as const;
 

diff --git a/app/routes/_index.tsx b/app/routes/_index.tsx
@@ -10,9 +10,9 @@ import Partners from "~/components/new-landing/sections/Partners";
 import Games from "~/components/new-landing/sections/Games";
 import Ctas from "~/components/new-landing/sections/Ctas";
 import Bridgeworld from "~/components/new-landing/sections/Bridgeworld";
-// import Chain from "~/components/new-landing/sections/Chain";
 import Platform from "~/components/new-landing/sections/Platform";
-import BuildOnTreasure from "~/components/new-landing/sections/BuildOnTreasure";
+// import BuildOnTreasure from "~/components/new-landing/sections/BuildOnTreasure";
+import BuildOnTreasureTemp from "~/components/new-landing/sections/BuildOnTreasureTemp";
 
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
@@ -42,7 +42,8 @@ export default function Home() {
         <Partners />
         <Games />
         <Platform />
-        <BuildOnTreasure />
+        <BuildOnTreasureTemp />
+        {/* <BuildOnTreasure /> */}
         <Bridgeworld />
         <Ctas />
       </main>