refactor: update public folder structure

components/Footer.js

@@ -5,7 +5,7 @@ import { learnData, productsData, servicesData } from "@/data/footerData";
 const SocialDivLink = ({ link, name, width }) => {
   return (
     <a href={link}>
-      <img src={"icons/" + name + ".svg"} alt={name} style={{ width: width }} />
+      <img src={"icons/socials/" + name + ".svg"} alt={name} style={{ width: width }} />
     </a>
   );
 };
@@ -37,21 +37,21 @@ const FooterSocial = () => {
       <SocialDiv />
       <div className={styles.socialDivMobile} style={{ marginBottom: 37, columnGap: 40 }}>
         <a href={"https://discord.gg/xkg8YQhSF6"}>
-          <img src={"icons/discord.svg"} alt={"discord"} />
+          <img src={"icons/socials/discord.svg"} alt={"discord"} />
         </a>
         <a href={"https://twitter.com/Brushfam_io"}>
-          <img src={"icons/twitter.svg"} alt={"twitter"} />
+          <img src={"icons/socials/twitter.svg"} alt={"twitter"} />
         </a>
         <a href={"mailto:info@brushfam.io"}>
-          <img src={"icons/mail.svg"} alt={"mail"} />
+          <img src={"icons/socials/mail.svg"} alt={"mail"} />
         </a>
       </div>
       <div className={styles.socialDivMobile} style={{ marginBottom: 37, columnGap: 50 }}>
         <a href={"https://medium.com/727-ventures"}>
-          <img src={"icons/medium.svg"} alt={"medium"} />
+          <img src={"icons/socials/medium.svg"} alt={"medium"} />
         </a>
         <a href={"https://t.me/openbrush"}>
-          <img src={"icons/telegram.svg"} alt={"telegram"} />
+          <img src={"icons/socials/telegram.svg"} alt={"telegram"} />
         </a>
       </div>
       <div className={styles.socialDivMobile} style={{ columnGap: 50 }}>
@@ -60,10 +60,10 @@ const FooterSocial = () => {
             "https://matrix.to/#/!utTuYglskDvqRRMQta:matrix.org?via=matrix.org&via=t2bot.io&via=web3.foundation"
           }
         >
-          <img src={"icons/element.svg"} alt={"element"} />
+          <img src={"icons/socials/element.svg"} alt={"element"} />
         </a>
         <a href={"https://www.youtube.com/@brushfam_io"}>
-          <img src={"icons/youtube.svg"} alt={"youtube"} style={{ width: 48 }} />
+          <img src={"icons/socials/youtube.svg"} alt={"youtube"} style={{ width: 48 }} />
         </a>
       </div>
     </div>

components/MobileNavbar.js

@@ -111,19 +111,19 @@ const SocialBlock = () => {
   return (
     <div className={styles.social}>
       <Link href={"https://t.me/openbrush"} style={{ marginRight: 38 }}>
-        <img src={"icons/telegram.svg"} alt={"telegram"} style={{ width: 22 }} />
+        <img src={"icons/socials/telegram.svg"} alt={"telegram"} style={{ width: 22 }} />
       </Link>
       <Link
         href={"https://instagram.com/727_ventures?igshid=ZmVmZTY5ZGE="}
         style={{ marginRight: 38 }}
       >
-        <img src={"icons/inst-mobile.svg"} alt={"instagram"} />
+        <img src={"icons/socials/inst-mobile.svg"} alt={"instagram"} />
       </Link>
       <Link href={"https://twitter.com/Brushfam_io"} style={{ marginRight: 38 }}>
-        <img src={"icons/twitter.svg"} alt={"twitter"} style={{ width: 21 }} />
+        <img src={"icons/socials/twitter.svg"} alt={"twitter"} style={{ width: 21 }} />
       </Link>
       <Link href={"mailto:info@brushfam.io"}>
-        <img src={"icons/mail.svg"} alt={"mail"} style={{ width: 24 }} />
+        <img src={"icons/socials/mail.svg"} alt={"mail"} style={{ width: 24 }} />
       </Link>
     </div>
   );
@@ -217,7 +217,7 @@ export const MobileNavbar = () => {
           <img src={"logos/brushfam-mobile-logo.svg"} alt={"brushfam mobile logo"} />
         </Link>
         <img
-          src={"mobile-navbar-button.svg"}
+          src={"nav-icons/mobile-navbar-button.svg"}
           alt={"mobile navbar button"}
           className={styles.navbarMenuButton}
           onClick={toggle}
@@ -227,7 +227,7 @@ export const MobileNavbar = () => {
       {isOpened ? (
         <div className={styles.navbarContainer}>
           <img
-            src={"exit-button.svg"}
+            src={"icons/exit-button.svg"}
             alt={"exit button"}
             className={styles.exitButton}
             onClick={toggle}
@@ -238,31 +238,31 @@ export const MobileNavbar = () => {
           <div className={styles.item}>
             <button type="button" className={styles.button} onClick={setProducts}>
               Products
-              <img id={"arrow1"} src={"arrow.svg"} alt={"arrow"} className={styles.arrow} />
+              <img id={"arrow1"} src={"icons/arrow.svg"} alt={"arrow"} className={styles.arrow} />
             </button>
             {ProductsIsOpened ? <ProductsList /> : null}
           </div>
 
           <div className={styles.item}>
             <button type="button" className={styles.button} onClick={setServices}>
               Services & Solutions
-              <img id={"arrow2"} src={"arrow.svg"} alt={"arrow"} className={styles.arrow} />
+              <img id={"arrow2"} src={"icons/arrow.svg"} alt={"arrow"} className={styles.arrow} />
             </button>
             {ServicesIsOpened ? <ServicesList /> : null}
           </div>
 
           <div className={styles.item}>
             <button type="button" className={styles.button} onClick={setLearn}>
               Learn
-              <img id={"arrow3"} src={"arrow.svg"} alt={"arrow"} className={styles.arrow} />
+              <img id={"arrow3"} src={"icons/arrow.svg"} alt={"arrow"} className={styles.arrow} />
             </button>
             {LearnIsOpened ? <LearnList /> : null}
           </div>
 
           <div className={styles.item}>
             <button type="button" className={styles.button} onClick={setCompany}>
               Company
-              <img id={"arrow4"} src={"arrow.svg"} alt={"arrow"} className={styles.arrow} />
+              <img id={"arrow4"} src={"icons/arrow.svg"} alt={"arrow"} className={styles.arrow} />
             </button>
             {CompanyIsOpened ? <CompanyList /> : null}
           </div>

data/PrivacyPolicy/PrivacyPolicyContent.js

@@ -43,7 +43,7 @@ export const point0 = [
 const ListText = (text) => {
   return (
     <div className={styles.listDiv}>
-      <img alt={"list-dot"} src={"list-dot.svg"} />
+      <img src={"icons/list-dot.svg"} alt={"list-dot"} />
       <p style={{ textIndent: 0 }}>{text}</p>
     </div>
   );

public/fonts/fonts.css

@@ -1,88 +1,88 @@
 /* POPPINS */
 @font-face {
     font-family: 'Poppins';
-    src: url("Poppins-Regular.ttf") format("ttf");
+    src: url("Poppins/Poppins-Regular.ttf") format("ttf");
     font-style: normal;
     font-weight: 400;
 }
 
 @font-face {
     font-family: 'Poppins';
-    src: url("Poppins-Medium.ttf") format("ttf");
+    src: url("Poppins/Poppins-Medium.ttf") format("ttf");
 }
 
 @font-face {
     font-family: 'Poppins';
-    src: url("Poppins-SemiBold.ttf") format("ttf");
+    src: url("Poppins/Poppins-SemiBold.ttf") format("ttf");
 }
 
 @font-face {
     font-family: 'Poppins';
-    src: url("Poppins-Bold.ttf") format("ttf");
+    src: url("Poppins/Poppins-Bold.ttf") format("ttf");
 }
 
 @font-face {
     font-family: 'Poppins';
-    src: url("Poppins-ExtraBold.ttf") format("ttf");
+    src: url("Poppins/Poppins-ExtraBold.ttf") format("ttf");
 }
 
 /* GILROY */
 @font-face {
     font-family: 'Gilroy';
-    src: url('Gilroy-Regular.eot');
-    src: local('Gilroy Regular'), local('Gilroy-Regular'),
-    url('Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
-    url('Gilroy-Regular.woff2') format('woff2'),
-    url('Gilroy-Regular.woff') format('woff'),
-    url('Gilroy-Regular.ttf') format('truetype');
+    src: url('Gilroy/Gilroy-Regular.eot');
+    src: local('Gilroy Regular'), local('Gilroy/Gilroy-Regular'),
+    url('Gilroy/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
+    url('Gilroy/Gilroy-Regular.woff2') format('woff2'),
+    url('Gilroy/Gilroy-Regular.woff') format('woff'),
+    url('Gilroy/Gilroy-Regular.ttf') format('truetype');
     font-weight: 400;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'Gilroy';
-    src: url('Gilroy-Semibold.eot');
-    src: local('Gilroy Semibold'), local('Gilroy-Semibold'),
-    url('Gilroy-Semibold.eot?#iefix') format('embedded-opentype'),
-    url('Gilroy-Semibold.woff2') format('woff2'),
-    url('Gilroy-Semibold.woff') format('woff'),
-    url('Gilroy-Semibold.ttf') format('truetype');
+    src: url('Gilroy/Gilroy-Semibold.eot');
+    src: local('Gilroy Semibold'), local('Gilroy/Gilroy-Semibold'),
+    url('Gilroy/Gilroy-Semibold.eot?#iefix') format('embedded-opentype'),
+    url('Gilroy/Gilroy-Semibold.woff2') format('woff2'),
+    url('Gilroy/Gilroy-Semibold.woff') format('woff'),
+    url('Gilroy/Gilroy-Semibold.ttf') format('truetype');
     font-weight: 600;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'Gilroy';
-    src: url('Gilroy-Medium.eot');
-    src: local('Gilroy Medium'), local('Gilroy-Medium'),
-    url('Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
-    url('Gilroy-Medium.woff2') format('woff2'),
-    url('Gilroy-Medium.woff') format('woff'),
-    url('Gilroy-Medium.ttf') format('truetype');
+    src: url('Gilroy/Gilroy-Medium.eot');
+    src: local('Gilroy Medium'), local('Gilroy/Gilroy-Medium'),
+    url('Gilroy/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
+    url('Gilroy/Gilroy-Medium.woff2') format('woff2'),
+    url('Gilroy/Gilroy-Medium.woff') format('woff'),
+    url('Gilroy/Gilroy-Medium.ttf') format('truetype');
     font-weight: 500;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'Gilroy';
-    src: url('Gilroy-Extrabold.eot');
-    src: local('Gilroy Extrabold'), local('Gilroy-Extrabold'),
-    url('Gilroy-Extrabold.eot?#iefix') format('embedded-opentype'),
-    url('Gilroy-Extrabold.woff2') format('woff2'),
-    url('Gilroy-Extrabold.woff') format('woff'),
-    url('Gilroy-Extrabold.ttf') format('truetype');
+    src: url('Gilroy/Gilroy-Extrabold.eot');
+    src: local('Gilroy Extrabold'), local('Gilroy/Gilroy-Extrabold'),
+    url('Gilroy/Gilroy-Extrabold.eot?#iefix') format('embedded-opentype'),
+    url('Gilroy/Gilroy-Extrabold.woff2') format('woff2'),
+    url('Gilroy/Gilroy-Extrabold.woff') format('woff'),
+    url('Gilroy/Gilroy-Extrabold.ttf') format('truetype');
     font-weight: 800;
     font-style: normal;
 }
 
 @font-face {
     font-family: 'Gilroy';
-    src: url('Gilroy-Heavy.eot');
-    src: local('Gilroy Heavy'), local('Gilroy-Heavy'),
-    url('Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
-    url('Gilroy-Heavy.woff2') format('woff2'),
-    url('Gilroy-Heavy.woff') format('woff'),
-    url('Gilroy-Heavy.ttf') format('truetype');
+    src: url('Gilroy/Gilroy-Heavy.eot');
+    src: local('Gilroy Heavy'), local('Gilroy/Gilroy-Heavy'),
+    url('Gilroy/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
+    url('Gilroy/Gilroy-Heavy.woff2') format('woff2'),
+    url('Gilroy/Gilroy-Heavy.woff') format('woff'),
+    url('Gilroy/Gilroy-Heavy.ttf') format('truetype');
     font-weight: 900;
     font-style: normal;
 }