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 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" /> ) 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 { 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};