Merge pull request #21 from plastic-labs/dm/final-tweaks

Final Content Tweaks
plastic-labs · Dec 3, 2024 · 7225fa0 · 7225fa0
2 parents ecb254d + febb58b
commit 7225fa0
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 29 deletions.
diff --git 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<AboutUsProps> = props => {
     <StyledAboutUs {...props}>
       <TextContent
         title="About Us"
-        ctas={<ButtonLink href="https://blog.plasticlabs.ai/">Blog</ButtonLink>}
+        ctas={
+          <ButtonLink href="https://blog.plasticlabs.ai/">
+            Learn more
+          </ButtonLink>
+        }
       >
         <Text variant="Body2">
           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
@@ -34,15 +34,15 @@ export const Contact: React.FC<ContactProps> = props => {
         inverse
         prompt="To connect with Plastic Labs"
         text="Join Discord"
-        title="Plastic Labs"
+        title="Contact"
       />
       <Divider />
       <LinkGiant
         href="mailto:[email protected]"
         inverse
         prompt="For other inquiries"
         text="[email protected]"
-        title="Questions"
+        title="Inquire"
       />
     </StyledContact>
   )

diff --git 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
@@ -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<NavigationProps> = props => {
-  const router = useRouter()
-
-  const handleContactScroll = (event: MouseEvent<HTMLAnchorElement>) => {
-    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 (
     <StyledNavigationWrapper {...props} id="main-navigation">
       <StyledNavigation aria-label="Main">
         <ButtonLink href="https://blog.plasticlabs.ai/" variant="navigation">
           Blog
         </ButtonLink>
-        <ButtonLink
-          href="/#contact"
-          onClick={handleContactScroll}
-          variant="navigation"
-        >
-          Contact us
+        <ButtonLink href="https://discord.gg/plasticlabs" variant="navigation">
+          Community
         </ButtonLink>
       </StyledNavigation>
     </StyledNavigationWrapper>

diff --git 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};