Work in client feedback (#44)

This commit is contained in:
Fede Álvarez 2022-04-15 20:43:20 +02:00 committed by GitHub
parent e6954eb830
commit ae28aa474b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 70 additions and 54 deletions

View File

@ -1,5 +1,6 @@
import {
Discord,
Discourse,
Facebook,
Instagram,
Linkedin,
@ -17,10 +18,11 @@ export const DevelopersLinks = [
export const ProductsLinks = [
{ href: '/products', title: 'Products' },
{ href: '/watchers', title: 'Watchers' },
{ href: '/network', title: 'Network' },
{ href: '/wallet', title: 'Wallet' },
{ href: '/token', title: 'Token' }
{ href: '/watchers', title: 'Watchers (SDK)' },
{ href: '/stack', title: 'Laconic Stack' },
{ href: '/network', title: 'Laconic Network' },
{ href: '/app', title: 'Laconic App' },
{ href: '/token', title: 'Laconic Network Token (LNT)' }
]
export const AboutLinks = [
@ -47,9 +49,14 @@ export const ConnectLinks = [
logo: <Twitter />
},
{
href: 'https://t.me/laconicnetwork',
title: 'Telegram',
logo: <Telegram />
href: 'https://discord.com/invite/ukhbBemyxY',
title: 'Discord',
logo: <Discord />
},
{
href: 'https://laconic.community/',
title: 'Discourse',
logo: <Discourse />
},
{
href: 'https://www.reddit.com/r/LaconicNetwork/',
@ -57,14 +64,9 @@ export const ConnectLinks = [
logo: <Reddit />
},
{
href: 'https://discord.com/invite/ukhbBemyxY',
title: 'Discord',
logo: <Discord />
},
{
href: 'https://instagram.com/laconicnetwork',
title: 'Instagram',
logo: <Instagram />
href: 'https://t.me/laconicnetwork',
title: 'Telegram',
logo: <Telegram />
},
{
href: 'https://www.linkedin.com/company/laconic-network/',
@ -75,5 +77,10 @@ export const ConnectLinks = [
href: 'https://www.facebook.com/laconicnetwork',
title: 'Facebook',
logo: <Facebook />
},
{
href: 'https://instagram.com/laconicnetwork',
title: 'Instagram',
logo: <Instagram />
}
]

View File

@ -58,8 +58,7 @@ const Hero = () => {
greater access to verifiable data.
</p>
<div>
<Link href="https://google.com">WHITE PAPER</Link>
<Link href="https://google.com">FAQ</Link>
<Link href="https://docs.laconic.com/faq">FAQ</Link>
</div>
</div>
</div>

View File

@ -9,7 +9,7 @@ export const laconicTeam = [
},
{
fullName: 'Maly Ly',
position: 'Chief Architect, Cerc',
position: 'Chief Executive, Cerc',
image: '/images/about/team/maly-ly.jpg',
github: '',
linkedin: 'https://www.linkedin.com/in/malytly/',
@ -79,7 +79,7 @@ export const xylmTeam = [
},
{
fullName: 'Michael Gushansky',
position: 'Engineering Lead',
position: 'Head of Marketing',
image: '/images/about/team/michael-gushansky.jpg',
twitter: 'https://twitter.com/mikegushansky',
linkedin: 'https://www.linkedin.com/in/michael-gushansky-08698384/',

View File

@ -1,8 +1,7 @@
import { Arrow } from '~/components/icons/arrow'
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 Link from '~/components/primitives/link'
import s from './hero.module.scss'
@ -40,14 +39,23 @@ const Hero = () => {
Join us as we accelerate blockchain development and interoperability
by expanding access to verifiable data.
</p>
<Link href="https://google.com">LEARN MORE</Link>
<div className={s['buttons__container']}>
<Button size="large" variant="primary">
<ButtonLink
variant="primary"
size="large"
className={s['button']}
href="https://discord.com/invite/ukhbBemyxY"
>
CHAT WITH US
</Button>
<Button size="large" variant="primary">
</ButtonLink>
<ButtonLink
variant="primary"
size="large"
className={s['button']}
href="https://twitter.com/laconicnetwork"
>
JOIN US
</Button>
</ButtonLink>
</div>
</div>
</Section>

View File

@ -29,9 +29,9 @@ const Socials = () => {
/>
<div>
<div className={s['header']}>
<Heading as="h2" variant="xl" centered={false}>
{/* <Heading as="h2" variant="xl" centered={false}>
Socials
</Heading>
</Heading> */}
<Heading as="h2" variant="xl" centered={false}>
Connect With Us
</Heading>
@ -46,24 +46,19 @@ const Socials = () => {
<Twitter />
</a>
</Link>
<Link href={`https://www.reddit.com/r/LaconicNetwork/`}>
<a target="_blank">
<Reddit />
</a>
</Link>
<Link href={`https://instagram.com/laconicnetwork`}>
<a target="_blank">
<Instagram />
</a>
</Link>
<Link href={`https://discord.com/invite/ukhbBemyxY`}>
<a target="_blank">
<Discord />
</a>
</Link>
<Link href={`https://www.facebook.com/laconicnetwork`}>
<Link href={`https://laconic.community/`}>
<a target="_blank">
<Facebook />
<Discourse />
</a>
</Link>
<Link href={`https://www.reddit.com/r/LaconicNetwork/`}>
<a target="_blank">
<Reddit />
</a>
</Link>
<Link href={`https://t.me/laconicnetwork`}>
@ -76,9 +71,14 @@ const Socials = () => {
<Linkedin />
</a>
</Link>
<Link href={`https://laconic.community/`}>
<Link href={`https://www.facebook.com/laconicnetwork`}>
<a target="_blank">
<Discourse />
<Facebook />
</a>
</Link>
<Link href={`https://instagram.com/laconicnetwork`}>
<a target="_blank">
<Instagram />
</a>
</Link>
</div>

View File

@ -25,7 +25,7 @@
.header {
@include respond-to('mobile') {
margin-top: tovw(-135px, 'mobile', -150px);
margin-top: tovw(-102px, 'mobile', -118px);
}
display: flex;
@ -46,7 +46,7 @@
padding-left: unset;
}
padding-left: tovw(125px, 'default', 60px);
padding-left: tovw(340px, 'default', 60px);
}
&:nth-child(2) {
@ -62,7 +62,8 @@
.line {
@include respond-to('mobile') {
top: unset;
position: absolute;
display: unset;
right: 0;
left: 0;
transform: rotate(0deg) translateY(35%) scaleX(1.6);
@ -70,12 +71,13 @@
height: tovw(80px, 'default', 38px);
}
position: absolute;
top: tovw(170px, 'default', 120px);
left: tovw(770px, 'default', 300px);
transform: rotate(270deg) scale(1.6);
width: tovw(173px, 'default', 120px);
height: tovw(72px, 'default', 40px);
// position: absolute;
// top: tovw(170px, 'default', 120px);
// left: tovw(770px, 'default', 300px);
// transform: rotate(270deg) scale(1.6);
// width: tovw(173px, 'default', 120px);
// height: tovw(72px, 'default', 40px);
display: none;
}
.icons__container {
@ -153,6 +155,6 @@
}
position: absolute;
padding-top: tovw(160px, 'default', 80px);
padding-top: tovw(50px, 'default', 30px);
width: tovw(725px, 'default', 320px);
}

View File

@ -3,7 +3,7 @@ import { PageLayout } from '~/components/layout/page'
import AppSection from '~/components/sections/products/app'
import Hero from '~/components/sections/products/hero'
import Network from '~/components/sections/products/network'
import Partners from '~/components/sections/products/partners'
// import Partners from '~/components/sections/products/partners'
import Stack from '~/components/sections/products/stack'
import Token from '~/components/sections/products/token'
@ -18,7 +18,7 @@ const Products: Page = () => {
<Network />
<AppSection />
<Token />
<Partners />
{/* <Partners /> */}
</PageLayout>
)
}