Merge branch 'develop'

DeDogmaDao · Feb 9, 2024 · 9671808 · 9671808
2 parents ddbf16a + 1ea6615
commit 9671808
Show file tree

Hide file tree

Showing 16 changed files with 6,747 additions and 156 deletions.
diff --git a/public/sitemap-0.xml b/public/sitemap-0.xml
@@ -1,10 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
-<url><loc>https://demmortaltreasure.com</loc><lastmod>2022-08-20T18:45:08.362Z</lastmod><changefreq>weekly</changefreq><priority>1</priority></url>
-<url><loc>https://demmortaltreasure.com/auction</loc><lastmod>2022-08-20T18:45:08.362Z</lastmod><changefreq>weekly</changefreq><priority>1</priority></url>
-<url><loc>https://demmortaltreasure.com/faq</loc><lastmod>2022-08-20T18:45:08.362Z</lastmod><changefreq>weekly</changefreq><priority>1</priority></url>
-<url><loc>https://demmortaltreasure.com/profile</loc><lastmod>2022-08-20T18:45:08.362Z</lastmod><changefreq>weekly</changefreq><priority>1</priority></url>
-<url><loc>https://demmortaltreasure.com/profile/verify</loc><lastmod>2022-08-20T18:45:08.362Z</lastmod><changefreq>weekly</changefreq><priority>1</priority></url>
-<url><loc>https://demmortaltreasure.com/roadmap</loc><lastmod>2022-08-20T18:45:08.362Z</lastmod><changefreq>weekly</changefreq><priority>1</priority></url>
-<url><loc>https://demmortaltreasure.com/team</loc><lastmod>2022-08-20T18:45:08.362Z</lastmod><changefreq>weekly</changefreq><priority>1</priority></url>
+<url><loc>https://demmortaltreasure.com</loc><lastmod>2023-08-17T12:59:16.879Z</lastmod><changefreq>weekly</changefreq><priority>1</priority></url>
+<url><loc>https://demmortaltreasure.com/auction</loc><lastmod>2023-08-17T12:59:16.879Z</lastmod><changefreq>weekly</changefreq><priority>1</priority></url>
+<url><loc>https://demmortaltreasure.com/faq</loc><lastmod>2023-08-17T12:59:16.879Z</lastmod><changefreq>weekly</changefreq><priority>1</priority></url>
+<url><loc>https://demmortaltreasure.com/profile</loc><lastmod>2023-08-17T12:59:16.879Z</lastmod><changefreq>weekly</changefreq><priority>1</priority></url>
+<url><loc>https://demmortaltreasure.com/profile/verify</loc><lastmod>2023-08-17T12:59:16.879Z</lastmod><changefreq>weekly</changefreq><priority>1</priority></url>
+<url><loc>https://demmortaltreasure.com/roadmap</loc><lastmod>2023-08-17T12:59:16.879Z</lastmod><changefreq>weekly</changefreq><priority>1</priority></url>
+<url><loc>https://demmortaltreasure.com/team</loc><lastmod>2023-08-17T12:59:16.879Z</lastmod><changefreq>weekly</changefreq><priority>1</priority></url>
 </urlset>
