Merge branch 'feat/247-change-type-of-eslint-config' of github.com:ro…

…lling-scopes/site into feat/247-change-type-of-eslint-config

src/features/home/hero/hero.scss

@@ -99,39 +99,6 @@
       padding: 0 0 0 24px;
     }
   }
-
-  & > .tags-container {
-    @include media-tablet {
-      flex-direction: column;
-      align-items: flex-start;
-      padding: 0;
-    }
-
-    @include media-mobile {
-      padding: 0;
-    }
-
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: space-between;
-
-    width: max-content;
-    padding: 0 0 0 24px;
-
-    & .tag-container {
-      @include media-tablet {
-        margin-top: 16px;
-      }
-
-      display: flex;
-      align-items: center;
-    }
-  }
-
-  & .tag-divider {
-    margin: 0 8px;
-  }
 }
 
 .description-title {

src/features/home/hero/hero.test.tsx

@@ -24,22 +24,4 @@ describe('Hero', () => {
 
     expect(descTitle).toBeVisible();
   });
-
-  it('renders three tags', () => {
-    renderWithRouter(<Hero />);
-    const tags = screen.getAllByRole('link');
-
-    expect(tags.length).toBe(3);
-  });
-
-  it('renders the correct tag labels', () => {
-    renderWithRouter(<Hero />);
-    const tag1 = screen.getByRole('link', { name: /education/i });
-    const tag2 = screen.getByRole('link', { name: /events & meetups/i });
-    const tag3 = screen.getByRole('link', { name: /community building/i });
-
-    expect(tag1).toBeInTheDocument();
-    expect(tag2).toBeInTheDocument();
-    expect(tag3).toBeInTheDocument();
-  });
 });

src/features/home/hero/hero.tsx

@@ -1,28 +1,5 @@
-import { TagDivider } from './tag-divider';
-import { LinkCustom } from '@/app/components';
-
 import './hero.scss';
 
-interface TagProps {
-  id: string;
-  label: string;
-}
-
-const tags: TagProps[] = [
-  {
-    id: 'school',
-    label: 'education',
-  },
-  {
-    id: 'events',
-    label: 'events & meetups',
-  },
-  {
-    id: 'community',
-    label: 'community building',
-  },
-];
-
 export const Hero = () => {
   return (
     <main id="main" className="main container">
@@ -36,16 +13,6 @@ export const Hero = () => {
           </div>
         </div>
         <h2 className="description-title">Connecting people, growing together, having fun</h2>
-        <div className="tags-container">
-          {tags.map(({ id, label }, index) => (
-            <div className="tag-container" key={id}>
-              <LinkCustom href={`#${id}`} button variant="outlined" rounded>
-                {label}
-              </LinkCustom>
-              {index !== tags?.length - 1 && <TagDivider />}
-            </div>
-          ))}
-        </div>
       </div>
     </main>
   );