Merge branch 'sett/landing-v2' into develop

TrustlessComputer · Jan 10, 2024 · a604c36 · a604c36
2 parents 59144ff + 7428b58
commit a604c36
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 5 deletions.
diff --git a/src/modules/landing/Componets/Chain/ItemChain/SectionBottom/index.tsx b/src/modules/landing/Componets/Chain/ItemChain/SectionBottom/index.tsx
@@ -6,7 +6,7 @@ import Fade from '@/interactive/Fade';
 
 type TSectionBottom = {
   title: string;
-  subTitle: string;
+  link?: string;
   data: {
     left: string;
     right: string;
@@ -31,7 +31,7 @@ export default function SectionBottom({
           <Chars delay={delay}>{data.title}</Chars>
         </h6>
         <p className={s.sectionBottom_title_sub}>
-          <Chars delay={delay}>{data.subTitle}</Chars>
+          <Chars delay={delay}>{!data?.link && 'Coming soon'}</Chars>
         </p>
       </div>
 

diff --git a/src/modules/landing/Componets/Chain/ItemChain/index.tsx b/src/modules/landing/Componets/Chain/ItemChain/index.tsx
@@ -8,8 +8,8 @@ import Fade from '@/interactive/Fade';
 type TItemChain = {
   img: StaticImageData;
   title: string;
-  subTitle: string;
   stud: number;
+  link?: string;
   data: {
     left: string;
     right: string;
@@ -22,7 +22,9 @@ type TItemChain = {
 export default function ItemChain({ data, delay }: { data: TItemChain; delay: number }) {
   const { img, bgTop, stud, ...dataSectionBottom } = data;
   return (
-    <div className={s.itemChain}>
+    <div className={s.itemChain} onClick={() => {
+      data.link && window.open(data.link, '_blank');
+    }}>
       <Fade from={{ x: 50 }} to={{ x: 0 }} delay={delay}>
         <SectionTop delay={delay + 0.1} img={img} color={bgTop} stud={stud} />
         <SectionBottom delay={delay + 0.2} data={dataSectionBottom} />

diff --git a/src/modules/landing/Componets/Chain/ItemChain/styles.module.scss b/src/modules/landing/Componets/Chain/ItemChain/styles.module.scss
@@ -4,7 +4,7 @@
   padding: 20px;
   background-color: #fff;
   width: 33.333%;
-
+  cursor: pointer;
 
   :global {
 

diff --git a/src/modules/landing/Componets/Chain/index.tsx b/src/modules/landing/Componets/Chain/index.tsx
@@ -16,6 +16,7 @@ const DATA_CHAINS = [
     title: 'Alpha Chain',
     subTitle: '',
     stud: 1,
+    link: 'https://alpha.wtf',
     data: [
       {
         left: 'Use Case',

diff --git a/src/modules/landing/index.tsx b/src/modules/landing/index.tsx
@@ -6,8 +6,12 @@ import Tool from './Componets/Tool';
 import s from './styles.module.scss';
 import Scalable from '@/modules/landing/Componets/Scalable';
 import Section_7 from '@/modules/landing/Componets/Section_7';
+import { useEffect } from 'react';
 
 export default function Landing() {
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, []);
   return (
     <div className={s.landing}>
       <Hero />