From f0b24e663cc62a4fb318c5175f2ee39db38a58e2 Mon Sep 17 00:00:00 2001 From: David McKelvey Date: Tue, 3 Dec 2024 14:06:43 -0800 Subject: [PATCH 1/4] button text change --- components/composed/about-us/about-us.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/components/composed/about-us/about-us.tsx b/components/composed/about-us/about-us.tsx index d85001b..4af8e7b 100644 --- a/components/composed/about-us/about-us.tsx +++ b/components/composed/about-us/about-us.tsx @@ -22,7 +22,11 @@ export const AboutUs: React.FC = props => { Blog} + ctas={ + + Learn more + + } > Plastic Labs is a research-driven company building at the intersection From bd40aa314906e1f4015c4c160cbb0b0b47fb35f8 Mon Sep 17 00:00:00 2001 From: David McKelvey Date: Tue, 3 Dec 2024 14:06:55 -0800 Subject: [PATCH 2/4] button title changes --- components/composed/contact/contact.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/components/composed/contact/contact.tsx b/components/composed/contact/contact.tsx index ceeca89..2e256ed 100644 --- a/components/composed/contact/contact.tsx +++ b/components/composed/contact/contact.tsx @@ -34,7 +34,7 @@ export const Contact: React.FC = props => { inverse prompt="To connect with Plastic Labs" text="Join Discord" - title="Plastic Labs" + title="Contact" /> = props => { inverse prompt="For other inquiries" text="hello@plasticlabs.ai" - title="Questions" + title="Inquire" /> ) From 927d6f85607f98fdd61a94360a632878d359a8b0 Mon Sep 17 00:00:00 2001 From: David McKelvey Date: Tue, 3 Dec 2024 14:07:30 -0800 Subject: [PATCH 3/4] title child bullet tweak --- components/core/title/title.tsx | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/components/core/title/title.tsx b/components/core/title/title.tsx index 36e95db..53c3b75 100644 --- a/components/core/title/title.tsx +++ b/components/core/title/title.tsx @@ -27,10 +27,15 @@ const StyledTitleArea = styled.div<{ $delay: number }>` text-transform: lowercase; white-space: nowrap; - &::before { + &:first-child:before { content: '>'; padding-right: 0.34em; } + + &:not(:first-child):before { + content: '-'; + padding-right: 0.34em; + } } *:first-child::after { From febb58b579352d3451763ee28f8430aa228786cf Mon Sep 17 00:00:00 2001 From: David McKelvey Date: Tue, 3 Dec 2024 15:38:25 -0800 Subject: [PATCH 4/4] update link in header --- components/layout/header/navigation.tsx | 26 ++----------------------- components/sections/hero/hero.tsx | 2 +- 2 files changed, 3 insertions(+), 25 deletions(-) diff --git a/components/layout/header/navigation.tsx b/components/layout/header/navigation.tsx index 62d0d59..94b6c9c 100644 --- a/components/layout/header/navigation.tsx +++ b/components/layout/header/navigation.tsx @@ -1,14 +1,10 @@ 'use client' -import { useRouter } from 'next/navigation' -import { MouseEvent } from 'react' import styled from 'styled-components' import { ButtonLink } from '@/components/interactive/buttons/button-link' import { WIDE_BREAKPOINT } from '@/styles/breakpoints' import { NavigationProps } from './header.types' -const HEADER_HEIGHT = 4.375 * 16 - 1 - const StyledNavigationWrapper = styled.div` justify-self: end; display: grid; @@ -35,32 +31,14 @@ const StyledNavigation = styled.nav` ` export const Navigation: React.FC = props => { - const router = useRouter() - - const handleContactScroll = (event: MouseEvent) => { - const contactEl = document.getElementById('contact') - if (contactEl) { - const { top } = contactEl.getBoundingClientRect() - if (top > HEADER_HEIGHT) { - event.preventDefault() - window.scrollTo({ top: top - HEADER_HEIGHT, behavior: 'smooth' }) - router.push('#contact', { scroll: false }) - } - } - } - return ( Blog - - Contact us + + Community diff --git a/components/sections/hero/hero.tsx b/components/sections/hero/hero.tsx index e57300e..91b81f4 100644 --- a/components/sections/hero/hero.tsx +++ b/components/sections/hero/hero.tsx @@ -10,7 +10,7 @@ import { Section } from '@/components/layout/section' import { WIDE_BREAKPOINT } from '@/styles/breakpoints' import { IconPlus } from './icon-plus' -const DEFAULT_MAIN_NAVIGATION_WIDTH = 305 // pixels +const DEFAULT_MAIN_NAVIGATION_WIDTH = 291 // pixels const StyledHeroSection = styled(Section)` --main-navigation-width: ${DEFAULT_MAIN_NAVIGATION_WIDTH};