Merge pull request #6 from BanklessDAO/meta

feat: missed regen
BanklessDAO · Oct 6, 2023 · abe1125 · abe1125
2 parents fa55565 + e30b112
commit abe1125
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 30 deletions.
diff --git a/src/components/Blockquote.tsx b/src/components/Blockquote.tsx
@@ -56,7 +56,7 @@ function BlockquoteWithoutImage({
   return (
     <Border position="left" className={clsx('pl-8', className)}>
       <figure className="text-sm">
-        <blockquote className="text-neutral-600 [&>*]:relative [&>:first-child]:before:absolute [&>:first-child]:before:right-full [&>:first-child]:before:content-['“'] [&>:last-child]:after:content-['”']">
+        <blockquote className="text-gray-400 [&>*]:relative [&>:first-child]:before:absolute [&>:first-child]:before:right-full [&>:first-child]:before:content-['“'] [&>:last-child]:after:content-['”']">
           {typeof children === 'string' ? <p>{children}</p> : children}
         </blockquote>
         <figcaption className="mt-6 font-semibold text-white">

diff --git a/src/components/ContactSection.tsx b/src/components/ContactSection.tsx
@@ -1,7 +1,6 @@
 import { Button } from '@/components/Button'
 import { Container } from '@/components/Container'
 import { FadeIn } from '@/components/FadeIn'
-import { Offices } from '@/components/Offices'
 
 export function ContactSection() {
   return (
@@ -13,19 +12,10 @@ export function ContactSection() {
               Tell us about your project
             </h2>
             <div className="mt-6 flex">
-              <Button className="text-black" href="/contact" invert>
-                Say Hei
+              <Button href="/" invert>
+                <p className="text-black">Contact us</p>
               </Button>
             </div>
-            <div className="mt-10 border-t border-white/10 pt-10">
-              <h3 className="font-display text-base font-semibold text-white">
-                Our offices
-              </h3>
-              <Offices
-                invert
-                className="mt-6 grid grid-cols-1 gap-8 sm:grid-cols-2"
-              />
-            </div>
           </div>
         </div>
       </FadeIn>

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -11,7 +11,6 @@ const navigation = [
   {
     title: 'Work',
     links: [
-      { title: 'FamilyFund', href: '/work/family-fund' },
       { title: 'Unseal', href: '/work/unseal' },
       { title: 'Phobia', href: '/work/phobia' },
       {
@@ -28,9 +27,7 @@ const navigation = [
     title: 'Company',
     links: [
       { title: 'About', href: '/about' },
-      { title: 'Process', href: '/process' },
       { title: 'Blog', href: '/blog' },
-      { title: 'Contact us', href: '/contact' },
     ],
   },
   {
@@ -48,7 +45,7 @@ function Navigation() {
             <div className="font-display text-sm font-semibold tracking-wider text-white">
               {section.title}
             </div>
-            <ul role="list" className="mt-4 text-sm text-neutral-700">
+            <ul role="list" className="mt-4 text-sm text-gray-400">
               {section.links.map((link, linkIndex) => (
                 <li key={linkIndex} className="mt-4">
                   <Link
@@ -86,7 +83,7 @@ function NewsletterForm() {
       <h2 className="font-display text-sm font-semibold tracking-wider text-white">
         Sign up for our newsletter
       </h2>
-      <p className="mt-4 text-sm text-neutral-700">
+      <p className="mt-4 text-sm text-gray-400">
         Subscribe to get the latest design news, articles, resources and
         inspiration.
       </p>

diff --git a/src/components/List.tsx b/src/components/List.tsx
@@ -29,7 +29,7 @@ export function ListItem({
   return (
     <li className="group mt-10 first:mt-0">
       <FadeIn>
-        <Border className="pt-10 group-first:pt-0 group-first:before:hidden group-first:after:hidden">
+        <Border className="pt-10 group-first:pt-0 text-gray-400 font-medium group-first:before:hidden group-first:after:hidden">
           {title && (
             <strong className="font-semibold text-white">{`${title}. `}</strong>
           )}

diff --git a/src/components/RootLayout.tsx b/src/components/RootLayout.tsx
@@ -41,7 +41,7 @@ function XIcon(props: React.ComponentPropsWithoutRef<'svg'>) {
 function MenuIcon(props: React.ComponentPropsWithoutRef<'svg'>) {
   return (
     <svg viewBox="0 0 24 24" aria-hidden="true" {...props}>
-      <path d="M2 6h20v2H2zM2 16h20v2H2z" />
+      <path fill="white" d="M2 6h20v2H2zM2 16h20v2H2z" />
     </svg>
   )
 }
@@ -79,7 +79,7 @@ function Header({
           /> */}
           <Image
             src={banklessLogo}
-            alt='BanklessDAO logo'
+            alt="BanklessDAO logo"
             width={120}
             height={120}
           />
@@ -90,7 +90,7 @@ function Header({
           /> */}
         </Link>
         <div className="flex items-center gap-x-8">
-          <Button href="/contact" invert={invert}>
+          <Button href="/">
             Contact us
           </Button>
           <button
@@ -101,7 +101,7 @@ function Header({
             aria-controls={panelId}
             className={clsx(
               'group -m-2.5 rounded-full p-2.5 transition',
-              invert ? 'hover:bg-white/10' : 'hover:bg-neutral-950/10',
+              invert ? 'hover:bg-neutral-950/10' : 'hover:bg-neutral-950/10',
             )}
             aria-label="Toggle navigation"
           >
@@ -239,15 +239,15 @@ function RootLayoutInner({ children }: { children: React.ReactNode }) {
             <div className="relative bg-neutral-950 before:absolute before:inset-x-0 before:top-0 before:h-px before:bg-neutral-800">
               <Container>
                 <div className="grid grid-cols-1 gap-y-10 pb-16 pt-10 sm:grid-cols-2 sm:pt-16">
-                  <div>
+                  {/* <div>
                     <h2 className="font-display text-base font-semibold text-white">
                       Our offices
                     </h2>
                     <Offices
                       invert
                       className="mt-6 grid grid-cols-1 gap-8 sm:grid-cols-2"
                     />
-                  </div>
+                  </div> */}
                   <div className="sm:border-l sm:border-transparent sm:pl-16">
                     <h2 className="font-display text-base font-semibold text-white">
                       Follow us

diff --git a/src/components/SocialMedia.tsx b/src/components/SocialMedia.tsx
@@ -58,11 +58,8 @@ function DribbbleIcon(props: React.ComponentPropsWithoutRef<'svg'>) {
 }
 
 export const socialMediaProfiles = [
-  { title: 'Facebook', href: 'https://facebook.com', icon: FacebookIcon },
-  { title: 'Instagram', href: 'https://instagram.com', icon: InstagramIcon },
   { title: 'Twitter', href: 'https://twitter.com', icon: TwitterIcon },
   { title: 'GitHub', href: 'https://github.com', icon: GitHubIcon },
-  { title: 'Dribbble', href: 'https://dribbble.com', icon: DribbbleIcon },
 ]
 
 export function SocialMedia({

diff --git a/src/components/Testimonial.tsx b/src/components/Testimonial.tsx
@@ -17,12 +17,12 @@ export function Testimonial({
   return (
     <div
       className={clsx(
-        'relative isolate bg-black py-16 sm:py-28 md:py-32',
+        'relative isolate bg-neutral-950 py-16 sm:py-28 md:py-32',
         className,
       )}
     >
       <GridPattern
-        className="absolute inset-0 -z-10 h-full w-full fill-gray-800 stroke-neutral-950/5 [mask-image:linear-gradient(to_bottom_left,white_50%,transparent_60%)]"
+        className="absolute inset-0 -z-10 h-full w-full fill-gray-700 stroke-neutral-950/5 [mask-image:linear-gradient(to_bottom_left,white_50%,transparent_60%)]"
         yOffset={-256}
       />
       <Container>