fix: changes to title and footer copy

iconoir.com/components/Footer.tsx

@@ -15,6 +15,8 @@ export interface FooterCategoryProps {
   links: { name: string; url: string }[];
 }
 
+const year = new Date().getFullYear();
+
 function FooterCategory({ category, links }: FooterCategoryProps) {
   return (
     <FooterCategoryContainer>
@@ -84,7 +86,7 @@ export function Footer() {
       </FooterCategories>
       <FooterEnd>
         <Text13 style={{ fontWeight: 400 }}>
-          Parts of this content are &copy;2020-2023 by individual Iconoir
+          Parts of this content are &copy;2020-{year} by individual Iconoir
           contributors. Content available under a{' '}
           <a href={LICENSE_LINK} target={'_blank'} rel={'nofollow noreferrer'}>
             MIT License

iconoir.com/components/Icon.tsx

@@ -223,7 +223,7 @@ const Subtitle = styled.div<{ $iconWidth: number }>`
   font-size: 11px;
   font-weight: 500;
   line-height: 14.74px;
-  color: var(--black-40);
+  color: var(--black-60);
   text-align: center;
   white-space: nowrap;
   overflow: hidden;

iconoir.com/pages/index.tsx

@@ -43,14 +43,15 @@ const Home: NextPage<HomeProps> = ({
         <HeaderBackground>
           <HeroHead>
             <HeroText>Say hello</HeroText>
-            <HeroTextSecondary>to your new icon library.</HeroTextSecondary>
+            <HeroTextSecondary>
+              to your new free icon library.
+            </HeroTextSecondary>
           </HeroHead>
         </HeaderBackground>
         <HeroDescription>
-          A high-quality selection of free icons. No premium options or
-          sign-ups. Your new alternative to Noun Project, Flaticon, and all
-          Figma resources. Available in SVG, Font, React, React Native, Flutter,
-          Figma and Framer.
+          A high-quality selection of free icons. Your new alternative to Noun
+          Project, Flaticon, and all Figma resources. Available in SVG, Font,
+          React, React Native, Flutter, Figma and Framer.
         </HeroDescription>
         <StatsContainer>
           <Stat
@@ -174,7 +175,7 @@ export const HeroText = styled.h1`
 `;
 export const HeroTextSecondary = styled(HeroText)`
   color: var(--g4);
-  max-width: 1000px;
+  max-width: 1140px;
 `;
 export const HeroDescription = styled(Text18)<{ topMargin?: number }>`
   display: block;