diff --git a/public/sitemap.xml b/public/sitemap.xml
@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="UTF-8"?>
-        <sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
-        <sitemap><loc>https://demmortaltreasure.com/sitemap-0.xml</loc></sitemap>
-        </sitemapindex>
+<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+<sitemap><loc>https://demmortaltreasure.com/sitemap-0.xml</loc></sitemap>
+</sitemapindex>
diff --git a/src/components/HowItWorksPage/EconomyFlow/index.tsx b/src/components/HowItWorksPage/EconomyFlow/index.tsx
@@ -0,0 +1,79 @@
+import Image from "next/image";
+import { allBgImg, demmortalBlastFrame } from "../../../store/img";
+import { motion } from "framer-motion";
+import { useEffect, useRef, useState } from "react";
+
+const EconomyFlow: React.FC = () => {
+  const [isActive, setIsActive] = useState(false);
+  const imageRef = useRef(null);
+  const clickHandler = () => {
+    setIsActive((prevState) => !prevState);
+  };
+  const handleOutsideClick = (event: any) => {
+    if (
+      isActive &&
+      imageRef.current &&
+      // @ts-ignore
+      !imageRef.current.contains(event.target)
+    ) {
+      setIsActive(false);
+    }
+  };
+  useEffect(() => {
+    if (isActive) {
+      document.addEventListener('mousedown', handleOutsideClick);
+    }
+
+    return () => {
+      document.removeEventListener('mousedown', handleOutsideClick);
+    };
+  }, [isActive]);
+  return (
+    <div
+      className="flex flex-col justify-between items-center h-full w-full relative z-100"
+      id="cards"
+    >
+      <div className="absolute top-0 left-0 w-full h-[7.5rem] bg-gradient-to-b from-[#04050E] via-transparent to-transparent z-[1]" />
+      <div className="absolute bottom-0 left-0 w-full h-[7.5rem] bg-gradient-to-t from-[#04050E] via-transparent to-transparent z-[1]" />
+      <span className="absolute h-full xl:w-full !aspect-[1382/814] overflow-hidden">
+        <span className="w-full h-full inner-image-no-max-width">
+          <Image
+            alt="dedogmadao background"
+            src={allBgImg.roadMap[1]}
+            layout="fill"
+            quality={100}
+            placeholder="blur"
+          />
+        </span>
+      </span>
+      <h2 className="z-10 mt-16 text-[1.25rem] ssm:text-[1.75rem] sm:text-[2.375rem] font-bold sm:font-bold">
+        <span className="text-primary-500">Economy</span> Flow
+      </h2>
+      <div className="w-full h-[250px] ssm:h-[350px] sm:h-[500px] flex justify-center z-20">
+        <motion.div
+          ref={imageRef}
+          className={` w-[80%] absolute ssm:top-[25%] md:top-[10%] lg:-top-[0%] xl:-top-[0%] 2xl:-top-[10%] duration-500 cursor-pointer
+        ${isActive ? "grayscale-0" : "grayscale-0 md:grayscale-70"} ${
+            !isActive
+              ? "scale-100 sm:scale-[0.7] md:scale-[0.6] lg:scale-[0.4]"
+              : "scale-100"
+          }
+        `}
+          onClick={clickHandler}
+        >
+          <Image
+            alt="dedogmadao background"
+            src={demmortalBlastFrame}
+            width={1862}
+            height={1169}
+            quality={100}
+            placeholder="blur"
+            className="z-100 rounded-3xl select-none"
+          />
+        </motion.div>
+      </div>
+    </div>
+  );
+};
+
+export default EconomyFlow;
diff --git a/src/components/HowItWorksPage/GoldenPoint/index.tsx b/src/components/HowItWorksPage/GoldenPoint/index.tsx
@@ -17,18 +17,22 @@ const GoldenPoint: React.FC = () => {
         animate={controls}
         className="text-[1.25rem] font-extralight flex gap-x-1.5 justify-center flex-wrap"
       >
-        {"It’s a sustainable economy powered by anti-rug protocols and a daily lottery with guaranteed prizes. All by owning an NFT!"
+        {"It's a no-loss lottery powered by BLAST native yield, offering a self-sustaining economy through NFT ownership!"
           .split(" ")
           .map((word, index) => {
             return (
               <span
                 key={word + index}
                 className={`whitespace-nowrap ${
-                  (index === 6 ||
+                  (index === 2 ||
+                    index === 3 ||
+                    index === 6 ||
                     index === 7 ||
-                    index === 10 ||
-                    index === 11) &&
+                    index === 8) &&
                   "font-semibold"
+                } ${
+                  (index === 6 || index === 7 || index === 8) &&
+                  "text-[#FCF533]"
                 }`}
               >
                 {word}

diff --git a/src/components/HowItWorksPage/index.tsx b/src/components/HowItWorksPage/index.tsx
@@ -8,6 +8,7 @@ import GoldenPoint from "./GoldenPoint";
 import Hero from "./hero/Hero";
 import InteroVideo from "./IntroVideo";
 import Tabs from "./Tabs";
+import EconomyFlow from "./EconomyFlow";
 
 const HowItWorksPage: React.FC = () => {
   const containerRef = useRef<HTMLDivElement>(null);
@@ -23,6 +24,7 @@ const HowItWorksPage: React.FC = () => {
       <Hero />
       <GoldenPoint />
       <Benefits />
+      <EconomyFlow />
       <InteroVideo />
       <Tabs />
       <ToRoadmapAction />

diff --git a/src/components/RoadMapPage/RoadItem.tsx b/src/components/RoadMapPage/RoadItem.tsx
@@ -40,7 +40,7 @@ const RoadItem: React.FC<props> = ({
           }`}
         >
           <AngleRightSVG
-            stroke="#2CEDFF"
+            stroke="#FFF66F"
             width={10}
             height={17}
             fill="none"

diff --git a/src/components/TeamPage/TeamCard.tsx b/src/components/TeamPage/TeamCard.tsx
@@ -39,8 +39,8 @@ const TeamCard: React.FC<props> = ({
           objectFit="cover"
         />
         <span
-          className="w-full h-full absolute bottom-0 left-0 bg-gradient-to-t from-cyan-900 via-cyan-900/80
-         to to-cyan-900/10  pb-5 px-4 flex justify-center items-end
+          className="w-full h-full absolute bottom-0 left-0 bg-gradient-to-t from-primary-900 via-primary-900/80
+         to to-primary-900/10  pb-5 px-4 flex justify-center items-end
          text-white text-base font-normal translate-y-[100%] group-hover:translate-y-0 duration-700"
         >
           <div className="w-full relative h-full flex flex-col justify-between">

diff --git a/src/components/layout/Footer/index.tsx b/src/components/layout/Footer/index.tsx
@@ -26,7 +26,7 @@ const Footer: React.FC = () => {
           })}
         </ul>
         <p className="mb-10 text-xs ssm:text-medium-light !font-thin z-10">
-          &copy; COPYRIGHT 2022 DDD. ALL RIGHTS RESERVED
+          &copy; COPYRIGHT 2024 DDD. ALL RIGHTS RESERVED
         </p>
       </motion.footer>
     </>