src/components/Header/TopHeader.tsx

@@ -6,7 +6,7 @@ const TopHeader = () => {
     <div className={styles.top_header}>
       <div className="container flex justify-between w-full text-white font-medium">
         <ul className="flex gap-8 items-center px-4">
-          {top_header_data.map(({ id, name }): {} => (
+          {top_header_data.map(({ id, name }) => (
             <li key={id}>{name}</li>
           ))}
         </ul>

src/components/index.ts

@@ -1,3 +1,3 @@
-import { Header } from "./Header";
-
-export {Header}
+export * from "./Header"
+export * from "./Hero"
+export * from "./shared"

src/components/shared/index.ts

@@ -0,0 +1,3 @@
+import Button from "./Button";
+
+export {Button}