-
-
+
);
}
diff --git a/src/modules/landing/Componets/Hero/styles.module.scss b/src/modules/landing/Componets/Hero/styles.module.scss
index 267039db3..f1dec773c 100644
--- a/src/modules/landing/Componets/Hero/styles.module.scss
+++ b/src/modules/landing/Componets/Hero/styles.module.scss
@@ -26,59 +26,19 @@
position: absolute;
z-index: 2;
width: 100%;
-
- @include is-mobile {
- bottom: 20px;
- display: flex;
- justify-content: center;
- }
-
- @include is-tablet {
- bottom: 40px;
- display: flex;
- justify-content: center;
- }
+ display: none;
@include is-pc {
bottom: 210px;
+ display: block;
}
}
- &_heading {
- color: #fff;
- font-size: 68px;
- font-style: normal;
- font-weight: 300;
- line-height: 100%;
- padding-bottom: 16px;
- width: 100%;
-
- @include is-mobile {
- font-size: 44px;
- line-height: 120%;
- padding: 0;
- }
- }
-
- &_headingSub {
- font-size: 42px;
- font-style: normal;
- color: #fff;
- font-weight: 400;
- line-height: 36px;
- padding-bottom: 24px;
- display: flex;
- align-items: center;
- gap: 6px;
+}
- @include is-mobile {
- padding-bottom: 10px;
- font-size: 20px;
- }
+.hero_wrap__mobile {
- @include is-tablet {
- font-size: 32px;
- padding-bottom: 10px;
- }
+ @include is-pc {
+ display: none;
}
}
diff --git a/src/modules/landing/Componets/Intro/styles.module.scss b/src/modules/landing/Componets/Intro/styles.module.scss
index 8db119eb3..59e98afe0 100644
--- a/src/modules/landing/Componets/Intro/styles.module.scss
+++ b/src/modules/landing/Componets/Intro/styles.module.scss
@@ -38,7 +38,7 @@
left: 50%;
transform: translate(-50%, -50%);
@include is-min-table {
- top: calc(50% - 5vh);
+ top: 50%;
}
&_inner {
diff --git a/src/modules/landing/Componets/LegoV2/index.tsx b/src/modules/landing/Componets/LegoV2/index.tsx
index c7dd2cf7a..30106e6ad 100644
--- a/src/modules/landing/Componets/LegoV2/index.tsx
+++ b/src/modules/landing/Componets/LegoV2/index.tsx
@@ -57,7 +57,7 @@ export default function LegoV2() {
- Customize and launch your modular Bitcoin L2 blockchain with the best-of-breed modules with a few clicks.
+ Customize and launch your modular Bitcoin L2 blockchain with the best-of-breed modules with a few clicks.
@@ -65,7 +65,7 @@ export default function LegoV2() {
Choose a rollup module, select a data availability module, and
then launch to theworld — it’s that easy. You can even install
- dapp modules like Uniswap,Compound, and NFT Marketplace. It’s a
+ dapp modules like Uniswap, Compound, and NFT Marketplace. It’s a
whole new way to build a Bitcoin L2.
diff --git a/src/modules/landing/Componets/ScalableSlide/ScalableContnet/styles.module.scss b/src/modules/landing/Componets/ScalableSlide/ScalableContnet/styles.module.scss
index 44afd5113..620a47ce1 100644
--- a/src/modules/landing/Componets/ScalableSlide/ScalableContnet/styles.module.scss
+++ b/src/modules/landing/Componets/ScalableSlide/ScalableContnet/styles.module.scss
@@ -1,5 +1,5 @@
.scalableContent {
- flex: 0 0 auto;
+ flex: 1;
max-width: 445px;
position: relative;
padding-top: 16px;
diff --git a/src/modules/landing/Componets/ScalableSlide/style.module.scss b/src/modules/landing/Componets/ScalableSlide/style.module.scss
index aae71e810..036566e93 100644
--- a/src/modules/landing/Componets/ScalableSlide/style.module.scss
+++ b/src/modules/landing/Componets/ScalableSlide/style.module.scss
@@ -40,13 +40,15 @@
display: flex;
flex-wrap: wrap;
justify-content: center;
- gap: 120px;
+ gap: 3vw;
bottom: 60px;
width: 100%;
position: absolute;
z-index: 2;
left: 0;
border-top: 1px solid rgba(white, 0.2);
+ padding-left: 32px;
+ padding-right: 32px;
@include is-tablet {
flex-wrap: nowrap;
diff --git a/src/modules/landing/Componets/Section_7/constant.ts b/src/modules/landing/Componets/Section_7/constant.ts
index b60b356a0..68ac3a624 100644
--- a/src/modules/landing/Componets/Section_7/constant.ts
+++ b/src/modules/landing/Componets/Section_7/constant.ts
@@ -31,6 +31,25 @@ const BLOGS = [
link: 'https://blockworks.co/news/defi-on-bitcoin',
linkTarget: '_blank',
},
+ {
+ id: '6',
+ title: `Bitcoin faster? Project uses Optimism to generate blocks every 2 seconds`,
+ desc: `Blockchain NOS aims to give scalability to the decentralized ecosystem created on Bitcoin, says Punk 3700, one of the developers behind the project`,
+ logo: 'CoinTelegraph Brazil',
+ imageUrl: `${CDN_URL_BLOGS}/CoinTelegraph_Brazil_02.jpeg`,
+ link: 'https://br.cointelegraph.com/news/bitcoin-becoming-faster-project-uses-optimism-to-generate-blocks-with-2-second-time',
+ linkTarget: '_blank',
+ },
+ {
+ id: '8',
+ title: `BITCOIN VIRTUAL MACHINE DEPLOYS UNISWAP V2 SMART CONTRACTS: HUGE MILESTONE FOR BITCOIN`,
+ desc: `The emergence of #Ordinals and #BRC20 tokens has led to a renaissance period for #Bitcoin
+ With their deployment of Uniswap v2 smart contracts on #BTC, @TrustlessOnBTC is right at the forefront of this exciting development`,
+ logo: 'Influencive',
+ imageUrl: `${CDN_URL_BLOGS}/Influencive.png`,
+ link: 'https://twitter.com/Influencive/status/1657455923692986370',
+ linkTarget: '_blank',
+ },
{
id: '12',
title: `Bitcoin Transactions Hit Record High as New Token Type Takes Off`,
@@ -125,26 +144,9 @@ const BLOGS = [
linkTarget: '_blank',
},
- {
- id: '6',
- title: `Bitcoin faster? Project uses Optimism to generate blocks every 2 seconds`,
- desc: `Blockchain NOS aims to give scalability to the decentralized ecosystem created on Bitcoin, says Punk 3700, one of the developers behind the project`,
- logo: 'CoinTelegraph Brazil',
- imageUrl: `${CDN_URL_BLOGS}/CoinTelegraph_Brazil_02.jpeg`,
- link: 'https://br.cointelegraph.com/news/bitcoin-becoming-faster-project-uses-optimism-to-generate-blocks-with-2-second-time',
- linkTarget: '_blank',
- },
- {
- id: '8',
- title: `BITCOIN VIRTUAL MACHINE DEPLOYS UNISWAP V2 SMART CONTRACTS: HUGE MILESTONE FOR BITCOIN`,
- desc: `The emergence of #Ordinals and #BRC20 tokens has led to a renaissance period for #Bitcoin
- With their deployment of Uniswap v2 smart contracts on #BTC, @TrustlessOnBTC is right at the forefront of this exciting development`,
- logo: 'Influencive',
- imageUrl: `${CDN_URL_BLOGS}/Influencive.png`,
- link: 'https://twitter.com/Influencive/status/1657455923692986370',
- linkTarget: '_blank',
- },
+
+
{
id: '10',
title: `Smart Contracts on Bitcoin? Here’s All You Need to Know`,
diff --git a/src/modules/landing/Componets/Section_7/index.tsx b/src/modules/landing/Componets/Section_7/index.tsx
index 36ca1aaa7..83ed2eb43 100644
--- a/src/modules/landing/Componets/Section_7/index.tsx
+++ b/src/modules/landing/Componets/Section_7/index.tsx
@@ -46,7 +46,7 @@ const Section_7 = () => {
{
return (
-
+
Oh, and the press loves us too!
diff --git a/src/modules/landing/Componets/Section_7/styles.module.scss b/src/modules/landing/Componets/Section_7/styles.module.scss
index 7f07d6387..724f93edb 100644
--- a/src/modules/landing/Componets/Section_7/styles.module.scss
+++ b/src/modules/landing/Componets/Section_7/styles.module.scss
@@ -90,6 +90,20 @@
}
.slide {
+
+ padding-top: 48px;
+ padding-bottom: 48px;
+
+ @include is-tablet{
+ padding-top: 80px;
+ padding-bottom: 80px;
+ }
+
+ @include is-pc{
+ padding-top: 120px;
+ padding-bottom: 120px;
+ }
+
:global {
.slick-arrow {
diff --git a/src/modules/landing/index.tsx b/src/modules/landing/index.tsx
index e4dffc856..9f98e3f3f 100644
--- a/src/modules/landing/index.tsx
+++ b/src/modules/landing/index.tsx
@@ -10,6 +10,7 @@ import Section7Mobile from './Componets/Section_7/Section_7_Mobile';
import BitEth from '@/modules/landing/Componets/BitEth';
import Ecosystem from './Componets/Ecosystem';
import LegoV2 from '@/modules/landing/Componets/LegoV2';
+import JoinAllowList from '@/modules/landing/Componets/Hero/JoinAllowList';
export default function Landing() {
const { mobileScreen, tabletScreen } = useWindowSize();
@@ -25,6 +26,7 @@ export default function Landing() {
{mobileScreen || tabletScreen ? : }
{mobileScreen || tabletScreen ? : }
+
);
}