header responsive updated

src/app/_components/about-me/page.tsx

@@ -33,9 +33,7 @@ export default function AboutMe() {
       const res = await fetch("/api/about-me");
       if (res.ok) {
         const data = await res.json();
-        // اطمینان از وجود skills
-
-        setAboutMe(data); // بروزرسانی aboutMe با آرایه skills
+        setAboutMe(data);
       } else {
         console.error("Failed to fetch about me data");
       }
@@ -43,13 +41,9 @@ export default function AboutMe() {
     fetchAboutMeData()
   }, []);
 
-  // if (!aboutMe) {
-  //   return <Skeleton width={40} height={10} />; // نمایش بارگذاری
-  // }
-
   return (
     <div
-      className="flex flex-nowrap items-center justify-between"
+      className="flex flex-nowrap items-center justify-between my-20"
       id="about-me"
     >
       {aboutMe?.image ? (

src/app/layout.tsx

@@ -38,7 +38,7 @@ export default function RootLayout({
         >
           <div className="flex flex-wrap items-center justify-center xl:flex-nowrap xl:justify-normal">
             <Image src={"/images/logo.svg"} width={67} height={67} alt="logo" />
-            <p className="ms-5 whitespace-nowrap text-[38px] font-[400] xl:ms-[20px] xl:text-[48px]">
+            <p className="ms-2 whitespace-nowrap text-[28px] xl:text-[38px] font-[800] xl:ms-3 text-[#FD6F00]">
               Parsa Aghayi
             </p>
           </div>
@@ -85,7 +85,9 @@ export default function RootLayout({
           </button>
         </div>
 
-        <div className="main w-full flex justify-center my-[67px]">{children}</div>
+        <div className="main my-[67px] flex w-full justify-center">
+          {children}
+        </div>
 
         <div className="flex w-full flex-col">
           <div className="flex flex-col items-center gap-[50px] bg-[#F8F8F8] py-[50px]">