try new header

components/header.tsx

@@ -1,7 +1,7 @@
 "use client";
 import Image from "next/image";
 
-import HeaderImage from "@/assets/images/header.svg";
+import HeaderImage from "@/assets/images/header_illustration.webp";
 
 import { useInputGeneration } from "@/components/main/hooks/useInputGeneration";
 import classNames from "classnames";
@@ -33,9 +33,10 @@ export const Header = () => {
           </div>
           <Image
             src={HeaderImage}
-            alt="Hugging Face header"
-            className="absolute w-full -right-10 bottom-0 max-w-lg lg:max-w-4xl z-[-1]"
+            alt="Demo generated images"
+            className="absolute h-full top-0 object-contain hidden lg:block right-0 xl:right-44 object-left"
           />
+          <div className="absolute w-full lg:w-1/3 right-0 xl:right-44 -bottom-32 lg:-bottom-32 bg-gradient-to-br from-blue-500 to-pink-500 blur-3xl lg:blur-[130px] h-full z-[-1]"></div>
         </div>
         <div className="absolute bottom-0 w-full h-full left-0 bg-gradient-to-b from-transparent to-black z-[1]" />
       </div>

components/main/index.tsx

@@ -52,20 +52,20 @@ export const Main = () => {
             ))}
           </div>
         </div>
-        <p
-          className="text-white/70 font-medium text-sm flex items-center justify-start gap-2 hover:text-white cursor-pointer mt-3"
-          onClick={() => setAdvancedSettings(!advancedSettings)}
-        >
-          <HiAdjustmentsHorizontal className="w-5 h-5" />
-          Advanced settings
-        </p>
-        <Settings
-          open={advancedSettings}
-          style={style}
-          setStyle={setStyle}
-          list_styles={list_styles}
-        />
       </div>
+      <p
+        className="text-white/70 font-medium text-sm flex items-center justify-center lg:justify-start gap-2 hover:text-white cursor-pointer mt-3"
+        onClick={() => setAdvancedSettings(!advancedSettings)}
+      >
+        <HiAdjustmentsHorizontal className="w-5 h-5" />
+        Advanced settings
+      </p>
+      <Settings
+        open={advancedSettings}
+        style={style}
+        setStyle={setStyle}
+        list_styles={list_styles}
+      />
       <Collections category={category} />
     </main>
   );