diff --git a/src/components/common/footer/footer.tsx b/src/components/common/footer/footer.tsx index e6e51c1..cfe9563 100644 --- a/src/components/common/footer/footer.tsx +++ b/src/components/common/footer/footer.tsx @@ -18,7 +18,7 @@ export const DevelopersLinks = [ export const ProductsLinks = [ { href: '/products', title: 'Products' }, - { href: '/watchers', title: 'Watchers (SDK)' }, + { href: '/products/#laconicwatchers', title: 'Watchers (SDK)' }, { href: '/products/#laconicstack', title: 'Laconic Stack' }, { href: '/products/#laconicnetwork', title: 'Laconic Network' }, { href: '/products/#laconicapp', title: 'Laconic App' }, diff --git a/src/components/sections/blog/shares/index.tsx b/src/components/sections/blog/shares/index.tsx index 87c36d6..4e2c97f 100644 --- a/src/components/sections/blog/shares/index.tsx +++ b/src/components/sections/blog/shares/index.tsx @@ -3,7 +3,6 @@ import Link from 'next/link' import { Discord, Facebook, - Instagram, Reddit, Telegram, Twitter @@ -52,11 +51,6 @@ const Shares = ({ url }: SharesProps) => { - - - - - diff --git a/src/components/sections/blog/shares/shares.module.scss b/src/components/sections/blog/shares/shares.module.scss index 0f35229..22fe203 100644 --- a/src/components/sections/blog/shares/shares.module.scss +++ b/src/components/sections/blog/shares/shares.module.scss @@ -3,7 +3,7 @@ .container { border-top: 1px solid var(--color-white); padding-top: tovw(96px, 'default', 48px); - padding-bottom: tovw(243px, 'default', 95px); + padding-bottom: tovw(100px, 'default', 95px); text-align: center; max-width: tovw(856px, 'default', 856px); diff --git a/src/components/sections/homepage/benefits/index.tsx b/src/components/sections/homepage/benefits/index.tsx index 18307d1..a74ad8b 100644 --- a/src/components/sections/homepage/benefits/index.tsx +++ b/src/components/sections/homepage/benefits/index.tsx @@ -133,7 +133,11 @@ const Benefits = () => { LNT rewards for network participation - + Get Started diff --git a/src/components/sections/homepage/hero/hero.module.scss b/src/components/sections/homepage/hero/hero.module.scss index d371f8b..b3b4143 100644 --- a/src/components/sections/homepage/hero/hero.module.scss +++ b/src/components/sections/homepage/hero/hero.module.scss @@ -21,6 +21,12 @@ aspect-ratio: 16 / 9; } + h1 { + @media screen and (max-width: 375px) { + font-size: tovw(42px, 'mobile'); + } + } + &::after, &::before { @include respond-to('mobile') { @@ -64,60 +70,21 @@ height: tovw(72px, 'default', 56px); } - .arrow { - width: tovw(16px, 'default', 12px); - height: tovw(24px, 'default', 24px); - } - - .flag { - margin: 0 auto 0 tovw(8px, 'default', 6px); - width: tovw(36px, 'default', 36px); - height: tovw(20px, 'default', 20px); - } - p { margin: 0 auto; } - .scroll { + .buttons__container { @include respond-to('mobile') { - bottom: 5%; - grid-template-columns: 1fr; - } - @include respond-to('mobile-sm') { - bottom: 2%; - } - - display: grid; - position: absolute; - bottom: 11%; - left: tovw(56px, 'default', 16px); - align-items: center; - width: calc(100% - (tovw(56px, 'default', 16px) * 2)); - grid-template-columns: repeat(1, 1fr); - grid-template-rows: 1fr; - - p, - li { - width: 100%; - text-align: right; - text-transform: uppercase; - line-height: 1.7; - font-family: var(--font-dm-mono); - font-size: tovw(12px, 'default', 11px); - font-variant-numeric: tabular-nums; - } - - > div { - display: flex; - align-items: center; flex-direction: column; - justify-content: center; - - span { - display: block; - } + width: 100%; } + + display: flex; + justify-content: center; + margin-top: tovw(90px, 'default', 40px); + gap: tovw(24px, 'default', 20px); + width: calc(100% - (tovw(56px, 'default', 16px) * 2)); } .video { diff --git a/src/components/sections/homepage/hero/index.tsx b/src/components/sections/homepage/hero/index.tsx index 7fe4330..102c99c 100644 --- a/src/components/sections/homepage/hero/index.tsx +++ b/src/components/sections/homepage/hero/index.tsx @@ -1,10 +1,9 @@ import clsx from 'clsx' import { useRef } from 'react' -import { ArrowDotted } from '~/components/icons/arrow' import Line from '~/components/icons/line' import Section from '~/components/layout/section' -import { Button } from '~/components/primitives/button' +import { ButtonLink } from '~/components/primitives/button' import Heading from '~/components/primitives/heading' import HighlightedText from '~/components/primitives/highlighted-text' import { useIsomorphicLayoutEffect } from '~/hooks/use-isomorphic-layout-effect' @@ -42,35 +41,34 @@ const Hero = () => { Build a
{' '} - Fast Frictionless,
& Provable -
+ Fast, Frictionless,
& Provable + {' '} Web3
+

From months to minutes. Laconic’s multi-chain verifiable data
{' '} marketplace accelerates blockchain development,
interoperability, and adoption

- -
-
- - Scroll Down - - -
+
+ + JOIN US NOW + + + CHAT WITH US +
)