update

Author: ehsanmarkazi

public/fonts/Rokh-Bold.woff2

@@ -13,9 +13,9 @@ const HeaderFirstPage = () => {
           initial={{ opacity: 0, scale: 0 }}
           animate={{ opacity: 1, scale: 1 }}
           transition={{ duration: 0.3, delay: 0.3 }}
-          className="w-[50%] text-center font-bold text-[56px] text-dark-yellow mt-0 whitespace-nowrap"
+          className="w-[50%] text-center font-bold text-[56px] text-dark-yellow whitespace-nowrap font-rokh mt-5"
         >
-          متاورس رنک
+          متاورس رنگ
         </motion.h1>
         <motion.div
           initial={{ opacity: 0, scale: 0 }}

src/components/templates/firstpage/HeaderFirstPage.tsx

@@ -45,3 +45,14 @@ export const azarMehr = localFont({
   ],
   variable: "--font-font-azar",
 });
+
+export const rokh = localFont({
+  src: [
+    {
+      path: "./../../../public/fonts/Rokh-Bold.woff2",
+      weight: "950",
+      style: "bold",
+    },
+  ],
+  variable: "--font-font-rokh",
+});

src/components/utils/fonts.tsx

@@ -17,12 +17,22 @@ import LastContent from "@/components/templates/firstpage/LastContent";
 import DetailsEducationSection from "@/components/templates/firstpage/DetailsEducationSection";
 import VersionSection from "@/components/templates/firstpage/VersionSection";
 import Image from "next/image";
+import BaseLayout from "@/components/BaseLayout";
 
 type IndexProps = {};
 
-const Index: React.FC<IndexProps> = ({ footerTabs }: any) => {
+const Index: React.FC<IndexProps> = ({
+  profileData,
+  titleData,
+  nameSite,
+  localSite,
+  error,
+  nameUser,
+  footerTabs,
+}: any) => {
   const { languageSelected } = useContext(LangContext);
   const [themeDataActive, setThemeDataActive] = useState<any>("dark");
+  const [showLogOut, setShowLogOut] = useState<boolean>(false);
 
   return (
     <>
@@ -33,7 +43,12 @@ const Index: React.FC<IndexProps> = ({ footerTabs }: any) => {
         dir={languageSelected.dir}
         className={`overflow-auto relative `}
       >
-        <BaseLayoutEducation>
+        <BaseLayout
+          profileData={profileData}
+          error={error}
+          titleData={titleData}
+          setShowLogOut={setShowLogOut}
+        >
           <section
             className={`w-full relative flex  flex-col justify-start overflow-x-clip overflow-y-auto items-center bg-[#f8f8f8] dark:bg-[#2F2D28] bg-opacity20 `}
           >
@@ -132,7 +147,7 @@ const Index: React.FC<IndexProps> = ({ footerTabs }: any) => {
               <DynamicFooter footerTabs={footerTabs} />
             </div>
           </section>
-        </BaseLayoutEducation>
+        </BaseLayout>
       </section>
     </>
   );

src/pages/[lang]/index.tsx

@@ -8,14 +8,15 @@ import AuthProvider from "@/context/AuthContext";
 import { TokenProvider } from "@/components/context/TokenContext";
 //FONTS
 import { azarMehr } from "@/utils/fonts";
+import { rokh } from "@/utils/fonts";
 
 export default function App({ Component, pageProps }: AppProps) {
   return (
     <ThemeProvider defaultTheme="dark" enableSystem={false} attribute="class">
       <LangProvider>
         <TokenProvider>
           <AuthProvider>
-            <main className={`${azarMehr.variable}`}>
+            <main className={`${azarMehr.variable} ${rokh.variable}`}>
               <SidebarProvider>
                 <Component {...pageProps} />
               </SidebarProvider>

src/pages/_app.tsx

@@ -79,6 +79,7 @@ module.exports = {
     extend: {
       fontFamily: {
         azarMehr: ["var(--font-font-azar)"],
+        rokh: ["var(--font-font-rokh)"],
       },
       boxShadow: {
         "3xl": "0px 35px 60px 15px rgba(0, 0, 0, 0.6)",