Update main page

web/app/docs/about/faq/page.tsx

@@ -143,16 +143,28 @@ export default function FaqPage() {
         Can I contribute to ProxMenux?
       </h3>
       <p className="mb-4">
-        Yes! ProxMenux is an open-source project, and contributions are welcome.  
+      <strong>Absolutely!</strong>
-        You can share ideas or discuss improvements in the{" "}
+      </p>
+      <p className="mb-4">
+        ProxMenux is an open-source and collaborative project where you can contribute by developing  
+        new features, opening discussions, or sharing ideas and improvements.
+      </p>
+      <p className="mb-4">
+        Join the{" "}
         <Link href="https://github.com/MacRimi/ProxMenux/discussions" className="text-blue-500 hover:underline">
           Discussions section
-        </Link>.  
+        </Link>{" "}
+        to share ideas and propose enhancements.
+      </p>
+      <p className="mb-4">
         Make sure to review the{" "}
         <Link href="https://github.com/MacRimi/ProxMenux/blob/main/CODE_OF_CONDUCT.md" className="text-blue-500 hover:underline">
           Code of Conduct & Best Practices
         </Link>.
       </p>
+      <p className="mb-4">
+        <strong>All ideas are welcome!</strong>
+      </p>
 
       {/* 8️⃣ Modifying System Files */}
       <h3 className="text-xl font-semibold mt-16 mb-4 flex items-center">

web/app/page.tsx

@@ -1,4 +1,4 @@
-import Hero from "@/components/hero"
+import Hero2 from "@/components/hero2"
 import Resources from "@/components/resources"
 import SupportProject from "@/components/support-project"
 import Footer from "@/components/footer"
@@ -7,7 +7,7 @@ import Footer from "@/components/footer"
 export default function Home() {
   return (
     <div className="min-h-screen bg-gradient-to-b from-gray-900 to-gray-800 text-white pt-16">
-      <Hero />
+      <Hero2 />
       <Resources />
       <SupportProject />
       <Footer />

web/components/hero2.tsx

@@ -7,7 +7,8 @@ import Image from "next/image"
 
 export default function Hero() {
   return (
-    <section className="py-20 px-4 sm:px-6 lg:px-8">
+    <div className="min-h-screen bg-gradient-to-b from-gray-900 to-gray-800 text-white">
+      <section className="py-20 px-4 sm:px-6 lg:px-8 h-full flex flex-col justify-center">
         <div className="flex items-center justify-center mb-8">
           <div className="flex items-center">
             <Image
@@ -15,9 +16,9 @@ export default function Hero() {
               alt="ProxMenux Logo"
               width={200}
               height={200}
-            className="mr-6"
+              className="mr-2"
             />
-          <div className="w-px h-20 bg-white mx-6"></div>
+            <div className="w-0.5 h-60 bg-white mx-6 self-center"></div> 
             <div className="text-left">
               <h1 className="text-4xl sm:text-5xl md:text-6xl font-extrabold text-white">ProxMenux</h1>
               <p className="text-2xl sm:text-3xl md:text-4xl mt-2 bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500 font-bold">
@@ -27,8 +28,8 @@ export default function Hero() {
           </div>
         </div>
         <p className="text-base sm:text-lg md:text-xl mb-8 max-w-4xl mx-auto text-gray-300 text-center">
-        ProxMenux is a management tool for Proxmox VE that simplifies system administration through an interactive menu,
+          ProxMenux is a management tool for Proxmox VE that simplifies system administration through an interactive
-        allowing you to execute commands and scripts with ease.
+          menu, allowing you to execute commands and scripts with ease.
         </p>
         <div className="flex justify-center">
           <Button size="lg" className="bg-blue-500 hover:bg-blue-600" asChild>
@@ -39,5 +40,7 @@ export default function Hero() {
           </Button>
         </div>
       </section>
+    </div>
   )
 }
+